{"_id":"@atk/mise-ui","_rev":"1164-ae980d2b9a899ffbceb62928253c883b","name":"@atk/mise-ui","dist-tags":{"latest":"1.33.57","canary":"1.33.57--canary.7084821.0"},"versions":{"0.1.1":{"name":"@atk/mise-ui","version":"0.1.1","dependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist","test":"jest","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public"},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.4","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^25.1.0","cross-env":"^7.0.2","jest":"^25.1.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1"},"description":"Design system and component library for America's Test Kitchen","main":"index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"fc571be8d05da195a7803877da382b8a0a54213b","_id":"@atk/mise-ui@0.1.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-BVZiIs+tJo8OoCXFfwyIIlrOSprU9G/KfVz24Zhd8JPkza4vSMV1+lkdY5514mRJKuxq5Ye88Cb0PXi0VLFpcg==","shasum":"2c32d704cb6cbd20ba958a1142aa116b99ccb8cf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.1.tgz","fileCount":65,"unpackedSize":115700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJealquCRA9TVsSAnZWagAAMTAP/jYiBQGVYUCRhUFHbizA\nTOsRKMws8arlCRXM9wD0lhRGkM/lS4iG+w9vV1vpr7Ymgqh0YGd4o/sBi8uq\nGXrMCdQ6FERfh/b2bxg3VDHljsMZrOAHD8EKNrsXNzL8WbvKsZYllsoVtmmj\nlPBqA8WkJ6cvdJyfJsc1uoUdZUHSbnqYn5hZjzKGMsKEsYtVm1QhyfI2hjCT\nIU0sDd/bDhzgEpG9gh823D45nh2+U5piYTSqVvF97Py4IgmnUfBqqTJXHEgk\nSPDls26OFKZ5GcuP546SEAa4Z6OboYZPG7xXmdduqrc4MxKlodIdWyTMjOU4\nz+/WjoBKSH8X5OJw3+1xQfS2xjC3+LTQmCQQn46l7USnYXM3zctjmoiD2TTA\n/KQfz4EPCyAKaDKUyRWdl8ITQ7LICZ6T1rX7tFLiBrVh6gw/aj+DmxKsxTL9\ncMmGx1e1zUJVPnzWNhoVOKHlyDEVEFwO2RzCUuYH9eurmiIoZ4I5bUN6aE4W\nJii0p3GPKDLVG/4q8UUBsIpHBQAm08Yvqh2dXs4WA/RlahuaEP5uolnRfb03\nHOGFVbhx+MydeRXm7z8z/tAKFbyEXEivCTW9tGLuAuFPv8sOvUK1Zo3cExJI\nZ5DPrPbbv40pKn1PszikrzS+UxXWzWcIERkMT3tqvrURvLyHbCOd46RmEY9j\n4TkU\r\n=R3l4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvmWcqWEEamVBeGqT7jyrV2JoHrqUGzNONFNNtTqZwMgIhAOUxcXFotyROm9oa3RxS5i7ILUew3cVYw3ltiRj6h0Uk"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.1_1584028333664_0.3403756339160797"},"_hasShrinkwrap":false},"0.1.2":{"name":"@atk/mise-ui","version":"0.1.2","dependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.4","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^25.1.0","cross-env":"^7.0.2","jest":"^25.1.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1"},"description":"Design system and component library for America's Test Kitchen","main":"index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7cd7feaed8637c321d6a1ad84b653f19accacc9b","_id":"@atk/mise-ui@0.1.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-vJvHB8vZCoZELA00FB0PlNBIU/kUGxjd1WTDpbAeveVJz6NW+Gk6dMoFM5qB7nzY0+YbZVPbxrwn6xo7hQilKw==","shasum":"83983e6f8f59bac71cc31f45fab3b0b38f32346c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.2.tgz","fileCount":76,"unpackedSize":133354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeb5t+CRA9TVsSAnZWagAAobEQAI3uCq6EdGbWZGj6E0I1\n4n7LJtobI4wZ7+6K8+d4pV1eUaBcLjB6wAEKv+POV7NHnGrGKzZ8PaxwXhM7\nOWBujMFDweWzdp5ghTPzQOY9+hzloe458Q5xPjRa3neeUnRN56ZNWRchQz9o\n2ox4C0dHri7Sze38RIdpG9OrYqDSrAim87H8gaqeZzNWHOKcI1OxsWrP4RMy\nIVJQOxT+kTqE2LQbPfOqNXkIb7XqOhbVlwAEjsTYXax5V25tgGXlZn6ID+el\nme5Y85nmzvzXDqo9iuYp1QC7icCceR7X/JPXQ/YN5qMuzMc7My5iqZSIJqhM\nH+B2sjsamTlKAVtIKCL78OO/FOfDGT/nA2xJ20qo0rFTphOcDkwOdkP9+ip1\n65/l8NkPS2Cp0BknWQATVLIlC/qCsrPRw0qKjB2yH8DqXFTYtFTYcNwFSt1X\nTNwSNytCRl94jdDT006WB7iWuJ931qsEPCOOql8BWgCZh2OBLjuZBFzr0CkV\nJDbpnwEiTgqx+IcNqqlA+INh+FUbVXQTfhPeCD/NgNET0AowiVk5xg/3bmXm\nuOem8LTA9E3s40e74CC3oMwSlOdvoMvo4X5yPf/5GMz9sXQWRd+7g+L68yJJ\n4ZQXjL5zjERtlA/IEE2BmAQhXQVNJ8Iq3AxCS1T1mZ9CmxIIFRI3t/mHV5u9\n3lsw\r\n=HBbZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7wUkI3+MM06xC//PoxFRJjHl+/JNAii/Fb+IBNmBTLAIhAPJysR5UH1fQTWY+pVvbrM3Xre6t5h2b+9XK5skURhTm"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.2_1584372606247_0.47551536765942903"},"_hasShrinkwrap":false},"0.1.3":{"name":"@atk/mise-ui","version":"0.1.3","dependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","core-js":"3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.7","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^24.9.0","cross-env":"^7.0.2","jest":"24.9.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c4e0e683f9313474d9443748c937172339d79019","_id":"@atk/mise-ui@0.1.3","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-P+YwScb94nWqziWz/b7XcsW+X5YIYWDrhZrZWsaxIGOtii1Tg+Cy39DXVIES6qSeQundEdFAwjCGK6h2E4hkVg==","shasum":"ece10b7a66820d0f0909567ee4e74990832e68a5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.3.tgz","fileCount":76,"unpackedSize":198346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecjh8CRA9TVsSAnZWagAAl8EP/jCZYIFrpmugY4lHtm4B\na3b0B5MJPqmKKLjeDyjtgsMFt3xVyvsxJYKS2+E4kZodWyfpVi8y7srtSJLP\nw2rWoIMFIhOaHO0Rmo9p/NqdUL5smFIFnEi62O4M6uo6V7fpVaEZJVUWI/l+\nK2L5Aspw4Ugt3g0Svxst+OaT6ZGpbGbYtXpjOWyxep+cNI/i948hzaOpOljN\n8DCxTLMJQfaD5dsnXkzVh+0+VMHtmX0YGw1FeM13hxurdtqD1hZA2LRsgja4\nTeuH34ZbPijucbWNkz8e7oTiH2Ihzjrc3rt50oZIQGSj7b2i+g6CObXyr8Cp\nq8v8Uwk0BByeYwvPY9uOCruXnPBTSj3xh7hh5EnfRDrjKaUmau9aPeniB8UV\nl/zeVgtAXkHnxS3Icj7tpQuzYV7gmkwLEf25USDRtyECDQKh/j/RoLGGXqbb\n+yv2ELV7AT69+eI3FOSZT+JKqLuybBhNNtnQnKv7UGkGGG/cNUzL6yI+iNit\nzCtglCOELihSfIIxP8K7GodJgRRqv5phrVRU+c7Un7lVK8HxS/gN95KB8mJN\n29UTBrrV0hjz5ETlMr8zg6cB73WNSXP6VgChOSlJaeJf+t3WMdCqQEKApIIa\naOSZbOeCOskFDA3+YrjNsCw+/joHds6z6umRqWXMNZnkE6Xp25wYuM3l5DpI\nnkr5\r\n=VhoG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+3+7ATcC5rIaajRfY8xez0P79vyuJQKPn9ptvX5yNWgIhAPngkDEjAP/wyipJ73gkMbyaCzN6Ftm5PwGbscUdUpsZ"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.3_1584543868233_0.709869169583667"},"_hasShrinkwrap":false},"0.1.4":{"name":"@atk/mise-ui","version":"0.1.4","dependencies":{"@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","core-js":"3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.7","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^24.9.0","cross-env":"^7.0.2","jest":"24.9.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"23c15836a111e1f098a474eeb840c8c7ee9fe760","_id":"@atk/mise-ui@0.1.4","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-dZt9mIyVgTrSaYVwNouHnix1S4iYSiRwPw9Pvi4aRMTSitT1Sgwct+tNmcf1RG82WaN6Y+6zy7Ua1iFxHZ6Wyw==","shasum":"d9005d4dd857ee745799f7d6bf1346216f3ca6c9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.4.tgz","fileCount":76,"unpackedSize":199135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecln1CRA9TVsSAnZWagAAEi0P/RU/GUVpeSh4qA/u/jlw\nbKhIWjSFFSBgh/pmeqL5r/8aPVhLYe225yvZL3RXOyjCAlBTr7X7GzI5e84O\nNyCNN7d/POe1ypmg7IhdfE2IOdQJqdlbQDG+yQ5T0VwEY+L2txn43asIg0rs\ncPzizpX8HZsILlG4kt7rLG2eCCXgfBtBXz3r9OpTPrhT5023Q9PuSIzTmUPZ\n30T1R2Y1ZxT13nxElVoVpNFHFDgRT3LM6Q0EdzcryIVtCaCi1kv3m8D6nqXL\n2/yU3OLQRGUHcpeu/6WKNw5Goknvbr1K0aWJhGVx44CVsFB2+zxb4Z4PnwWT\nG+OVxmlPGs6O2PVO2DuTrpCUXlBvW+IJCItjzDwV4xreY7Kef8EhSFfm+ddg\n/ANcZsXcL8/nCyO1qEF18W6+KRYGvobMkdOZtq9yVeFHGXQxLCZfvSlZob86\nn7IS+/03Hs1FTaR5x5oWzFv/QAkU6+vqHQHGDv+5tpg9kj5hWR2o8TutGErw\nkyy009+45HELOwWe2AqfbbFf15nEiQ2Y80Eqfx+uAqasRFDL707CbTFHqyie\nD93SvlyZPsdedArJJzKn0s1RRFmfS0AVaITuhorNs/7WEvb7eyoa0ZTgA3e+\nO77LPJSgbcwWqqVt+5st/hVWuRu4SrzheIHOAnx0zsmtUtJw87SafEmgyHWb\nEFSt\r\n=xiZD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDwdKAbZ0oebvBcijJ1ZR17M+U3d8NMJzKiAogMjn+weAiBwCHw6vUDWjC4RINrKuwf60ngMF1SLW3qPKyLZStws7A=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.4_1584552437498_0.7132912361388295"},"_hasShrinkwrap":false},"0.1.5":{"name":"@atk/mise-ui","version":"0.1.5","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","core-js":"3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.7","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^24.9.0","cross-env":"^7.0.2","jest":"24.9.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"be15691e83defdb9396845160df1101fc50a3040","_id":"@atk/mise-ui@0.1.5","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kfcJ/yjuhPzZA/2MedB287qWhyQazzm3XqNssdIeqIKuLw9TgV6RW8+EyMVz/dkgxapLV9uqDdqbXOqZegPw6Q==","shasum":"71373a07d22cd96c7efd07f378a3a54f51a4077d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.5.tgz","fileCount":81,"unpackedSize":215907,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJegjQSCRA9TVsSAnZWagAA0DoQAKGCAch6DhPKBhyZYSIu\nDUMpsg9dlLFZ6Q2phBlPs7UpD5fAqALMTmjKlSRbONg14Vk4YI7UuGV1OiH9\nYlzWskwQAtW6Jm6DXLPeIHVquHM8MJnQfNxItxpQgIohfBgh/p8fCV11pu7S\nUS7f7peuR73/LdkDIM08XPL0oTvDVNyANnvFejrkEkcCuqCyM/LqlbW4XkCu\nNB++mshhmEP21yx3VNahKKVIWLbGHjcsuvDiPpewlin13wp4eXd/VCupGLh3\nA9SNa/yOPJ4MXCg36V2o/dpcvnpEE16DQdn3M07IRcPn+/noE4sm/DseZBIn\nwx+BNR0XIKxERgdvbKWeknnl8xLDaeu1Q+/7yE2ghoGJpSX3n79P+N5uVZCQ\nKdiRGO6ItBIaFwTY90YUcHiGhku8HGXEISONtHFDKt27SJzvGIHXjDTQ7RPv\nFDsCiyTJmmb1Bm5tTFtU4w5ieRfbzGE61NeX1GEX+pMkWz0r2zlEdBYF83pB\nfnYaAstEGsdCGa83vVTpSV3tAmWyFgcQRJua5Z2YN8b55TTWd/Ca7VdC9iMt\nn8D7Bh5JvLE8xlrODOitXeTnEJ7ANraXrOtRj54UcF9amfJwm5JLkFAUngpZ\nGCPHx8hecxgqvVd55UPMpnExMPPaTc5l/fFa/7NYvT73GH7nlnVFNzsKyGNj\nmTJu\r\n=21/k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgwxbMXgLJbEEck3RbRnxukSFBPnQPeBwvUJjKXpYVgAIgGk1knlewNLyAs6JIXh0LjdK22FkTcUnaThp3hmh3ssU="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.5_1585591313433_0.43271564902870363"},"_hasShrinkwrap":false},"0.1.6":{"name":"@atk/mise-ui","version":"0.1.6","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","core-js":"3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","react":"^16.12.0","react-dom":"^16.12.0","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components-breakpoint":"^2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.4","@babel/core":"^7.8.4","@babel/preset-env":"^7.8.7","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-jest":"^24.9.0","cross-env":"^7.0.2","jest":"24.9.0","react-test-renderer":"^16.12.0","styled-components":"^5.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"442d9815d7e8ccadcd1590fe054fa1630a994484","_id":"@atk/mise-ui@0.1.6","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-KUP8XMIm5+gAj3+nNkVgBaz/OKd1UBA4Aj2iPN3SzYMednQivVJKPCeaHYO+K9jOC9ToxZqdQakVJhvimh6YdA==","shasum":"ce7f3311d7f71eb2822a8e3b8c91553a7e8616dc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.6.tgz","fileCount":58,"unpackedSize":184039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehh/pCRA9TVsSAnZWagAAWOUP/2iQxxVQuE0QG3tncs/x\n65nMsoB4jU5A5LBeaT2Uq5jZEL5ggwqa+Bu6AZ8v6g80HBuBplmoX8cdIbeI\nPVMJaLh60RyToAB9aAPMH6VK+Hdsn6T0GNXz0o/7dd1hNlSmCISf596HhTm6\n3zUbRk4qwobGP8eqbTfQqFoh3WOWpXAr6q3R26Zzc3yphwY+m7h3x6jGQWz3\n1v/jpFDrcQx/qVNo8T8vGAaqZv1iGP/5gUek7026DqymqJNRN5ql9XlacaIc\nR+Pax4eWCm0n7c86OG/ere2wFZFGrTxsL6rwR4TGtjPMqnCXvbWNUXUPo+d5\nm3BRnfwyP1zcLt2ohV2HJ+RlmOvHux9OqHYvxT//5O5NlElD7lgshjG9wZMn\njfH4X7IOmrC3BjswzFU1M7cAL9jDH/Lver1kLbMe8Rsv5OTPQgybZy0P6N2W\nI4N/wG7cKjhAHwBzXGS+GthQBhF/6PlT4zk2hGWFxbRNnToEbcXvqaQfJfRP\nNT65KHJ2+lQWZEcKecBJUrtrU6YNZimAmLVWFIcoD6a+I4XI1cmc8v7xRGYP\nuwhEHvicgwJzlKBKufjM6YNCs99Cgcj3PGkEAiB0N3/xQwIiEP3D7hl6MSgZ\nr8yOjo9VgG4r6CTZIdhZTuE/ANu6L+8KM5uiOkD60+uyVJuhEd9z3wXYo8Zt\n2EWd\r\n=pm8C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyI3lcjG3ustZsKQm1d9I81xm/ttDa0AqfRWyFGufR6QIhAMCIW/9xZ562OmHcM+iejPaNwtrvO+OlqhdPz46zJ7W4"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.6_1585848296455_0.28985150767660794"},"_hasShrinkwrap":false},"0.1.7":{"name":"@atk/mise-ui","version":"0.1.7","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1771243072c9ca4633355a3507a2a9dcd4941074","_id":"@atk/mise-ui@0.1.7","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-XFlB/8ZbCzQCp4UhfYFRBpa4fT+0xr31z4vV3kUN7fxgmNb+pGeX67kLK8D4oZRkCDq/tEWQJpEybbUSBytd7g==","shasum":"b94d4eb7068bbdb3d8bcd9dacd5115527dfbefb8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.7.tgz","fileCount":59,"unpackedSize":195384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejjP1CRA9TVsSAnZWagAA/lEP/2aI8W35PMc79fDDeCG6\nXi+u7yTrcPT7BgJL4KQAXp9nCyFDKUysNG/mfEBd8SvjfF1rIpccaME0huLP\nr92Rnt64XVdUOuDLoHvOh+3DI0hmyoVxf2UJg0ghA4S0u2qu9aayXf+2Dbxe\nk3lG+nKTneYBaPS0B0DP3h/eBGO8AZtSmUhXkmhMxBSy2mBPBCQFN1J2fa9X\nnStdNLOWNl6G+VYVnjISmjkCnX2Nh4+Iooe6tvuqc+ShhwNk+ptujudDq7UH\n3PVegfP8KKBaoMQw2IaIC3nEC6xM7h7VNTsvljw2kz1jayTI2wJzeCLq5T9l\njYXOAhscWblRnNRbIA39IS43M1nQqX347xikf9oykn3pLaUuycxHZys1DGI/\nZ1iEP6ZKZgTaIyDj6SZHQ9dp0MiVBSWQU+ZkEhz8Lly4IFURJR655Dd0drLc\nFC0fSJD/2MuZ64t0KWAyy2Yr9nLvryPT5qVzc1WSgBCmomOFcwshUwhct2j+\nIOQqyb3QN2+RZj+L93VVF8B027FudDCULRcQMMXjsJsdAsuzTnlvVuIAZrt5\nrtDFLs7qS8vtlM2fzAiSI5bgXW60JrTMcGkk80v36fedoR7irGVSKms0x81j\nGij45sCdo1X6cun2kGbhjjNiFkAnM6q+4mM+pW3RtWXZQx08BxtizF3SElsf\n8zOa\r\n=IQFP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAqGND7Yu2vMx8/pzZN/BFssyxpmY5/SaCiSL7OveQUqAiEAnJe+Dg3K22Y41HngUCfCogVCnwzciOQlBrY93xWGmnw="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.7_1586377717144_0.5084916768639025"},"_hasShrinkwrap":false},"0.1.8":{"name":"@atk/mise-ui","version":"0.1.8","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"93df5d4c9a465c4e2dd68d71b309eed3a3e274f1","_id":"@atk/mise-ui@0.1.8","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-NK0agjaKq7VB0vB9D0Mh6JgnZ6dioVlVrlGPZ/lj0ACsKPHjLj8VUJgUofpsB+U5m+xTuxObmweVFVH1N6Nprw==","shasum":"4e5f9dd4623f5468460f317c294090f9fe33a13a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.8.tgz","fileCount":59,"unpackedSize":196454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej3IZCRA9TVsSAnZWagAAhIgP/3jRP/s9wydZQabasPPN\n52qMYzDGDydF4H25PRbk4u5Ps5ozy3M6Js2o9C2n6GJLmzJZs1PvUyAqwxiB\nLHOnSXPGcobcQDwQuK6GxRa+lEggz2t/w0ng11rDrakhkIkYJO+s2K9xZMpF\n+exlNvUkHbVkbZwF/8QZMUrhvsbT3O2Jc3e7XJaIFsGv2SOnydbDSxfyau8n\nrJoslARZ4WlcPKIbjCGrrIaY9bmZ8TRQbXY1WI002xGo95iJwSceOFoyifcR\nQgUvpnICUwGXxrTlbyceE0NmNzIZ18/7W4z1MGbHrMqefQrOubAGEf+3issC\n5ItclvyRezZ/DJ/3USa2tzAIHdesrWrXNbhDwtCJvd89/7k+MUJC/9q+d+Cs\nf1ZfPiAqJRlQXGYxdD+uXic6zRrL37An6xvRWLpDkhxJ3Ce7iqKqyejLQHzd\nXk/fuwkvvC37CMjx+wDeYRuNVd64Trdjy+1nKBtY4EvWdyLxKs74I+sNudta\nIG4sDEfs8wucaPGwfNBs4qjVpxPPun51qAKanfKSAtfpVmfVXTirJjLRRHiJ\nduvbcV09fyvdfM6/w7ZFzM5biQ7CBfRL2ZpGspyqbLkVPn6jCmOh9eCwKBVG\nPlM+b0NvsJDSieVM7XGSVRjIXjQZg3Zjg0wTUJUQYpzCUdOb32etPSj/6wrU\nPt7z\r\n=3AU6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1wGH20tlG3BhlS3MNLxK+X6gmfSVK+7ygC5Lv3ssivgIgOSEw5Mzqy7ULTp918ZPMBv2Ja4z2phe7DWvub9+C9WQ="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.8_1586459160779_0.6551965602411594"},"_hasShrinkwrap":false},"0.1.9":{"name":"@atk/mise-ui","version":"0.1.9","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"6b1d8247abf23d2afe217d6487ac1ba6eedf4d5f","_id":"@atk/mise-ui@0.1.9","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-n4hcvywCZhBFKoEs94GWdBYzD0bur9ND8mo8bMpv6KntEwE6kx+IVnr7N2ofKWU+U7SgycfxGnoYrjFl7hC/fg==","shasum":"179f9bd11ff4ce1c5877ad19bc4270b730e361fe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.9.tgz","fileCount":59,"unpackedSize":197022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelI+5CRA9TVsSAnZWagAAIX0P/00sTGzgZQX4ux38X/kv\nB7kcyPsC8PgDl6rvvHbl6AtMeZgsbQvepOXdjnumGSEqyLCTHPnvvmklX1Li\ndai+DlhtBwTlJvj9kcxusThhP44LhpTz6X0cgseEV92JI8eQ6kkR9ZO/JPY5\n3T6PRdtPiKOn/nonPAf1IJcXXVZ9SUhiSqiLWZFUwah0qIOkeimLkSU9djIG\n+fpc9j6LTtSS/BiKZaGNo97qgLmuruvo4EiddAx84wA5ZQ2gJnF6DXArtQrD\nO2Pa3LP/Yz2fRXC/YTmipiJc+dJXQXNa6+49Lf8Z0QmUnb5s6hranTGruO5D\n5RPnk8jwcbbts6lKsyCsrmEUhnHfpbIgxWup4blmVvkTNqbCYLTljsXxXDNz\nj77kLzcOX7GeJdaJxtYzkSgMyxgo1mObI4ibrBNnkd0xHLQe7SSVrXvnR4kW\nHFFVB89Tj1olDPyNPsGc0X3G/CMKeYsJRV9YW7Hg0ESliukR1Ca4uWt09Ysl\np54YevEQbbkux5sRUK649c3LafJgFCb0C/r3qfEEWFDlE2Ocb+SHFStnqQBy\nLykLavpNmeL6leGc5Q016vuygISXf6Q4cUOyHhKCeBDsmHrlRHuj3ds+Ce0V\nnLl0rIEYvIt4iY62vIGT4KZtUd1Rf+E5+oxmviX6h6eg1xXaDmRIJa4jdwV1\nMQrt\r\n=EXal\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXLFJz0a0P39IEGe9COu78K8kidiF51HWFkz/6lHreFQIgZchakc5k4rMrimWjedBs+i8jQL/xC0lZCcCR7TtSWW4="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.9_1586794424907_0.8305678415888034"},"_hasShrinkwrap":false},"0.1.10":{"name":"@atk/mise-ui","version":"0.1.10","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1330bccc288290c9d21e62d555590d743504066d","_id":"@atk/mise-ui@0.1.10","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-WnlAoHujIaXkLio0qFiH6xPioNKF/iNFY9gQgl6nXFRByqYZwm0JgD5C+IVdsz8qVbd8YHFd1TSmjGDRDBCAow==","shasum":"727dbf6b72db97507af0a83f400cc59e1644ca63","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.10.tgz","fileCount":61,"unpackedSize":206369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJembzyCRA9TVsSAnZWagAAuJEP/3VVLzQ1YWSZ5cOSUvU8\nyXCSx3KCYri1NzTBl43thhFWAjH+iAfPnCy7u0tEPdYCTcAHWuex+37vAuHU\nPewaQAXL9JOyEHAQQ+GF3yL15cEeuO9QU+ahVlyKHbvtCulK/r858BU2LOja\nAH+HT+ZSi+Yyy8/5FmLN9wK2pzjK0SglBmDgJj1zskg2tXDwilH6/WvW6739\nNFYNJQxOJ33lnJAyQS7CHLqxycTgHQJxNFyG0NbqsR69kEfwvD/0hpGpJyah\nMqbOPb5FC/96EhX+ohjtAC2qtjQevPLGsauqlSmXpdKuQKNCWYzQVXrb2lRp\nSrMc1Ma4Sy0x7JAe2hjBKLY9+QI2Jl8Wis5kRrMUQ91PTZc7+AlUb3Sg18ZU\n7U3U3hyeWOWOBqYbM//0T9bjMU7DmiVqkm8b15fdbXAtiLEtZyiG9xe72+5J\nGVf585QvRsM8XliF0dH1vC/QmqlnPRJLVgEoYheENkPFqr8ee+m7rD4woaYy\nAt2TuO0Q+d/gtNKQZT+Uul5XCbW4tJI4t6XXweFJzAhihYSIALWwrBkrXlBi\nSBDRxdMRpX6mXbx7NTX8OBTKO7tdOaO0skTj+qIqSNwDm8FhjYriyPifPl1N\nEhMT5orC+UBpRParHK15lHk46sGA2YpmiQuAykXu0RvrSDjYx+gwu0/Lt2Bt\nHZfR\r\n=L/14\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkJTnPJHVDmoKqnqHu8bikBw5RoXN0/OV888duIQN1pAIhAI63hleIic9bHjDUZtijTbUT+uk+QkW6gAX5FCCoxfW/"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.10_1587133682086_0.22825191144454204"},"_hasShrinkwrap":false},"0.1.11":{"name":"@atk/mise-ui","version":"0.1.11","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"555f52e6b53a43f43299d7a7a2b35238cc7e9c75","_id":"@atk/mise-ui@0.1.11","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-FEUyw/6UAGFQ6gdzDEubQybYIW0JyVOQ35n3Jene9z5hVf4gVXfwUUTf6vnGF0USttSwOKwbwPAs7Dld8q+oGA==","shasum":"269599cd6abf8ecfbbf0bdfa767771be5fa811ff","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.11.tgz","fileCount":61,"unpackedSize":207824,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenwluCRA9TVsSAnZWagAAekcP/je/Jd152j0BE/lS1F1x\nxRvFUEGqcrszpxA2O7+1mPSfXyHeuATRuaWNhsx9UTtWr8dFojit6ugqYOnj\nfXNh1xvDHaWBn7JRL1RSVa+Tl53yuFuKaI8f2j6G+QfP7YeURHPv+aDiMfZO\n6zTn6kltMJ2zkbg9u9B8RcV51KkmuzK0/9x3Gk1C0kUFLHDkN+1N0GXoIlA3\nn0bi2y1d4BmWwkmtl3gKuLS4EQolRMO1tic7AxrTE6DBzR05WGZVqLE1M0bI\naA5c/s3KZVrqcaK/Urziy2dWn8qjQbeUVAEq1tfkXB5vZzmZCQJ4bIa9oY8B\nxi4qiYFCzmXy1HdNioPWQLgr0emaSVBPpXU8VqpmvyikwEjzsOdZ90CrHk/m\nUaa/dLau51cBRgNF3EoKv7zPAyNyjExqTej5IO0GMqH7Bmph+EqCkm/2PE7c\ncDD/YF7rOR0tNFWLFPSRSEQLxwJqYCgV7CUiGoTHZhnW9mxeqsqI+QFzyf0r\nokuw162vF/879eoVP9dDFP4YWugdowTP1/3PkbTEfSogsejR4RgePCR4V7pg\nho9hOG/Q6jjFA+XhdXTqUnxN77nisSw8MhOZykEZrSCbqsfmaAsleVGmB04O\n3HBvM/FPbmZ3ecz8cRIstuu9jHcs69KOPW7E+Dfk5k9FsXKV0USI1j61ychV\n0aTA\r\n=AZjp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCotAPUrytcIGUfCH3ueukLcf2srxT3vISl0kF8qDxgXAIgWSYeObyunCgSqR63eh+WU0sJsjm//sL3LEOHjmSj02U="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.11_1587480941867_0.7712146603266845"},"_hasShrinkwrap":false},"0.1.12":{"name":"@atk/mise-ui","version":"0.1.12","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"13b6c4e749259441ebef78534f5058b0e0543b15","_id":"@atk/mise-ui@0.1.12","_nodeVersion":"12.16.2","_npmVersion":"6.14.4","dist":{"integrity":"sha512-ufU5hfWKSlLpO4+AGgZTA8gFTTPYtx9Kh2TUSuaaIzdhhp7WB+fdmPndXGtWsxfs7xvqMPaGWwpZnGnvpoRSvA==","shasum":"6dc8a07b11aa22400d0af5ca949da048bd77f76a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.12.tgz","fileCount":61,"unpackedSize":206958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeodTxCRA9TVsSAnZWagAAQ/8P/joyH9P8z6Mn10WRudbf\n2VSV3oWh6zylEWuX+vPwb4JEzchsZUZj3fHCmEz6P6xU0LsuMz3UW9vvD3jS\nen6qtyFMhJ3EvR0D5VLSQ2PC+pswzD7bdU/0juQOTm8egCZeUAoffif9aEQh\n4C70nP4trTa8COTSjSbidHG7j/W+XZQ+mQdPdOMHe9Gb7VzRQ6MXbOnZ2xj1\nlJj7B4P0RxcvFLpwFvlTAy0r1JnTjNYv/MKH5Flnq3pkdaojyJaQfc8NIgnY\n00EtQ3wZz0B+9m230TFTl7VQKrzNixBkEXPf7975p6FHXQtyc2J2qEhsoroy\n1xhe83k3jPkG3Wsrn9NhFOhqaXUL2y8bX75P0M0eXuvEFxaUQhP27jXbhOrt\nzdN63VpqO3w3ZPQJv/FDodRNrrH1TquIdh23taSSVijRmLX6tv9+ORoZsZ5V\neryrbClT0KnfAtf0JTrvj4/AhmfSGWozJzuNUSYdchM/DO51QtVbTdJgYqrI\nlnUZ+A4wK4qXZW8FiTNmGMYJplj8Yi0RTF8KqzBLFHwuT2qa0XVXAyD6rTa5\nFr6HH7FdRxgX4n4NvX+SnrXQTTPIm48lk/0zFVZGXAudK1HozZl4WFPZms9u\nFJSTn+VdaeIKTfh8asbqQhG4tTTjjB6JDPKgPqrhR9A6g9lHcoiZ3jMJfZfM\ndhQi\r\n=6TFL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS+55MLbOqxbgCBzVZZ76pGdsUS6DOyWst974EjDURSQIgVyG21Pgw3YDc6mnEUGe1G2TbB7J8Wd/49nKCWQtfywU="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.12_1587664112916_0.8774264503850426"},"_hasShrinkwrap":false},"0.1.13":{"name":"@atk/mise-ui","version":"0.1.13","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"6a7afc7dd41b1ace704a549c87e94125b35ee92b","_id":"@atk/mise-ui@0.1.13","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-6wzGCJovlzFS3yVg+kHBLg3uMx0tybTljm2sIVH6yVPbaaY76egwYbOSe3ZREk2q7VNIRCnbqADZ99CPA6WpeQ==","shasum":"4c0342971a5dbd61b0edb5010838a6dcb4fc8296","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.13.tgz","fileCount":61,"unpackedSize":207470,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqIY8CRA9TVsSAnZWagAARAwP/jU3hVwU1X17JO8LZrHa\nB6m+QvaP6vP38TsLqTUEosdHVDBd8qzGx9V9e5DKHVNSCLUGpZgJRylw92JL\njG6Z29bpx1nRAs54B6Oz71+gskEDuF+V3HgPO7ZM5SMnGdg4zSRJ9nAwTggk\nYTURtWSUxNy1fEYi+NoCZrmwCHq/NKakOJRsVkfyqfyqXktKTO3254U67ydU\nG4HKB6cMbWRs9nj/j0GxVfnowz50vE7cp/ORdwtY2Bw/d2kv7A2Vn087Rhnb\ny9Rl8IOiKgS9nXFj2ZOi7nwMnEUoxg8s+FhQKAyxx8h/fTM/j04LJooqh1gi\nWcGHRyc3gFTnfur96s58DRVxaXSJdTryxgHh30woP171rUBle+ABzx/FTIoW\nWwih0ZiRI6qLlyo+goZMHDGAiq9W4Q895BrBqcLNjEN1gzOiBw44l8ZbtImX\nVZFi36xOHuyxpsOYomVHv3E+ewVzvJUEfIIWNv2dJ+2pYTTfxIgU2WtJyVre\nLLlzO9IXkdOT6zOM1peo9BhDhOb23ZFzQ0w/zyVwMPFfFYsvgEZV+WqMcGHH\nFnhfG6Nnx1RtbY0DnY9gg6QwxWINhKxobujY8neurpFNg1F/uDf668tOLjeb\nzAeQtI3yAbPVlhMpchASihNNlbkTRY18NPeNHdR150NBTiptx6yMdpQEezM2\nwmfU\r\n=yQav\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj3KxvllWJHUc4rFwaxohSq1lZFWwm3raS+/P7ftqyiwIgKkzQ6MjIUy5Z63i9pv4XP9oPNoX8u7yWrt719MOZWrU="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.13_1588102715686_0.6235116681335755"},"_hasShrinkwrap":false},"0.1.14":{"name":"@atk/mise-ui","version":"0.1.14","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"e7dd014bbdc8552363e618467d72e68af76846e8","_id":"@atk/mise-ui@0.1.14","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-DVm8Pm8c9Zc7QoRF/rtazswgIJVb6cuCnoqQfzPXgE3VahlaawLOTYogUhi/vngj7iE9FlOw8eBp6JCrwweCfQ==","shasum":"64bef9c339528d8dd16cda98ff0e6e4c94e2cd68","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.14.tgz","fileCount":61,"unpackedSize":207690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqdlECRA9TVsSAnZWagAAXV0P/04AIxtrMkXNgfl2Go55\nTr0ygaxJgqcJIoPyypcDtn1lJOOCUkN2JrnmLU5ZCyOKrwqK2J8AWEiXlbkb\nm0Fswvh23wIybMa3wBN2ySFewYlxehODwJMLs60rGNGuyr5kdoDiPv/rd0w0\nG0OmfKHlaIvBqUNurolw6kCK2UygU8m2CG5hCjbQVrcSPZ/ThICFGkt5AvQn\nl+XMNvdm9PVxrRFgBQC5Wfc8eJY63Q5kRhJpxkPLcBbpVcChLfir7FIP6/QD\nnddQVbjmCRqQadQVZwvH2xovyz6yEX8dSrwotC3O+Y44kxlpIdOREMK6oJvl\nXWGMK767OUat2m/W9gcimWd6ky0i9Y7bnyU/Z6+XlmLOEM+NKUkRpbAr+z7U\n02fYAaBrNNKQTzYK6C5EusnP05OW0D0F1OXn1a/loRg+MeANZZROX4l04Ot2\njBbZc0o6QVLRnKNbs7qig5UCp4nF3kMVpFlkRviC4AEOgR37zvXESOrNRoAf\nCDzW5tvSc7m3kXzR4i8OPXfa0xA//K9Ua91w/gKzFhBGNpy2P21HiZbgt3pJ\nnQ9i11641Mi0GDFg7ljri6r0ME8wJT9ByE69GQNetuMm7SPX04N1ZMjHSiGV\niA3sPWk6ScCu8G/AcJFJ5DhMppoAhrG/dZ78He/6zu+AisvAdT1bCiAsXfmt\nRVz9\r\n=efVf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEfDklBNe3al3JrFRMuXZgZWREt7hsJ/rw3OSyvHNTLZAiB4cPKRpxH/adp2eNFBt7+mLQTmsz3FIqoML3RjA/aGmg=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.14_1588189508162_0.574102917628424"},"_hasShrinkwrap":false},"0.1.15":{"name":"@atk/mise-ui","version":"0.1.15","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"e697127484d44425a27d7a344b0672d9cadedde1","_id":"@atk/mise-ui@0.1.15","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-NnkBRG/eeg8QYYgtc0aVKkXXCYHCMNuh/AEKYdBo21q4BaLkPrsjypY7RINNRU6/PrZTyZz2quKK7wZaKtpqRg==","shasum":"5f76494f3bd0a603808ae0df62f6a3ad3adb8945","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.15.tgz","fileCount":61,"unpackedSize":207963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerC+6CRA9TVsSAnZWagAAQykQAIuXQCy/CLm9FHPfv27q\nyzE9+ldbgUoDVsH+n6S2b1NFabKXJJY5fu+yZoFTkravUHszSqrViNHSrul4\n++zPZTf2cueH+NCwTVHgQublR7sNbxPLGSqINw7gO/ZcT2n83rqVCCwbXDvF\naKJ7uv7FQrApu5HvWWlCNrDCo2vZL01m3izinmaZTN8nBRQt6qvb8GK3uBoZ\nrQzYTWc3G9cFB6/CbNttAa83C1uKx/TuxrvzkfRc+uyLeJyFJGJ8dNlHphW2\nNPe+crgPHXc+VxnsWflW1Iii+rHXGKWxkGTUFnZ0ul8tJHNDVpZaQK82sIwv\n15+84L5eOf8YpQrSLv2KUYII182R+b94hv8SxOy0xuyJdtL9ughQePMIyPAo\nKimgxcx/OfhNMvGQBcusVcwqNPDI8Xbq+dZi/Hboz3uDsh11A/6hWvy2w2dA\nR9YmOTRTpG6NHzoJwkR+kllnoE+oEKIZucbOd9QWiZivS+jWn2FqX/y7XQo9\nc5T6/ejVxgH/7CiK5Y1UGa/MEm/wilvY908ye0/nuV2D4mChnrf7WjWmkJxE\nMD3QXtKCGJFY709V+HuuNm/A6xF1pHfOH69lqipPG0LeA+cXBoFcA1Uoo/x5\nDohhIiUs53a/CoP8xp7+xGdtvUkbxlHc7txHxn8o4cBGrodU811JTHt7lqmA\n2gTV\r\n=JLFm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtMJYzHlWDmxOyjNt0fDWndZ9LOGTWJL2LVpGa3HH9HgIhAK7YXpZ08kFI56MZtR77mrnidkjGjXNOLBOZMQ+j0xV6"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.15_1588342713864_0.0895465364546928"},"_hasShrinkwrap":false},"0.1.16":{"name":"@atk/mise-ui","version":"0.1.16","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"72f31c010bfd33d3a49bd055c7c0bc6e18438c46","_id":"@atk/mise-ui@0.1.16","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-fOghAPXt8RAXGs8DdBV0DzLmpRisgOfMWMEU1aaaSKv+SYAvwOZs7200d1DXbfL88/qZz1izLaXrSrAZgQh3wg==","shasum":"ba2664b4d60d8744082bf70806591288ac2bbc06","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.16.tgz","fileCount":61,"unpackedSize":207794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHnRCRA9TVsSAnZWagAAqa0P/1bQfNe8RA/M8ZRMHNWQ\nNXzBrAMeqGekRrZN0N5PmjXHM3Q8tEAwFstdW8x+be6LT1cUh3PAzwOZLALm\nV/KCbEYVd+s3Y1dtVgH1pR/q6O1Mof4X4iSWd6g744LFeXVVV67RCRlnm4MF\nVS5hlNt7oblnnFzByXmxyxqcgb5evq5wK2nWPnjwTrVeqcg7vS8df1LEC3ub\nvMqafJxPXxmc44Qk1HF8hKyBUVJ2Osl+47xqBPxJMNctals3LNQsHFvDbmSM\n+0VCFjCiGty3NepB9etOfelisxypYcasyHbk9qcVPcR1gDsvcf9R0//3ZMRk\nqtA7OslF5FEvUa7uBllC3nV3QKcm3kU8TtmuThVRADZbwvGzRnvaQ21nKftl\nsZdS5Fm6FhwAV5Y5bR7w1KnuMpaWNGjuSj2lJwxkGK5pg0zVqkQ7R6bHW5L2\nXG18FvkjeDgIIgm/n0ffgdttNSy9w4MaKDmTTdj8OXkXhNoJQrmaAWAdqWnF\n79vt0IT+Laan2Yhh0ENv9Zxld1sgk1GK7rzZqVvtV/z/GVxLoSBZdeN+Y/Mc\nF/z0weZ/MZr52uWNkqq0Dek2sFqR3sPEBeZgqIpixZuC4vi3UJDNhXs8Gjm9\nAqGTnpyuM9u+FrpS9Q2PCbd85gPb+1Ok9RidEL9oz+uBT4eZusY9cmHGwJpN\ndYWw\r\n=NaHW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS03MvMmyL0Unfn81aNYgYqWAc4FpMwMP5pxlBPer3sgIgQYEROdz3G9G3talCoOJeDjjkbFe06Io/MbdfTQbIZpI="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.16_1588361681423_0.6128031248766495"},"_hasShrinkwrap":false},"0.1.17":{"name":"@atk/mise-ui","version":"0.1.17","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.3.2","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"f7f94ce730e4bc9f5ab06e0d393c127b9222f320","_id":"@atk/mise-ui@0.1.17","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-wzOG80VHWqs6dIdMJkVUvwcl48axWgk1X1tOlUapAg01COtHwC7anU0LTUKy1ek5kKsoENsswwQQhuAgN9viKQ==","shasum":"b3bd5f79d81967b2a4ecfb6bf3e5b2c69f93abf9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.17.tgz","fileCount":61,"unpackedSize":208749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuZgDCRA9TVsSAnZWagAAf5MQAIp7dFW9HDfI96arFKaK\nhNxgCLEVj4Vzgc/uIV+rFJEoAujqZbRZhOM7jz7Ch2SqPviyjouU/uT0UpT3\nk0iEcPhYfkuV46aiEMTDvBWDly7GmMdyx5hUWCb4cbePGO+gnVzaEavSWhZA\ndRRulrvqBr0C4WFDJ4mYGnEGPUDGKuBkqwBo1Av5AoR4oww+8jKmcDGbKd0L\nSHjF9+sln9SHZg/gU1tGNi2PImrKJ2YIxCy6ko5NMSDkgkSSVfsGGXhS3vUX\nbg9MT9FBBPnLrP7ZeoRuDxB0U3G99gP1E2+xnpZaEPdeSXYDeKt8wytaJTVz\ngEJLwn84agjXJolYtwT3wzKjWPR3YT/3kMjV/RSGC6BM7y5zdhkMiRR4g6Up\nDf35Qf7UQd+KsbqFc8zE7VCcyuJMXsdVFQNncVcDIpjJfdBzTuseiQOMbgzB\nMURr1pnPHr+U8RwKXvARzAj4vJtnyU2JWLW1/KHKVGXLf/havy7ATfg6CA9I\ngbzr3I7i1ybDzWzcbDbA04I3IgzJqeqGp2ZOpFmxAv4OoO/MkNBf9V7AtaC/\nEly2gJXjL2nDbJptZ/HXmL5rE8rF7X2mOvy60QVcp444ES/rBG3ZPC9O0aWe\neIdXddyY7/7XLBknLsPfM1dM8vVCp9EcrUhVuN7KFO/TuDlbnZInlImRoV/2\n72rg\r\n=SYK5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEWpZ7MMCx1qAF2Z6sTouINmuFD1AROkAcg2fMza8s3dAiEAykiXHA6VBgBJUTsHVzJ7vb8lgGogAMaKdUSST+wlf/k="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.17_1589221379145_0.42517248241853345"},"_hasShrinkwrap":false},"0.1.18":{"name":"@atk/mise-ui","version":"0.1.18","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"98627a7b1ae39b74ca742ae464a4517022c6b0ec","_id":"@atk/mise-ui@0.1.18","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-m1P9CvT53OWylFTHXoyen0imf8Lpeka29eOIQQvLk/lwkisXBLkQ5SwNqNBYncB4LEiwxqEXybQngmH0r3E1cQ==","shasum":"08dccaa42133efe97a8f09112ae4088e3053bd55","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.18.tgz","fileCount":63,"unpackedSize":211463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2RHKCRA9TVsSAnZWagAAA4EP/jtciQTcuoY9tFucEKQd\nyj9gJJOZA+mlEDLlPiafWIynN0oHX3zIv6CfWWKA0TTONWhxmWCEh0IFcUmJ\naia8AGVxBz/8m9XKd4DUveLCFud9sI7tkmERo6RLAH/kkI8fCocKZ+v3XSsc\ni9VchjE9DU/ggK9PR4fpweHm0McN/C+cZFbkoCMK1Yuc7QxP4TBQEm99UG61\ndOtkA9toOhWVk4lyMIz6hSi1OmfelXIP5Ivt/k3IkyfQzfqrh0HrwgJeyqY1\nAHHljEml6gU0QrmLuDbq3nyVf/yT9jscFxm5nxDlOh256qQp4Of/2ZksZ+yi\nIVdVGdwfMEnePnVbFaaiDARG2aruO/41BuId8IFOpDvZgXBWQKb4pF/DwGfW\nM+U0L+D0GSUlZWmO8bIHLMjxYp1qkcuyiWx2tfEc0UjeVJvsGbwiuaKafdf2\noW839EJy6ver92VpKWlnOtxMsEUgo73XPSU7KwIPqzXLV/LxCR9SDObeiKi7\nmTajTsjJ4xMNdtmcmey7V7CTqYb8br+LDz9TxX/YD14X+b6pvdXTIVzeFbuc\nrdCVKkkL3327tT1cFJXlYiMbRG1cAb7mdcaolqPkosft87+vCm+Y3PClYQ7e\np85fBMDQO69yADN31mt3lWh2NhjobY+uEObbTzrkYQgWLPoyPWtG30x3dHBG\ndAW0\r\n=4wWB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6HFbKETl3WtEY41ZOhWxz+Yi6rlgZPPEu6DsmmiUatgIhAKPqihfEddp/FbWVAja9QVgqpMIJnTP2G21Irr5NSvtz"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.18_1591284169927_0.722949565012988"},"_hasShrinkwrap":false},"0.1.19":{"name":"@atk/mise-ui","version":"0.1.19","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5426d7c5098856957936e49f3f75a0d7ba0a49d4","_id":"@atk/mise-ui@0.1.19","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-K0rQI3AsS0O5UhWIl9p0MVL9W+biUgZGcNaR52nI/4fIpJM7MIpyjmcag5Z4k9EHl3WL/GU7M32JYOdRjZIGHg==","shasum":"382c16849224d4eda26f83309c65f8044ae06b28","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.19.tgz","fileCount":63,"unpackedSize":211746,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2TqzCRA9TVsSAnZWagAAq90P/jwgUYIk4fCfKAbas9uB\n6ZZBC8QXAyfFfczBi34A3ZudF/kT4gp77GCJUBjt9F5NSBTk6cA/KKLg4d2W\n+ZjtFEvH2EXEnK2Qcvhb+AcyP9IGXoEkYkfopNNYVOiIkWbS4UFSz1Na+WH0\nBMy7xQiLvA39jF0Fjr9yvZofBB9qZAtuFqVG9ORQ5q958olJcBy+mTbsuCmd\nFsmRiaJk96VSKhasmXBk1q4HvP08LkCh51CYxblfxw80BpjbV5eLTGDyFFiZ\nBW6EO27NYFr8iKlto2wyR7RvKSvdHIGlyV/1M5DQeVsa/XPw58/AKvyyycE6\n4NIqsWVFGrSlJZETH+eSU7F2m1Zod1BkLVqrDlvGuX7z+xKZxtYcF70U1E2e\nQadV3X/15VlnkTkaF2FYQa8t/F080faO0I2JOZ1MpaiKINiAoPyemZO6nOWB\nP6Vf/pG3QahT9AWVCKx9vLRYsrW7INKL97aogi1d6MWnUzhUS86RTTdahGav\n9WJtu9Ia2CVyDuf3HtWAkqPUU4eVp+Ui9w5K/6jLoIJR5siwMf+Fv0pjVP6P\n20Yel8zMZOC9wUOAmo092I3Cd0o/H0vA5VYTPWXbR5Bao4vZ9/rNuevO50BH\nuDM/F41M5sJY3uhCTwSLI0WHJMu0MIuurYZeewsGwMG1RmbdWsw+dxtebDF4\n7Uud\r\n=Mr0R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCEpHLnoKBOXyJEMPOUM41XdGwgoAGmQuJKu7do76jAAIgXdecJhwOeeJr2T0Ol0zKsDNcLstk1lyB7/WY3HSTX/s="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.19_1591294642921_0.8947413797565253"},"_hasShrinkwrap":false},"0.1.20":{"name":"@atk/mise-ui","version":"0.1.20","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"145765b466972260067c7a6f71f4e1783382d7f6","_id":"@atk/mise-ui@0.1.20","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Kk43OMqS2q2pf3LOQRzDrI9mt37hiAHjI4MTEtQyI59JU5PWynETITDrRd/KVgchkGdmgXtqbz5Ry/fvzLjX+w==","shasum":"aa25baff4d8a1b024a9794ff7f3e3d4f063fea1c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.20.tgz","fileCount":63,"unpackedSize":211660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2UJYCRA9TVsSAnZWagAA0nIQAJ7bBFbFrOFnJId1e3ta\nhwzEupOKDQ+XJEmPgpGKYmPLDhhongA5dZFSunb2d1mR3psS3QxuwwQfUdbs\nCFVwKPkdeuYmBlmfJBqbm4OIj6Wvhxg+L8B6TWq54MWtbsk8x1lTJEmvWgu6\nYSgkpRIiDywI1YEMHzxJu9ojhiO1RGNq3e7ostPKN3w5iM1KsPp9/cb9yO+c\nSGSVZwPqRTg66nQG2/eYAK+fq752G/nz/0oN6OtshLmPq+f3cWIr2lbH655k\nD3uk2/epxLUaDP/K5xwnID9c4VVltU5FHtwqlm/XJUyZi0QWvadWmWoM1cy/\nestbS4YD9FRmIY8f1aTHaOT0NQiiz0vVkamQ1FXeEzzn9l5E/su7Bzp0F43I\nUhTii0SzGWqNitx1qcpZtGrXQXQ4YcUXwGGWxQ7JEFEASZlkB7otUbEO8L0O\nUC1/y36+Xn29hANqBE7oJd6lDA32w7bB6LpXCVWIc2nNw4g4fFbe5GNouDyr\nE+8UviwvdsYREU6uCAeFCVOcu3DlCcmBJig12uk18/0x3bsltfx8emxQ2gdJ\nIBRFkwrgKNmSrqbqtQcvE1QqNMxVi9sQ0wryFvKyUH3Xj9021gWMEKdiWnLC\nwiZwIjrrOIrADEM0+KztYL+Fi50f0VTobvzxBFI8pfwNP1Yrj5Dt6U17Bqgj\npQAR\r\n=iQrR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBoFxlhfoHyV/geKpPChWWCqZVALyoSAnrSa6f3QLbfsAiAvfq6ldTMJlhTsSKNbbBiEkSOcAZRexhgUDOY1Nrjfww=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.20_1591296599946_0.8540895117309284"},"_hasShrinkwrap":false},"0.1.22":{"name":"@atk/mise-ui","version":"0.1.22","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","@storybook/addon-actions":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"2b301ba6a4e7cdc676818929442692a11b3db984","_id":"@atk/mise-ui@0.1.22","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-kGoHY/nf8rWVEYUSenMFs8VHFHAVCUZJxlYEaK/S2pRNiKJllaNqAl/AjqBFheCh6Vyr8ObRav3jJXRbFs34ag==","shasum":"73305995512b07a430cf2a2d7360b9c7b7d46fa6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.22.tgz","fileCount":63,"unpackedSize":211355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3m1YCRA9TVsSAnZWagAAAfEQAJieThPGnfPX4dEVSZTk\nSXHNkJJpuZi7HrxkyMiNy6daHaaFJYgaISwKUzaTsFv33/7qgKdGnNDcfHMp\n3aUzPcMEMmLpvMPfWxZXQOWLTcffo8dtbJUq8GhlI/k80WJnX8NjLPpQGW3E\nNYNzDufkH1SZQgkjZwnF9twhLPYXY1XXdEfdPMGCj76Xb40EQvxmAWai1UHF\nL0tGCfRHs1AqsUhUPh1WvSA3uP8DoNU0rPUJQEEees0cyLTWbv1BGsmPkAFu\n/A4BlPdL/LKYZoUXB6vpWKxFulY9d7BVGDRMmiUvMBF6cajkQFGwqYouysz2\noWoLpj/PiL7/AjVPmeQrB5Qa1ploIqyXvjJdJFrm3++aivtMmRpFO3lRAlvS\nXQ8mGm3+DMFnV61m9o+kx9agXxKuJSbLG7YgxVQUFitdPPjsO7DD5iKYn7gA\ngjxOoFEXpNxYUlsCAr+Q3LVBE+oQaQNZ4k3wPhUJzqAlGvdnFt15l1VF9JSN\nAMAK8es7rbr0kaMYXO64fjJ0rqage7pFXF0IUynzp6wQdApqjPmOa7V7psdC\ntKA7amvwcjR/jMAUAj1DKNauVJOJAbdGhy70SIERUzeKK23oUb62I/XFtT7E\ne+f7QP0vQ96iQ7sK2zB9ZTOKTIjcQZhn346M3BZUYSDm/Ry3JaLZMhuVxqwn\nz9XX\r\n=G68+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeOGvSx4yitxpoNrcHdf1q0jSmvO11E1FmDBRdOnx5RAIgYGxNwlAqvCNSwGYMZPL720tUXuhaV6Hl6P4SyQPBn/Q="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.22_1591635287905_0.3146134111413845"},"_hasShrinkwrap":false},"0.1.23":{"name":"@atk/mise-ui","version":"0.1.23","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react":"^16.12.0","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"f48662b5b564eba7ee9509c5638aa9175be90567","_id":"@atk/mise-ui@0.1.23","_nodeVersion":"12.18.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JfniAEmgF5dpS2bLlpvWIqMtS0vC7fkdtoSX6lwIOIhEKtYyMQMpZ7Qm9FEuNaksHi5bA5dD2czQOGxJmrt4Pg==","shasum":"7b814263eee08e3df30ae96a9f9c23670fed7f10","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.23.tgz","fileCount":63,"unpackedSize":211325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4psICRA9TVsSAnZWagAARuoP/3EAUPNqhodgOnjolCqM\nWtEAH68+O/njJBtQXG7w/u+o0wokUnTXjgFjWhEZLT5t61u0oCGgT26pWqyq\nrc/qlHsfDb7yv3tZCJdPFu531ZXiIILi+V0sLgIYdpDN58K4DeqFKLlpy7Wo\nR3p2sYkHa7AuIIgRQMiGROio5KyqYop453/KxfY1y6JyHLFJ4eR897cjk6SH\nD7XAEGtS2/v4QdgeUotTWNDejYkuAqBWj3608bs1Ytm3GFYN3kDwOufuOr9q\n34gB4CsQ3ba8Bqo+JDsTkgrQ9stdBfdQQLmlq6l+zjgfBH1abtA7BkRycMmg\n8Ef5Gk6kCJNioIffn2E4sQbw5x/yeEXLjBgUHY8ZgsYJvvRN4/H+hIC2QVPA\n8IJnWKUWZkHLrI8yOC8dQ83fu6g9jmm7XZ/uFTIiAS7A+rq7yw6tyFnJUG51\nilSHYKoluyz6efkHpVN54F3Jp7AijCYAPJo3NqGyZAajvaP2G2sS9U4GMaF6\nWt2UFLRa/GbzuOY08c645owkfOkjsapWmpsKUSdAjn1q3TtgDYBlFyjeqpEY\nLdz38XHcdjLLbfO8VPBgpbtHUAXEYDM3h2/6IBQWp8wZQAJV23gOhdpEU7sf\ndOAIpeoPT6kUJvXM+Nu6Wzq8NW8F1LqcXYM5bDVW67P8dm0LAFF0Aw7i5sUd\nbViq\r\n=oRmZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/kD5+3S64FhtyKMdaboPU4VxNrYZLBZT/scHQBVmSJwIgVxtvA0J5k4949KkGIkymtemPW3gv/BS8uE5Yq0SyPtg="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.23_1591909127783_0.27526855081605595"},"_hasShrinkwrap":false},"0.1.24-canary.4b1b228f.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.4b1b228f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4b1b228f033031ebef6c69f9e7cb4c92bac72374","_id":"@atk/mise-ui@0.1.24-canary.4b1b228f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Tym6c3kOluLXVvAxlGlI1LzoQM/IyGw/9PpfevB//ZpqgZArtBxEZV3oTAl4hrQWD9M+efhRSLNd03dQV7z+pw==","shasum":"fa77db6f9fb5767f9da3034cb79ecadc42c229ed","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.4b1b228f.0.tgz","fileCount":81,"unpackedSize":324617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6QI1CRA9TVsSAnZWagAAb6sP/jk67nOmz9HO2LDc/aFI\nhURCEetYfGB5qKFhA/JEb+tFM1ndfuXs7+t1RSpzCBQb0MPSS9UQytQ6iHnx\nEJpX8vIIni8h7+E3GssCMVfrHqBkM4nCozWgBwEJlf6cEe/r7W753iw0RnyF\nNAPnwzG1/yv/YEs5atFQnJVC+xi3ou75Wk4BXP0DUO/NgdvmjWJNZPAKzKjY\nu0D4TTOfCJ0x2hR4xnyUhK3mO+szn7/dGdElnDDCvNOmhjdPgqAt4ADZYzxQ\n6DkM/cTcDcoLVS96rDxSMr523lhABNzNt4H6EbiAYjlGcD7l9yUJjZrhf53X\nwhPdG7C1dtLL03iTmuR1dZIwt47/IpriNU1DExbrhSyAMEBGZuLCSTr8FVhx\n7nHz4y8V2k+ZA4VeYyIBK0aWwPDCLRhcj6fPccgtmKNmgT76OHEHMfeN/UoJ\nae3Lji7MTjGEBovM76gE8hvZoTXifJCwER6HomIHcS15PSzsVtBsiIrwIjD5\nH/b/3nZqiJUvMnyG6uP4h5wKR22odN9jLxkcrO5A5VsScI1UiVHvwTebrUWQ\nGbge9yJsrT4+JbXBSuXkRdbp0zDT9fT2z9QOrVNygBxdUZiPN8ItIotDAYw8\npxypBktIc4TpkfiGJXI5tD7i4MxH4WXTYULb3ew6Q4VBfiGi7UvTPYKW0ph1\nNTlA\r\n=cCby\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCi7LD64/p3/OElorE/DrB7+HQW9p0Gg8LtVtyTq8NKEgIgVS45yjPDKW6mEy9I5QgAlR4gYmUKyMklxmSWX8qn45A="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.4b1b228f.0_1592328756849_0.07404016973615613"},"_hasShrinkwrap":false},"0.1.24-canary.a015cad0.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.a015cad0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a015cad0394afdf0ff0d8cae8a2ee0a50286a3d2","_id":"@atk/mise-ui@0.1.24-canary.a015cad0.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-x/xDL9JjmWz+r1P+ygZbHEQsEGjSy46TRdGxmLMksEGmdlo2pXzdIa/ZiAjO1nfcGPGG8XnBrwfe/QiSjEhCMQ==","shasum":"7b0d1c461ef8055ef2be2817b84d6e911ce6d8dd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.a015cad0.0.tgz","fileCount":84,"unpackedSize":348901,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6S+pCRA9TVsSAnZWagAADc8P/00d3K/f6MfMliZt7EeU\n3hAiIPp8FvVVRWB+dQlDc6NA6vkVdU0QUKE+FKucgnX7QvEUKj+2ZZ8Hea2y\nAaHgh94tKOwc10//7zaRjGtDF8vgEmFyukdce9yG/HYmjNk+vG9dAztwnxZS\nEKucKh1nOhymQdNmwLcPlvve7ZeXErBnKNzAamJAzmYKCZ8AsSNFJ733X5Dg\nurGTjRNzKQyKhkmAWape3vSc2NJb5YiBdK8M/R2gYHDGnGKf5P/NmuUQvWk9\nro46vjEAiSF735ef4k9H8zZ6nLyvkg2U61vdecAyI01zfaGJBmH4mUtwBTET\nu3RVf+cGagG0BaTaIfJI+J/zvlUU56QttDOsALKUNN3LEoJpmMeZZ1Mhbywf\nDxOjZTy0oPEcXbgqFX+w4biyTZ9UrDGIEVXvlyOwmlThxlvv1ZVe/YvuPU9U\nF0KfaULhp09E+D2w3RjXwP6e18V8gptydKZdGQloX3MOpKHTzShwnAiPjREz\nfES/k6iqWKDwUAH5IeFbnuAAga4V3kP0n6ZOo1AMKf+rbls18A54SA1EKTK2\nKyATGVr9HMNom90R5F8d/XF3YLR2on8t+wWqvzfTdn+E2hdngoWBjuQQqjUk\nMKha5+oeYhC1tLmalztL5aEQejvIfBZ2QnD1XIubFTB7wf+fnJtRoIBsyJJc\n5J6u\r\n=GRVW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkZ3I1cNZvxDUPgkTPeUarUymUP82MzUeEpZTNH56szQIgaGwXBqWJ/gAnvYIODm+Wu34w5WM5OiQAufrLGOvH9kw="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.a015cad0.0_1592340392770_0.47796063626555485"},"_hasShrinkwrap":false},"0.1.24-canary.08799cf8.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.08799cf8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"08799cf8d49369737b9c0d2b5f35896ac66e35b4","_id":"@atk/mise-ui@0.1.24-canary.08799cf8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+W9EW3gXCIYKdbaVzpkJX/GarPeJeFzfEQ8UMEQQv/odNQk3rlaakvENf6BsLyIIGh5dsOJJlKWO/6gE4IlkHw==","shasum":"37544dab395f18c9532503016ca553105b4c51fe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.08799cf8.0.tgz","fileCount":86,"unpackedSize":364860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6iqbCRA9TVsSAnZWagAA2UgP/13st3pkfWdcKjPuIjjI\nzXTZPnjGrKb4uKWGw8XFuUsk2RfKoumJUHuc9Tt8ILPaEFKoCMGJwJl72QWn\nPYaj7SSQaME6qQ6wHiwX2dipY/TPaFP7lbAg1iczQpFG4AlFFsUisQ9wiWQD\nwY67fI5+LuS0GV0TV5AZIhs8oG5l4zu4kMUu5ac3T+uHEBsUM+stXHrksHcr\ndsb9W7h1/voupY+UfENXmRZhDC+wjLwv9XZ9S6Oicnj5+HUwQRWHkyjPbAPT\ngqpJE/1AWnUvFTTH0nCWtasmveQLcTYglVfUdBpIGvk2XxFYpW8MGyKBBCk5\nUyTPsMhIHl/Q9eJDelX5TytvjeaO4TFWZqVvobeCjirMJu8yPgKB6PIR1gOy\na/yTVOoe5f342ApOJjT4wKwU9zDXv3dKdl+f7p1z3sC8Aup99Y3JA2ebx9++\niHwg8qDElVeFN+BWgF34YANR8LMTMFI6Ktulb6rUSFD5qA0IZqk5eng6UXcC\nCdR/+cdkwLgnVLC26KB2U8F8raOvYOQeMGUbudKJkbAuj3TRUHcsivhBgwpI\nOROBt3QX5KgwZ7GZ01d0MEm+oBhdz8ZG0cMlQJE6rK3Du4hUUm2GZvmglwdC\nnKg5XcXxzrF/LdjYEtSBR2i58M/9p6TDKGXOyOnv2JzAnHWNkLcoNdA8KKI+\nDYin\r\n=Pqeg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCB5LgjxHxNRw87b9iZ8m22eUUQLIDJBTzDeEHpHmnzBQIhAJOI23Om/Ro3tA2eG7WJJr0B3XrnF0x01OblRrTq3pjB"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.08799cf8.0_1592404634588_0.7568927616446737"},"_hasShrinkwrap":false},"0.1.24-canary.a86cbf1f.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.a86cbf1f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a86cbf1ff14020a389565c0b3e9293008d4e0e54","_id":"@atk/mise-ui@0.1.24-canary.a86cbf1f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-y2/kFLTBrPRADG9XIVwX0Lca97vMyMD6fV3vw5o+oBQLvrGA0T2flBamdKaFcBIX0vNhtVSnfWPxFmH622KVzQ==","shasum":"55c4228319de6e0aecbebdff0327ffa98abfa26b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.a86cbf1f.0.tgz","fileCount":86,"unpackedSize":367294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7Ng4CRA9TVsSAnZWagAAj9gQAJLmJLvo6oCtPylJW7Wa\nrfkTPzPgZVpRH53h7j1p2o9QMWPqxi6RgMCy8S8CyNHdGwE5kkWmsYj2MGaN\n6/EhEgp2omcFefv5exePXX4Z1dkDwIijKTNFzF5aBHT88Sk8cD2XxOOW0iq3\nMRyfE6aWK0KCWHtvKl6QpuVpEoaRWKKBK2xM5BUjerrmAYbMk59Gy/0Pvwhm\ntYO4hxw3rTMVT9QQgQIPkXtX5GfzWFpPQdmupWyxOCInI2919rsl4lsTu23r\n6BzeQzpYKqJpNzNdG2ybUMe7VAmywMmWGD1Ui0p46/6oCXsWHAPz+PuX76qz\nMc4+cu7yBslxKe+GIjoElofx8y5GbdozEDTctPPnzcw7pe9B3t3UWoxinKCM\nGvv/dVZ7nsDxXY9CXRSnLCYTM4yzPUknLdbTFRwu3rQgWrzgwyPevE+ht3MI\nbPtEkZVwnziMRnaqFZuH/IxVVG+XRCSTKooFJENp1Mg0jmUsQMP5eGv3laAf\nnwfpt0C4dEdYEFL1Z0P/tbdbU8xa2NvGHhjeJlFN8wKwcVVCCgZEyv/ImcSt\nGbcm89yqWZelRK/9bzhQKaz1FqsWB3OOgrawX3gqQUX2wHM13TY9jU9YFYqK\nwFVHujrCYSXlSaGtzdbLZJ1PvNanHBvHxjbViY02AJA2sDm/olvYrBDJNHLX\nRmYA\r\n=Dfax\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQnBUlST6w62N7qiIJ5f58XDpQl9BlM/kA8r/VVacmbQIhAIrgU/R1aabJAEPPDDE4+N2oITz1J61qdkU0U6XXWVKI"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.a86cbf1f.0_1592580151587_0.6566043260448422"},"_hasShrinkwrap":false},"0.1.24-canary.edc8f548.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.edc8f548.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"edc8f548b41e220cc2d338becb149b877fb97769","_id":"@atk/mise-ui@0.1.24-canary.edc8f548.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-PwtAI+QTonhrZR7TIdRbrNMEdiNqRK/QIwv5qIeExdmFriUAQ0ZMawIKEKosk5uuCViQ2wUvG4q02eWH04iuhQ==","shasum":"b8c35ea7285f46f98732e4d7fe882be026cc7525","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.edc8f548.0.tgz","fileCount":86,"unpackedSize":367802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8MG8CRA9TVsSAnZWagAAI4oQAIVOWbZ1DQKcNB+4qpn+\nLhiQXNr1hljXlm6QwEpiqbNnM1dqPm05gLbh0ustiOHU1JI5l2/HIrvzwIdD\nPdiP6z5Kqdjm0NUxdMDlS0uNwzfw9WLXx4MxVqpKutO0uJFYzkdYFrGTJMN4\na9LF28M2n2Mrz8z+fqoqsLnOC2psxEfFIxZ4E2RxwcLDYveid1515q/SH9Ae\nBd+ROkvf5fGaCM+vR7+ir5tsInjyABcQyT7fAtSjdHEtW42+lM0ylA1/qfw2\nvurCJZ9ugGPJMqiGCeIHd7JZn34SRhTDPzIrk3f+FRBrH5gNNckslTBm2Yhy\nMzytk9srNRrcaMQclNZBECCJeDcpUAxWgPnAQ5d9SCpQwNkgrAEUE+GO7whG\nUbcBZ8RygxBUAtl128TxOW0JSzUBpC73gh4/WytuEm8PKG7K4cdo/bMZCU1w\nUrL1cUyxUcss2RMzfXlGAAAr6K11u5q2BxuLTJUZT999nI1OKT1/VGFJ+crB\n7Fq0Q7vKFdceQk3+2uuL0V2Q+WfxbWoJoosJCItyUHvj3rMZ5bcu74DqKh32\nPTOsftk8Ts3iSLW4LUaX+VK4iyyHGYPM/WR/aLjeM3LNsKQqp/FmNv0jCC9/\n7E95CFXWdmctxKtfWsJyB4/9W1QJ3QRue9PTgtp0au+I/6GVDrZINyT+91ia\nHgFa\r\n=kXxh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvVmNBrLfDwJJKI1lWe1Q9/Gh8W/4C32q+JUrv48kRMgIhAOYJzGn640lVPJKm9vAFFbmT2EwC3Jno3mjHLJZ61Cly"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.edc8f548.0_1592836540409_0.5884091828953961"},"_hasShrinkwrap":false},"0.1.24-canary.ecf08a6a.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.ecf08a6a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ecf08a6a2def77e04c2cb6c4b9a8ee0365b0ce24","_id":"@atk/mise-ui@0.1.24-canary.ecf08a6a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Sx8ZhfwsBir8kAzlAsm6R1yuGEVVadZapaTQ9JkEQSRacgY5AAk363ki+sM7gz27Iw4+H3SmOL5SLikLJ3ITMQ==","shasum":"472f617df379d55c317e55ab8fc0179ae0f3aea9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.ecf08a6a.0.tgz","fileCount":86,"unpackedSize":368475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8PMwCRA9TVsSAnZWagAALHIP/0bWchp057a2qjp2p8wD\n44NTKhF8LsBwiwP9moZ18NQa6awiyQ2l25W4YvVHeSUr3WWdPB7dYlZU8EHH\nyNhK8nffsBltW7scXACgStNH1Wi7cC4IXGsvkVLqFHIy/quiAzJsgbIEiJ5N\nqIO7Bncg03QL68L1TNdcITeFPhxPZaUSIly1Z+R1Z5/1uK27pD0zcUVSQ3Ow\nS2n5D8XWhLbgmGHknOF4WcuMoX1UMlc60+rKZQyrvN7gXi5PwQAu+Xzb4jex\nNeoEWI9NBIHJLaqhl/JemUlMVaU9TtDBJoH3LfwUaH6feYya0/WETPy2k9J+\nbjbX6iqCxBJL39KcYee4ScV1Z6JVzpSy+CcmLEAPqvW+jEZtWJyQYGlJ19YW\nPNYMDwzfC37kyC8agpvLK93lwQxY9KLya38b4Db/2bq9OdjsPi1p4RPBkdg/\naaZKLWLQHleN7Z+vpTCg6GkpdPMoXcqu8OwH2f/ULk8C6qrM9YZm+hVQW0VN\nAmVsuqRyTAbMB1Befw4A5XUHoMjpBfkktWnxjpH9YvEtsvZ/KJEeQB6o6Sow\nayFdgYqMr9bo805kApYTZOvBlJHHQ9JyZkbvBfkeUGnrSGbxjnnge8Su8/87\nQMeG6mGgiidPuFRP9fj3RNmwYUUThGqHe6ekpwiZAl0zSb7eEDiwdZ1PE3hJ\nl5+q\r\n=yQuV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmQnNHI9hlP3N+Y4fqp5EUqka1wu16h0SzAS5qemOABgIgRtzn4mvEReGw7+hTYemBvdzOKgtoBFwX72V9ScNbXz4="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.ecf08a6a.0_1592849199532_0.3714934353485104"},"_hasShrinkwrap":false},"0.1.24-canary.2ab35294.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.2ab35294.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2ab35294f189df14de5023015ebd7c8ac949b4a9","_id":"@atk/mise-ui@0.1.24-canary.2ab35294.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Bg3nRMmU6zsvXU8Y0oyb687eDQ8bBsu45PrjYsW3jVQYjajvNFgtXUaB9WewpqXQGflC5SoqPOOnbjBzaHt2sA==","shasum":"732db4e975d4d4b504a38da15222592626eb9665","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.2ab35294.0.tgz","fileCount":86,"unpackedSize":368936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8P8GCRA9TVsSAnZWagAAwn4QAJtw+tPh/p4O3R+A3z6z\nrwA0ykfscFxLUcvYFIvMt14GVex4uyLp73MVQQF6f4BKSPPlEWgyWXsr9Z3k\n5fi15h7pNul+Raanp1dzVTnK1rmFYs4qAwH6a4RbhMJfsfuU2u/xUt8aFs6c\nX0/j14et03SnEoBSFIr0ELzNF+AG64BCTNOPbhakYgZh4bDfsfN4hku8idzp\nijd80OzzDwXB6dSzaK+jLcnNeeO6nxA6vZiHYrbJDDakE5kb2EXUmpwqwXTp\nqw25EedeofKu1iL5xVKwVfojz3Pmi0iPtWfIngB9BBqKgfwbnzC0E8WRXSXV\naua3EAirk0xiL2glSqG1QSHJpG08j3f74aqOilMW7uxEKwW2RXSIxU7/nZ7Z\n8Nmw9qaNsDS740v+mpRZOtYGC6u0ACHhfrNEf7sZ0DkWlVpdxlGP3x5p4+NV\nzkIPuK9O75oAjlVZx1UhUz+5qHOV0zuWssIxgOET5x3DzZ8PrLHKc3ZJWoPX\nMNT6n7dmgb8V3MFUoRSmWo+dvIez2PKlaqe1Fo0aGA6HoMtnLhJEHSFui1ZE\na3YkEDQ99o43yhtsaGIUAmXyaw0v59P3R/a50l9YGbc9Ee2Zwf9Lu/mHhE9B\ne2Q16wzNNlwHltY8dycQiXNeWRCXKfxVz3W0SwPTMQQuoyZZ3L32rVfcctEC\nF7U0\r\n=yiZg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNiKhq7fCnKGx95fPZn1lQ+mK0bypqJBLACHnp+lkeBAiB7d1P0aQkL/tPzBtNtDX/03XeKsPybNIawUjAc9y/5pg=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.2ab35294.0_1592852229611_0.23192906156403348"},"_hasShrinkwrap":false},"0.1.24-canary.508fc2ce.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.508fc2ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"508fc2ce95f2aa096435fe9070d1df87f5ccbdb7","_id":"@atk/mise-ui@0.1.24-canary.508fc2ce.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7fLrEykvEs/mOcDIoPkI4poZ1Dc/9B8O1WxtgnS0X9hGXlrHe4FhYsP+DKh8HMHgeSP77vF7M7/7KSIs8MVcKA==","shasum":"16058f2d998d8eb173bffc845f12ac1fa297edb1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.508fc2ce.0.tgz","fileCount":86,"unpackedSize":368986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8QIBCRA9TVsSAnZWagAAdC8P/AucZOCKFdnBhzXk95HG\n/L6VqJlgmY4zMTsIqJirAUPVGBvpBP7BZSDPfI8LBSeVDJMs+Qw/XyO0Ia8U\nvGf6bIDYYXQNZHnjvzdUgy/eQlLF+ltGV4Qn5ikSNZbadwX4ReiIT5isQ7B0\n/Vuku632Q68YZYwwM0nQf2WaMfkfc3SuI8R/orn4nBAY06DXgc+Gz1Lq7vqe\n6uwcOCZX9P738gkhQ/ftfKrhZNH/6ponmkwhSmVBYoAIruf82CWbGTJc2ihe\nlFcBBImy3lkf1FrjvDBpTDfqAFAQAzjo1XBQqlXceCjKuPyqwXbEL/BubElY\nT3JRAPwY/pBQQ2JeF5y19OXDn3bZ/R2UTUdT4ziVK36xQwiZYAV4S1aaB/VP\nQamNl2j+hyAsZB2x6vUge54C3GPiNsMbbgSGtbOMj1HMRNY0kX+DjSngmzSl\nr1KDF3fGaMT2PFxB3hayqoXYvc9SpS+CUd05ZtdJ/O49zn2jSVjlUCDY2DPl\n3+f9BmDn1iAo0rLC+iqqloShJvU81mta2i5eUNrO1O2bq4ZolsWSQjmhan0Y\nTpyvsHZOZ1fkqynE4DsoE/0E6uIvvsC25KUL9SMm4U7ERrM1yVV6I/ZBrckl\ngDt5izsXgTjLZ6sBlnYSYXxJxr58/szbp5zqH1Ak8PUjsTbfLWPflcEOAaWS\nUuqg\r\n=PjfK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDJ921ZyYnC+8dU3PqrC2O6WHyYevxEmnOumcZ1QbTZkAiEAgAtEoWCe+VjB5qLdn59PNRtk+R8Y70mUgOO3uj+lu6Y="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.508fc2ce.0_1592852993322_0.8183892504287651"},"_hasShrinkwrap":false},"0.1.24-canary.3ded8194.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.3ded8194.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3ded8194db7900fef9c8a56a2dd2a2670ccb6d74","_id":"@atk/mise-ui@0.1.24-canary.3ded8194.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-WVF1YhX6t4ft4jjNV0bzI2fThvTHA32FzcN6twOUNsWwPGSesaU/gwaHZue+vQefWotz0ai3yn0lYoTxH/rCnw==","shasum":"2f6920089ec38699ec76e77d20b841f3606b3337","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.3ded8194.0.tgz","fileCount":86,"unpackedSize":369138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8Q0nCRA9TVsSAnZWagAANm4P/3WvlGw49AlNwJFrD5BQ\nWW3dU/qWY3+OzHHg0o6/tlb2QmXbz59x9JifyAxcPQwWfLZyVRSTFqnLw2CJ\n7ujjNV/f2zKuMZSgqAp5fnV+spsKWtISqz6Tqr5/NruDGWg5aBsvYf7EkSGP\nytkggz2gyWSxTPMNpsWziVdFvO+nFGP9Naw049vV9f0mgZQsGgfaMyBFfmDn\npQGPBToF68H5WvoFe34jhK9SeL+oOC+k1VKALhWG2zgSu84c9j/2su8WpWK9\n3ZYCnFzBmi0i5q/cTW2Tdru8dRKDFScw8VzSQZVeHtDDMFosPgh4l0C6WOuE\neLmU6AH51luFNCxfQnleD6TIxT2669DgndJRYKWUu80wILiFRmYw4xyc+Vt3\nM7OKsz3uUJB/6xXO6XMoHOpNVO+SGxcb3rDJyDhotphtg1zzwfE4ZRA5paCK\nDf8NaFRK5UztFtTWqLh/VKXHhOFmMLoEWZ+d3gCwjYESJzEpa1JRKi4XbjY7\ntq62WpWhhPUH1g4uw7FQblrMcydcm7VR6ui4GzMDm49AAw8U5i0dBPi+seL2\nJF+ascP5Popp19goQmuQACSuLk+oE4/Q1FU2tA0F/ZT6Hgfuwu8p7U4Cu/VY\nMx1msidN1wGP5cmsrtgjpgym/UXY1J+9qPjeKPmKZmCqT4r4Z/XtciJJVhBl\n0z++\r\n=s/p4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE8E5U91NYPKf7gYPc09AAdZkVqw7NDtJblcAyDuqex+AiBTtYdiaDdgNqzY+GX7KuwRVqk610WYuzFL9nq47tOE/Q=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.3ded8194.0_1592855846664_0.7917234334901364"},"_hasShrinkwrap":false},"0.1.24-canary.6a295717.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.6a295717.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6a29571782b853a72d8d34ab4a9de8a68fcb6afe","_id":"@atk/mise-ui@0.1.24-canary.6a295717.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hyihqjjUp89hz8/btBqiaoDIU/kOGQwDXle14aPdr0rySuDpZCAy57Hacd6fbWlcL+Pnwt0IbjnS4QV0ecWp/Q==","shasum":"3bafe602ab5d0a827fd662062de701077e1f1146","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.6a295717.0.tgz","fileCount":86,"unpackedSize":369138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8RZ3CRA9TVsSAnZWagAA8n4P/0UdXSWA/S0s0gRCzvKR\ngXo3M21H/RUMYUQcFFUp++m3BE9+VHDWkYbbk2v3oVE6Zdnu7S8HC0FVpf6P\ndC2MfbfA+851P/nKgEv9r7uW9dqN71Jus23EO3mtZ5tm7a5bkpz8t6jaVLsX\n7xlvxhmz8kEIz2V6DmwjP7p3cN0FqSnb1T9jxWXScT1kr1vUoLqlUdeLG4w8\nU1G+sxumAx/Q57tHJZTUyT4+CVlUhGQp7w/yz5fogFh7DwuHYYd8dAcdIre4\nY+PgrEWtgGoqru+2+ZkKuIxTXjUhPS8GLk2QcAWkv677uOmx1Fhq40H6FumI\n34Ql7Fakjr0nFLN2KByGeNHf2/r44wJhLg9dJNI+qExdg40RvnQZ1spq/BDC\nWPyLEsNjXiQAKyyWGdR25G37QvR1oxm10WJqzHAFYgZt5cP6/nNUuS3K4peO\nF9zyOF9qNPHrsYhsDmAe0BqoPBSE3wu0aN3Oxrn4wEklw2YFP/Kh/KR+pYFx\nX2iorimbDsPSj7/62nT0lzFe5dsPGAUTfCVh8g0frY4Z9u34CzvskIgdmwcp\nz7dizfK6jy/ktCKj6J+VIYYz7NbTjw5v81g7VOJwWl/oA5XbIAZtqYajoBZg\nsYoDsHEJpcDHdkth4YjY3FBLULUmVkzYGFVfl4Invgjtb22StVezE5pAIV3s\nNKFB\r\n=sin+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBJRrNEBkkJeJ9Wht9fEz9ays5EaTYTw5gEsOOJ4pb/wIgMSamH3svT0veaB6GzPdzhiVtYZLwMuc6LlmodYWnwU4="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.6a295717.0_1592858231420_0.7789508464884463"},"_hasShrinkwrap":false},"0.1.24-canary.fb6ce94d.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.fb6ce94d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fb6ce94df0ada1939a9012504871c742d1517466","_id":"@atk/mise-ui@0.1.24-canary.fb6ce94d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tZoOcbzcsX6UAupSJEhgCdcvJ+GoMObbOg99JIucqZM8yBobvFycVvw0a/DtwwkWF5GiSipYv8jUiu3SCchVLw==","shasum":"d33072310219ec9fe9121099ab2a7ee0a48083ca","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.fb6ce94d.0.tgz","fileCount":86,"unpackedSize":369113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8RjeCRA9TVsSAnZWagAAkKcP/0+PmSwNtxmrDCalE0pT\nzsmcd7c/C5t9P3qS/wGNdeRsW7uwYote583v2+m8yvCOBwO/hkurB0F5+r3x\nuNJS3Psg/PfFmCipW4f1PrcoOsgNonqswzq5VQM9TKfWBO+4xFPlOBZ5haNy\npkcvpbGSJ4lYilsx7zm9OjNDawCjTSaGwkcfdEwrj1lmctqIlLpvfn7UJ5B0\nd5EtQhohjUBoFLW/5BMgqhogMXAHEpoWfdoA/wAIjDUPPNweVf99FPq/7Mi6\nSrDhn5wZM1r1oEgOexYqe1t6SUTqoB2jqcX9ONfpoGJGlKh/sbL8iynqtJ/w\nYnf0djrjfT/IwGF4lqu1IvmfhJZZWQZ/zX8VB8N6rHcv7nz3h/cbtlF+JPU+\nd0+yhJrr0Z0QJ4Ei/qyjDVxN/M6ZhWAAbRLN0r/AEmIsD+n8t2I6ACndTVsI\nxOsE10WuoxC27qUmIN3vUCDz7yL93aLs8Ti0Uxm4AypseTWzrdzClKAUIB0n\nVQnaa25DZgOSt969YHbqkWbZ4qI27Wqh0ETICu0sGY1yynMQvcrDOEWGsi89\nKHv6kY6D93gX7AYpcfR96iUoSRN3/Cck6kwbaMC7eiGTyyh1ULPLkJZB6TBu\n4CNFu2xstydNMs1I10FK6F1MnjDt4O14UN74FIGkuvl4Nht2semV8FmM/sbD\n7rWD\r\n=Xxs4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXGeAG7M0v1hxFMmbZfnoW+x0Znyok04H2CRbwUNg3/QIhALrAySviUnkGNGyhZBC2rKkQSTS2S1zw7OOhtgozV50f"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.fb6ce94d.0_1592858845978_0.5899980875516195"},"_hasShrinkwrap":false},"0.1.24-canary.1dcce0ce.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.1dcce0ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1dcce0ce595f7e356b0c4c8745a375191cb83c7d","_id":"@atk/mise-ui@0.1.24-canary.1dcce0ce.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7gNNgn6VhiHlWZG16xEGZSegh1vbKhnbv3bBgG2sf/emy7FyWsbUqtxoudkzuhNS3q64JXkL0eaqu4V8sm2WQA==","shasum":"39d86dca10e0f955a7a94b65bcae1a47fb7f8d10","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.1dcce0ce.0.tgz","fileCount":86,"unpackedSize":370401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SM/CRA9TVsSAnZWagAAcckP/Rp1Ofb7iYFHKZwo4cov\nJDctGFQXWY4S6J2GpDF4yAFZ2Xj8ThyRf3UgCs/QLb9Lit5MGqYylPDddv27\nJ5lGYgo7NQhUrybHtFjj3F9EmJuN9g9lZklsmG/D1wCXRjSatWnioYx3aSvW\nfHQS6617iLJyq16FHn/dnjile9LwgqIEccMYR8iVkz5jbyiLIWUnL9YwSuvr\nARmIdH6/yiq3y9FGiOjawPHd43TjcjtWslwTmt6TLkANin6M80EJGS7Eitaq\n1pHcGSgFPYr8iELoa7zpgJtaKefKWcDUAgLAxQMY+tcShSWVUaIwktCtaBXR\n8M8CkE58yRT3hyPwvf+0kRXgBPETUzB9C6RReHyiRVIi1XZ4638cJsLqWncf\nuFz1026SfEzLhU7XwraU36HXP20X6vnFQWoDibV6pRURiG1b9rtr/EXDWswx\nzLQEW2jYUQ/o6Me2z5dEMO+rzSwDkFmj2TyWHLa4wvUXlvEkb5h1f6X3x/U9\nm3gO4ohPPrlm7amVuxSMK+VCLPSU3EAWnBYaYE6QDLObNiM3XyixKEue9o13\nLp+zK5C/2kAclVxl6ViWqIeKaKK41m6CyL0ODy3UG0wYPCC0sGVqb8TjYAhd\nFdR9jOTzSVXozdKKv4mllnDqeDH/plQZ8SVdKotSkZnsxSU5GYeqJf5iiESb\n0YJt\r\n=MiwQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCKIb9Jf8Urd8BMeS7qN/+5NsxPkm07gQcBDcHbFu2EwIhAJK15PEY89Pu6IEYr8zmKODvjKyo2rtBTkf5Tq1OW4pw"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.1dcce0ce.0_1592861503473_0.0006018982555751062"},"_hasShrinkwrap":false},"0.1.24-canary.c2b62050.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.c2b62050.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c2b620502a7fac3fbb7f992c6efbed52e2a6022e","_id":"@atk/mise-ui@0.1.24-canary.c2b62050.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8F8mVYXkHQTrteDtTmRDPrkPnsrDQRSYbyTmJuytFqnMKKM+Fbua7Lo8OzRS/ucERB1ViaBcHh1S/Z6Wg7WD7A==","shasum":"75c1fa38415f49d616ec90f36922f062947b13ad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.c2b62050.0.tgz","fileCount":86,"unpackedSize":370987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8g4jCRA9TVsSAnZWagAAP2MP/11I4mi+DV8kaJKEiMEz\nhRJVU0M2MV0Y2w0+RomfqBUGDfV/1nu+tk8mrYTkryeSToqykeQzEKhglKte\nvrCYs8F38wF/n9ALAO7Yu1aXRx7bcdeu2Z2X4QrQ6s/o9dMtAcVor6wZhjeN\nIX65rFTzJMG3p9WswIntkVAe9qSSqEB12TGpn4FO425yv4PH8UPy6DkVKxCm\neTCdrRQG/YXIJRf14nWDnrbHNsJ/gB+9PUc8erHNHrBZ4D6rpM2+Ymek2zlv\nyyFY9DF6ZS2PNLuem1F9BwWNt14Igf+5yjbKX+OR4WWAXif+lu7xuKpYrJaU\nNEFt5qYGCn5u6WYfvZr2hHEz1Do/Mg1mLz8PoM3jvxmDZ9Jdcu6+Wnoaa474\nbfyrIC5kPFcIDg67h955dRn9iHYiK7SULKRnWHuVtDqasi7toChDoiULwqEC\nPUFaeiUN/fHZyk85bAVlFp9yllqzQqcYtYnns4LzwQFKE+8PRotiVZ7dxOLd\na/e+FjO88SHbe5Zv86uawa4g7awXb9CTLypYAEDTP1yBdm/aFVg6pFI2/jIJ\niqGEK/NnvP/CpHTmT68khwrBbZIY0Yh/Y2lAEaT3hREgsu7/QnwsVlhLyfMR\n5W6NmfDms0USCDaqAf04iDaMy3AoQAHG99i8FzCSEZ1LG2xuZ9KLQsF2BGLs\ndmEb\r\n=bEq0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/mR5kW4FI2PfZJT9yi4bOg4MYl7egdd51XhKP5/ihWAIhAKKRJglsyFUfhONIDdJ8B2SvELiRzFGc/KIW7BkE9eqe"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.c2b62050.0_1592921635155_0.2363293900936574"},"_hasShrinkwrap":false},"0.1.24-canary.983ae2ea.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.983ae2ea.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"983ae2eab59895e1c32adf9e1f05f1fd3d18c76d","_id":"@atk/mise-ui@0.1.24-canary.983ae2ea.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-trKKob2o26d0JHKXr/iHqNPy6lQf2VbfRp1G6MKLMzHCqyc2jA2ZZpxODFLpsa6TUsUyYRgYrJqypMXVpUjmYQ==","shasum":"9195f6ff3a4270838dde80e134434efe6191c29f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.983ae2ea.0.tgz","fileCount":86,"unpackedSize":370992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hZ2CRA9TVsSAnZWagAAVeAP/3VCI65l7H9T+StaLMWT\n29Syu4WYjXsB/pzDMADTN/4rqdsLmyPvYTjrdjPYOSZcO80fr+9gN5r/1+YA\nI2Dpzx+FrT7Pl/PagCCMDnrUkkDisY0xNEVNqS/xEnpnmi2piWrMWFBtFyFl\nEHwIUd24QfXQSvUPHKqrr3b8+WbjP7EaobMe6T11FNLchVy6JF/v4nUPZEdj\nwIf2G3XUVSXS8ZrrkIwL8OA2hlvtNnOBSj4/XDIcCjhaiODkuYkqM4HyBBWs\nmbFhdisfkvRd2L6GFfEebcnJhpQj8iY7EfNjiiyhQYClebh4lvbuE+ctfcsw\nxYxQ7wNMJHsB4MEdiwS8exGRd6+aC5RnmN1pyww/t9SHKvH/oE1mSZlHfKhV\nRBq+Gv0KfGwR8JK0hOnGlVXdAxYVEC9jCHr8VIlt3fy0xkUIJtn3cVEgfHSe\n8yDfLr+VW6Zn+LAFm0l4Yt4d+Gm3r/VseVpdfUpiBBLHYUQpllVXE5ULnxlo\nqQCu329tVN+O4p0ViNHl5cECKOWfTIN/qGpl6UiIMDpL6nElmKG1YoCqeJ5H\norPkYcM0y3d6ZPnAYEbhIqdnJwKmNuI/HAMCfPh/CBEBMCN1gUTmHUDws9it\njb9QXMez0Sj1bzBUI1n+lKT9RfDB0hBP2Stkb9AISRhha6F9d3aoGsg6x2cE\ntFRF\r\n=Pb1t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3/RMs0Xu+F7yhtj+AcCDSPJrty3b1AxqxyFe5SRkzaAIgYsfA+lB9kOnAhsi2P7my8LC3359E8O5rmluJ1h203/A="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.983ae2ea.0_1592923765885_0.5545238093660545"},"_hasShrinkwrap":false},"0.1.24-canary.28027c28.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.28027c28.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"28027c28a98cccd7d33b1dfd97e85e6ebdb1ca6f","_id":"@atk/mise-ui@0.1.24-canary.28027c28.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5xQ0cgLGewSlOZv3vDirvqNT/VKRwr1XqEQwlsQias3kcUQy0OmMOj8s22smxK/DiFr7h2okjq9r1QK/5hnDtQ==","shasum":"13d1235a329e93a7742757cd56c8f96e4639170f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.28027c28.0.tgz","fileCount":86,"unpackedSize":371360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iQ+CRA9TVsSAnZWagAAQyEP/1DlhQIcHNedJR/h9KxE\nqhmcLBy437A1qlIXrj8dc5wKWQHeKe2yNQyLb0Dhk4lbKbLM20kD3NVWBIbX\nIkUK7TlzKFJWdLAUSnQcM7zM91yHSqDrLHbUhpSR7CSYGt7vIhFFxNX/EaqU\nCF+57txddueKH+AkUxvLcIfLlcJQ694ket39nMkw2QDCGJIdMSyzkDJJKXAE\naM55krtqImKeWrt9ogDufPLQn1B5BC+zgeHkpBEn5L8XnoV6E5UWcJZE5W0D\nIYedeFTA3yWUT3O1Z/eVrM0AAgL+hGhvuLt21kRl5pbW3cOmg+NA5TUkFepN\nb1aoVDN28sE6aCBlpnAro/gpgIU/XN+YM36VamqCTxS3tp2EWMRzbf8531+4\nrzAP0+FbvRDH5eenyr9osg9NlTt3Cqz3m1Ekj29QW6CJf28sFAxgbWR6v8Kn\n8io+C3djynSYZXe4xiKsaMre4EIpoBvkP/wlfa2oRzLa1kevnO1Ye5i+8th6\nW9oM1DF7Nr0B/4uIDci3agsxMYmvH1nz9sdp2AQFq3n889gPMoHVzDYHnFW/\nDFPtj94sxZSDRW/6B8NtYUhKS6sSR5fuvuf7iC7NTKyYFgvCSLzHGsjAAH98\nXPBxbkCJFpxGDPyFCXvlrfAwRAbIsm/SrdRyy08MZy7by0vpN/Op989nwWW2\nyWqI\r\n=PULU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBETAph3bgAxUBKko9T6iGa5g5epogfmYK3ngfKERblAiBIz5SwauCreimSjH2E1jAKKjBjQTd+ioL58m0w2U5hdQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.28027c28.0_1592927294182_0.4232263680767916"},"_hasShrinkwrap":false},"0.1.24-canary.ef6d916d.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.ef6d916d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ef6d916d04a34bf5286917f4efa960157c5f3925","_id":"@atk/mise-ui@0.1.24-canary.ef6d916d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vZ8gMX93lAZYOmisd2YEZH/01KyicKd1iPCiFGC4xX0/nDw4pkGbSa1LSq+8Z6fFNU1oaew6CzVGncNyuUuFBQ==","shasum":"19f3fee343643451a2956001ce8e50a4896b33a1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.ef6d916d.0.tgz","fileCount":86,"unpackedSize":371695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8j9/CRA9TVsSAnZWagAAmgMP/j8gdYHY9m4Nu8afwE9Q\n+lh0zj8dg3XBkRAylk3wazhnRiyFpGfz5EUiN6zXx78b0+uhAkN1hPUD13xc\nYWStp+x131vZDBv3RltAYpeIZn5+OTSaFAbRBcxjawMUNRbKeZmpzPBonW+j\nJxlCWEROTsoenpcIWI1GSgp6KBDT+6krfpAWZK/EhC86KjqBbFOyuUVqc5Gy\nK8tQcMGPIPjoqvi3HT2zolteO0tmYRxk9+TKuMe81nxONIljcgLaLf6CEMP7\nEa2jp8nHlixcyEWRKzqHbKxSXAFW7ED93l5mIIxN3o3xt7kWiVHd8amFJgRS\nYhQK2Cdn6wBZRYxE2Bmz3RoDnYojWLelUDACggWHQuIrWIBGLNW5ujvPHIOx\nqzRiNJWQ/XokNeWUdFpxNI2VDZ4Xk9V37GPD9/FjZ5poYu/ouGGrAanfL9Zd\nTSXZtMryNg/bDF6gIJYk88lf/4H2vqsUXwa3VH9pic0iXPrX8PLuRV3JRTl6\nzT4AIPzpnXR6HCgWBf41i6W/U/J1xLLruoJew5HPCskP6HPVbljHLXR85VLx\nXzyxlIv8WsJvHCiTWaTTLSxkZ2KhUnPJiNdL9e/ieqq7yHFU5tGijn0gwSDZ\nYLgzzQ8KUR1PdRuYE5WipSFiXwGc5N30WqAMOSapRgYbRuYMfS1Zla+Bkx+T\nCm35\r\n=Ok8d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkHLf+Z7+wrtxmsafW3jexU+qNtwlzrEOFPqvV6trC6QIhALw1A6NBwiUYiniPXhZeSMcDBsWG6yg1gbeuuqRQDxKk"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.ef6d916d.0_1592934270537_0.7960297223876815"},"_hasShrinkwrap":false},"0.1.24-canary.2b0cc37e.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.2b0cc37e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2b0cc37e5e4be98712459a98adf7639c021fc55a","_id":"@atk/mise-ui@0.1.24-canary.2b0cc37e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Zvn7HxgORd/hM/PkZUeLRyShDqC64tVSgaxC/4lbO6xlqjVQh4AfV2/6kmG7oNvJ8jWSf1uJzC35tWoYxNLRIg==","shasum":"81e731e053b96ceaba806abe2553b45c3bd799f7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.2b0cc37e.0.tgz","fileCount":86,"unpackedSize":371992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8kdiCRA9TVsSAnZWagAALoYP/0t3x1bs5cMrDMyzH6jl\niwmpBd9tE2m4i0LB3NG0TXXHtjkn+ntNue5D00VbI/ahJ32FWYGF14sL3ke8\n6HRWAI2+ewHCuL145wIn9impENSWkFuUdozPCz6V85qIOneCVhj+VW9T6ZhN\nysZAXM/3wwNod8Rc28e50PWn0YKCsGMCwl1nx4pkBwcAJDi+ghTOFevVqRch\nvFRrT+5fwis8xwRcyacnjDePbj1lqULtHC3bqx/Vofdjx6Fje5DiJfyEjKpz\nLpZmEZ6JtNlOzueasLXzkMqvGXkiLzXZnsjhKApVSOtGbLGY2I1YErD5NbPu\nXeOIUcss/kowX/iAhPNreL/Y1ZPyWxCdnAuVOjaSSUurScJrMa8sQBvQRoVo\nbVpOfxfeMx9ZXb78/K1iQx9TK+Rz833qqvIQZqOm+G97J+X8sV0HVcAthZ2F\nkv4LB1ELu+PSk/UBzNb1BesZt2mU+2fZMDb1tTEFs0xe0AMExm1LPNhPW9Ls\nL8RiphRbPgaqEuiqyNaOcaXFyN62RzG+G5sI4wgrfF+clyerBWev4b915S66\nvctHy84ygG/pL/jRfapM8mUcypKBgQ7vJ/yaFCIP4BalRBKb0YjK1kpqOPve\nA9zezvPR1/qyQ1eIKQmtE4s5X1Sibfa+yqLab1Pccpix6nVzMZRhL4udRc8g\neVCw\r\n=iqtn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF++gti4kLeLuRxhyCG9ZqE1sRzCeINR9H9x34j1zR/IAiEA4HRSrY14vCuLlU6kXCBUnm5ErNZvtlTnaYS4DbJNCWM="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.2b0cc37e.0_1592936289508_0.10434601042071523"},"_hasShrinkwrap":false},"0.1.24-canary.b71461ea.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.b71461ea.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b71461ea2b88c8e26c99adf521267414cc4e9b9a","_id":"@atk/mise-ui@0.1.24-canary.b71461ea.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-nn7DPYlVepckbGRkaTl97HolaWewekD4FuCSdecpD2rc6/9AhLvN7//wwQVA6UbrnqoeY1z/JF+VDE27GVQvQA==","shasum":"222cb38215763649f8ac643eac06199380a50b69","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.b71461ea.0.tgz","fileCount":86,"unpackedSize":371992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8klHCRA9TVsSAnZWagAAIsoP+wSwheyQqaMPr94NKRs1\nuJ/wigpZS5Jp2hhZuHvmi6LKG08HZj3KMgJSB6tzpPQaHqOnhy6Ud0s6ALOz\nweKRX9TCL53Igc8XMHTREJV4dC3e2DoeamaglC8CAnu7pbeYA5IVJm6gV7Jm\naBUZA9KcKvD9sibyvQGmieemdUOLrV0ZdhdOJuJ2fQhecFnawoB3trTzp5Ha\nLXpHIM/wSCB+fdLckZtDtfWWPXbPcCRBd4MknbCfdBd+8Sfbob47BOQ9UIb3\n1P3zzrfZxoJV8KJ10G3lMIlyVWdq+02ZKf/q+J5FJpMEsEb43bcS788/UQju\nkc53oog9It2r7zOzKzctYMoqwJ4Dkqj+u63eS3hJz9WnnkthzeVF6R76Pyi3\nvdi4teIS31Ulf1qmffaWDDZxBONb2hfqDACg1sh6FA6zSUt3oY35b+ktbmRz\nQYltZhEbFG0LYcs4CIV6NJX+SAoLtRH3cOgbfKQwDnGPRzn8CI2uLolOIXwG\nxiVmBhCRg1bGmCqKDrJYkNAGOPXvkQ/YzVKU46+DhkxNoYkVLQCBrU0s5L4n\nCnW23MgFqPzoxAvJjFUYmQXBJ0+gu66dpMUxK5FsNfFqWiMlMZcu9ZV03gER\nfcCPfhYZq3dl8C3WZj8jxuM2+GjQanBTAjjnOrEPi2ll0thdRue/RCrglZNg\nP2Kx\r\n=UIqm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBFSOkgBh+L0mwHeUQgZeRBOtHZG8LnK+MlQP5Ue6CsRAiBELw8RvkidKfjYDP6PmlU6gfaP+HpXxicgd7BkVNBWtw=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.b71461ea.0_1592936774910_0.5048101987786429"},"_hasShrinkwrap":false},"0.1.24-canary.3bfae46e.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.3bfae46e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3bfae46ef56961d622189bcc3d1183b2179cbaea","_id":"@atk/mise-ui@0.1.24-canary.3bfae46e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-x+1fQC9oSsfoq67+An9M95CjiXZTqD6GFP2xPkuo0F8sDrryTk/3FqKCWB+3wSRMLatXKKy1e7aPDuvVm8eSSw==","shasum":"89ceece5ceeb7e253c804ad741006d7feea180e2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.3bfae46e.0.tgz","fileCount":86,"unpackedSize":371900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe81M/CRA9TVsSAnZWagAA9qcP/2Fp7m9R5JBhUeRUvpQ0\nVr83H2bU/jqsGaZDiWNz8wrfDxC7L5ozXJTW7XTvpZlfegsyaEhVRvr57CMR\nbCRRNvMPZgde4aVco1Bh/LR+Y9IZTfQcPoeBZZymd9QvPzsNrXhusFMbOWPd\nDZ7yF/jXNodqSE70VC1ilzSlPhPgPxKbxKPEsiEMParLmY9ESN0nRPkpCKgl\nRSkTEI5MUHZw7ORbgPKYUJK1xC3q5rOJqeqgkvUDI9uSkRvCJhYcwKdVUqjj\nJyS1V7F383ywH/XaHrGDGiDsbxJIZFdCsPi5Bk4y6taoxG8ONbE8KHGm+Eg/\nhf/TiGCyaPBxEyarGoBaaxeY9PQcs5KKrLh3LcaZdZE576W3nlevsVF8C9ZN\nA4Qjv+oDPuiGXHeWV9NM/HDbX8cgbovqkuQhF+zMwuTYI3Gxc6anT9JG+DL5\nEGo/hDOCEYxoMVJ9aWnv0EtQtzSXvIr2d/SePA0Maff0ojXDdMyq+jBY64qh\nlzwlgH6hU+ppJycxOu7exXCbTc8AzAHj4j0r73oX+gNFEc4MNzzqzR4YINgk\n7NzLKk7zD5DAenJvwf8eFSsgRqz6glpP2gIQKgxBShPRGJVVG6nkoAGj2dFR\nGxikCytDGqAsVnPfMJjVvkCarN6urjbNEnTgTuEyQDT46jwF56l7oQjAsZbB\nnuPX\r\n=Px4H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGTqJ4Yra6BWTBCHEqN+i0Q79jaJ7b4y4eqjyGLBd/gAiAM9MdSh+Kk7DCVxTLbyoToxZK5k9g9iSOB+ebmq5+B2g=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.3bfae46e.0_1593004863417_0.6209619807560909"},"_hasShrinkwrap":false},"0.1.24-canary.fb59701e.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.fb59701e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fb59701e4cda586e0ff2870d4652492edac38453","_id":"@atk/mise-ui@0.1.24-canary.fb59701e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-644knc9zRGkCuVS404vM3dLxaCK9x/wSc7o24TIDQXl0QpPqAQCKtGjPt9LyEVhq9nmvKC5bQlcTJloLsaOHpQ==","shasum":"5efd2aaf0522c1aa97e75c21dd9408d98b6c5109","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.fb59701e.0.tgz","fileCount":86,"unpackedSize":371918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe82/8CRA9TVsSAnZWagAAhSkP/0KpYMmHB6IKLdd7m+HB\neoNhicNcf7i0y7/F0hjkYfhCrv2uKhWrCqISW4DTNy7Qv6V12uUAz5Svi8Pi\ndhjjatNQw6ppwP2DwXH/FXizw3CiUNZrbNxvts+mQF5iA4KO8UXQ87pS0b5J\nhba/ozveTUBfdbn5M2rzJ73h2zjq3Wtg4FckGNrGAtlk9cfv+j4psFDSSDqt\nwd5OF8iJzNDkR9d4bVSr7VkWC6sSYItE1MtrSrj6PE5bM7Z3FnrPM8IE2veM\nt/zpcitfX4UGa66zZ0rkZ/AIoB429nWpWs2XFn+gU6obLt3TkirGPuvdqIEX\n6MGmvM1dIqiO14JanTLtJIyjMiyQG7gGcCcRzUCivrZWZh/NdvlMI6kGSicP\n9K2YdIYCLxsB21q2UGbOABsbkiAv9RnBf2BEqgVWGWa9ag/FpMHOhxgD1hgn\ne7ENl32RxmxvcCeWgY1lRfAJzCXIUee2eQuiaW6/ELb4SBJV5o3yL6we4Tdc\nrirp2OBn3srPiT7bykOfWeZu8ot1bMLOOgrH2xxityBHlf0PjvPIGOpmByOm\nFSibEkQvnbl2kwbpJwrbyxN0nDPDf74eXDUqgi4h7JfUb7BQXf+R0Ht1m3fC\nQwuYZ/diq2/VdhfaZplP1vAXYNCIaTDl4Z9vR8dCtE9h2DqohQsWOlus5Kjn\nqZNT\r\n=GvBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuxEzVcoJlJeCEve/7NxmvwraOaXs7kfayJibPuqX6lAiEArhr0FMwGEevJ2Xmx6bUXDl7dikR1G3/bZM7bCKRsncc="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.fb59701e.0_1593012220394_0.6706904166757459"},"_hasShrinkwrap":false},"0.1.24-canary.8811e2ab.0":{"name":"@atk/mise-ui","version":"0.1.24-canary.8811e2ab.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8811e2aba40f8c51aaf2c09388382b11e0161e8c","_id":"@atk/mise-ui@0.1.24-canary.8811e2ab.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-BT5IxSg4vL8dpc2C9FKnebTPbEIOAhzCzgpl//qu9hdocrHjX/85Sex3cNu0Fsh3s/Lkc8cs2YHGmm0bNOn8Iw==","shasum":"ea166a2cfc08d405d7e9516fea3748bafc16c262","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24-canary.8811e2ab.0.tgz","fileCount":99,"unpackedSize":429092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9P/TCRA9TVsSAnZWagAAG74P/jjyItB6sIWKMRmQYKWI\nIXh6OsZLnkPhlUo8HcZyQXmFk6M1GNHP44LV3SrYW+3ayIUXa0KqCyoaRQhB\nOENP9/PVAz+kuVa781OKdTIZGwVhm6uyvRBGUFZo6VfYhKZANZl0JqWgmG7m\npcyhyu5EChmCGH/zLRbvw/Af+CPVHK9UeOUTwoMtU64VZOWlC2anRD04Yg2H\nHkM5nyaT78B9+pBZjFYmFf3uT+RDS+UED3Idl8c5hPxdvExx0XOupF84ic2G\n3aMD1FuI3kknHUIcHen0oh741jQAG72dYsYsg7pIhBqbnXVNwL/gqUxQzSif\nUkNQFNHnkLVBs87VF3Yln1kT2kWffOY4dkCsRE8De9m80pQGDQwyFZe67tbt\nZ6VhNvr7K+HtBzSFwEeX827hsTNP4nVXxbBAdBoBkqBc6Dkc+fsHrgXR++4c\ni1AI5+ue3jEBfiU8dBbcwMA8TlHHe48i6rtcuArlU3xS7tki/WcqMk5d1tes\n1qmaTsfA9ZwyV9WN2wF2k2vWhlbKWXzGLIfqN9aLOpLJDrtCMdD6JMSIO/gy\n79VUh4bePKkLYcf0xeQhqYvPpZ/AIxJxcaihYN13iaQor+DpLxZBJIhcYrSC\n/NQTbyQhZnwLNGU5GT8fZrhRcvoJ5FmL+dnzxq8Dsuc5fxehwa+r9ZTjEFy1\ntFUP\r\n=G+la\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWoHH5cnDotqtSVuYcdd7lCAchDvk4XyKYJ6Rr5N3I9wIgJgn5rGy8xrbNyulkaI9JULz9jtQ6z5t8SiT23RNkQV0="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24-canary.8811e2ab.0_1593114578813_0.16725020931121404"},"_hasShrinkwrap":false},"0.1.24":{"name":"@atk/mise-ui","version":"0.1.24","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7c5606038dbed3273985a74f766957b5f14dece7","_id":"@atk/mise-ui@0.1.24","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-69biya/XVm35U8ppMbaFqaRzJaEo6TJPv/fGTc5jVyJZq30N01OswgU80AUEgAS14B3VcNLxbNtXpFmlX1fQcg==","shasum":"f66dddc68189daa72a9260af1c445938898accb1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.24.tgz","fileCount":72,"unpackedSize":280503,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+h4ZCRA9TVsSAnZWagAAu/0P+gJRqS2lgX3VSLEMFL4U\nqch3gMBGKZwYEGIH3ITa026vJDk7+T6khqQSyOBI9tWhZQcCNglghmNlUajo\nwEsjy0nyzAb6gj5DifjAzkGZDZPpECjETgw1hzOFXHZiSuDgO/EjNkQDXwvS\n2tvfFnHhc8vQMB1LIieIqkNQPEs/GDDEOxoCxgsHlJ21ljwbdkbaZ6UhhmrU\n6bDIEg3YrBZ3Qf/G/DDR/L/WCOZXdgWYj0GOMxM9U9J+LI/9OJ0DVGWxF5v3\nYg0LZ1cPQjEAme+4Op2jFTXHpPsHV5DkJaFhNKowApp4FuBfp3YGvchvPQCM\nfjvsxfmKzzPyJthjS6/aenCacej8i/vZTCHuwGXnIjQXlt08qWRqcjtlFjN9\nJJzdidfaumejGYgu/IeVCZmuDdka4FTmZY1xJaAFWm9VnGb7rf/MXsqbt8LG\nTIsuCzZf4VH/gW02CjjCI5wfYQ1N3giRrViwv2YmZR5VNqfUHvccAA+Tl3A/\nDIKWmf+i5caFlngF+VhABg4sglE58tK0l97Py5gQBptw6rd3gHYyxryeX754\nSIvOjqTNKUXF74GV0RfpvS5VZa5ixmG3aes0hZUmrLzH3pEhyvXxCSB1i1x0\nmDoyGbrk51zAPQTUOLyup6d73V+D/xrK/jeu2vx/tD1uQ5Ol61Lb6SrJE1UU\nLCjt\r\n=MlYQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO2Nmna8LQZAZQmUr/YCPGdGAcC9MscQIePtdmP1B2YAIgBJL8VKrdE/Zbp5U8q9/Uvbo50N91bFDn+CxmOYqgf8Y="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.24_1593450009251_0.17140574755148874"},"_hasShrinkwrap":false},"0.1.25-canary.cb6188f2.0":{"name":"@atk/mise-ui","version":"0.1.25-canary.cb6188f2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cb6188f22c690393ea73472654b80d1b0bf812f6","_id":"@atk/mise-ui@0.1.25-canary.cb6188f2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mymNPHpDIDs8vq9ZeTQ6NyODCqXUrl8fnMmu2wXjJWoLCt0GsRIMbl3ywV16Y7n8cBFx49xkJeqauHAyhJUslA==","shasum":"976f8a0039d47407ded7747a45d9f104801d666f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.25-canary.cb6188f2.0.tgz","fileCount":99,"unpackedSize":429092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBhs8CRA9TVsSAnZWagAAPNgP/2eYkz+KMkXXkuEN0k0V\nSYUJo2mOjxlBKx5W+EM5mNPmHAcomFIPRUxJ653nrRhD2RRgVQMWzJE918vK\nEIa1YbTqcNVf/G4xBQSCvKmjwcRnpKCKrH+B8VyUFauqoRcfDKVWS/Z1ujLI\n7ebj3b1dAmuGcVJ4pLq0aBF/jXYH5zXH+pTKkVVFfkAu2X+bRm358Hctwqq/\nUWTt6uwH1a0g2vreXnOZLk/3HF17opeKs6MeozOB+Jfxs2mZ8PbZFuGAy6qk\nzaLUqm7bCFegeQZdzNA1cCVLr0cehmoMxCY9Yds/xSq4jkyMNZT24T9uJXKK\nWNdT3YAeLdJoQQH2/YDci1d9qnaDDPg6NkGCwPvO8o+SUQgY97oNvr3R+tOh\njb4zW3ry4cp7GPOj5DczZcI1zAKUYEYjS9N5AkXBgdLGqyzRNs5J4tvL1VAE\nQPcBgZyMSq2bhQspdT6w5unm1QnmeOe8W51HrWLPqHOvF3aP4HUzg15XV9TR\nouxI9bxjuiU4LSGRx3W6ZInV2Ol3iM5amoOosVZ2WTSAN95AZm5slT8YzY9U\nQJxX7gENQOk3g3pN3Z2l3QwRW6Wif5GP9Kabf9vyTjk/ZOOmuyzBoC9DxrN/\nksmw6Hnz5qEmPh0Llh00s/mz9oomDK8auX8kCEl9x3Q6muYevRUKYXQqREvz\nv6tx\r\n=3iNw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIESdeWGeyLh30xUQeOQelRtgwkUzS2871MvsWY7rdWK6AiA66//tldwN2z1X5SKGPKaq0i6Q4v4IOv22I+F8cetbGQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.25-canary.cb6188f2.0_1594235707970_0.5111313442548675"},"_hasShrinkwrap":false},"0.1.25":{"name":"@atk/mise-ui","version":"0.1.25","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"ee3101736f21919a4589b6365ac51db9996d3902","_id":"@atk/mise-ui@0.1.25","_nodeVersion":"12.18.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CJPQ5nrkwbIPkfe7Y03KJPv1v8Fa3z8faB2nLRTBzgstulIKQRDeG7+sXA6wKm4q1aVLk7zkICt2PnT9YUUjuA==","shasum":"70f81e4a7fa305d2615df06fcc9d2bfdb267adb9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.25.tgz","fileCount":72,"unpackedSize":280512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBy8jCRA9TVsSAnZWagAAp78P/3ACLOtZxHsmyXR4eZ+C\nE+ja/3NxERpxIsy56KeU72cGibngnl7k+Bia4PvunszF2UWUL7gqIEVcpxQB\n4HCgtmUeQkzL5MmdfF0fA26x+OGHQ5Tx5zrMidJNxARBa+2ti9QG2oVDTngy\n4/I/jIEclnzeL99S9tvAWAaVYI7fzpxd8rvIiroSIWRHU2yrmFBCcpukwItL\nQd5m6ecmZUNMSH6Q+K6wRQ6JdR/ihoNyZmN1+B1zyU/Km3wUABHAGxsSAplK\nXf2jFDk+S0giHp43jaDPT49EQQKJt9hH8oVCKXfabKwD3I3kgy4ql3vjuMcO\ndcbrCDgiW+SgZfWv3t4nuUJ3tlrWK/aFGrwi2lns0iAlFNAOrmgnTDemWvPK\nh8y5DuMJYzV2YQaAb/VB0v/H8/f1eK+l3HuG6iC4/7hFlT8zacaqZK5OCbpK\nryWMbK4U+xKqNWMxn72aTID2pJEAXRAQIfV1/e8GFdpQqyfw7Roxrv/Ndf7u\nlD2i+LQNVd2bVsOuqxWD0l3Z9OuhgI1laiJifqZC8GQlWGQXTxflISXIiG/3\nlA8nyf4lQ5N5UCfifvxVuZagjabi5xWkfY69EXiDwl2IyPtyi26yCDjSaaGc\nArreYC19v3c7sHe0WOfcilTFSOZ2TR5EZgNJ1Zua8hAeRiL/ypJjyQK7gZYa\n6/he\r\n=GsHR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEb8m5Af+lYd8r9ANPMu0Z2Z0kS7U88aILNODjH7jmhFAiEA9W57KYJhg8wC7CJ0FyNGd8Rx1XZymuboYQSDVh0OxXc="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.25_1594306338803_0.4603950388036806"},"_hasShrinkwrap":false},"0.1.26-canary.1c43d3da.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.1c43d3da.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1c43d3daf984db11316e8c8faa9a212eb79e2891","_id":"@atk/mise-ui@0.1.26-canary.1c43d3da.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-AV1eEypWloPU89IK33cgbhl/MNKsMebLcqnhdIsdF/HJ1ewo5gr2yqZEbQcGqMXgthL8OstMwaaBaj7zkhjCow==","shasum":"d5cd0d4d550fe01ba0e14a3bbcfade6e089ff159","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.1c43d3da.0.tgz","fileCount":144,"unpackedSize":863948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKbn1CRA9TVsSAnZWagAAcCAQAKDz69NZcubSY7l17js0\nRYq/AQ9KlOKLDnyRnwHVfIvXJ6ts8ZdTs4OHqHhHNmwSfKjqZQwTEoE7lfv8\nkjBsw9bynmnnF8U5qDIJqdcb8SPe2ay7jxTQZMDRogPOMA2yGjimQyqsgfFc\nkmHRrHMFwSvYCSD9hvJIazNN/+qxdzyUdndcFuNdurJKVKwqt21pyur6GgMS\nb/JokGRZhlXtJil0OEywZKLxyFysLDkdaYOB5VM8wr+FdGuE7HKWk/dcG6lj\noDq/Lw7ApbMa+fPkLmEQQww3jUEctkicaIXCaVsvvb/OZzrpaSiJKXofUovf\nMfwTXVkdr4z7jSb6uA8/pnHSnP95HkfToEKm0ACfDpjiNOXEOHW3Ud2GtpX0\np4ApOSxQS0QIKwAXhuKk6+GT9F4ha5IUx/mTITnvQiyWlVHWu9gHz7kGu8hV\nG3P1jMAEneVxJrzdE7l+iY6vm9q3oO9QXhjbGTEY9M+1/AOE6X5WB80oXwBm\naAmNV5ze7eTbznWQPNoIUCY8H+vCk8YqmwxcSvfO1IbQUsjil2KDwIaXwcEt\nFczkS1CGGTJnYBSk7d9tFKmRtzILNrSuYToRdP5rcEZhzFbPj1vMRIOMEN9f\nNL7W8/joxmuyl7/Nj+eqXytSLLrkjK4S/RnktXf9hZ8QN5sGTOGnWBLU5fb6\nu/Hb\r\n=vvt0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCA0AP3R2x6KTQK2mu6j5HAlyfF+Mn8Xd67+HyqA4XAWgIhAPd3bnhdq69mA+Te/RhPYldj8fYWKxtSJlIgUENlUxfr"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.1c43d3da.0_1596570100555_0.30219108042253673"},"_hasShrinkwrap":false},"0.1.26-canary.5203e142.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.5203e142.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5203e142dd556b5c5af4a0dc9511e13d3e26093e","_id":"@atk/mise-ui@0.1.26-canary.5203e142.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-W6Wnfq1y6L+LVS04S16W/H81ccYKVTg3uw1LZv8g98zA1ui5ymD+FvD53CyIf7a2L9ECDYMCyxOVzmwPjNe4ww==","shasum":"1586226a98d678e28bf1fedda6d48a3974327876","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.5203e142.0.tgz","fileCount":159,"unpackedSize":838377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKtZQCRA9TVsSAnZWagAAilcP/3+4RXRd1kMzUkKX6ZVX\ncmqwpMl5k5cD7fs9Bb9BPxfey5iHNo03QGUKNRA4/v0GvW0p5loNrhHLh4Qk\nZ7La4vN0o+RHx6dkYghp72cAIU50sLlsSdeH22POCmsgfeRHOyLTlCcxtws/\n09j0v7tMw8txXXbdBKfHmR97T81pXcb70p12bH/d0s+p3NA4vf1T43lNHw+J\nfXNXjb4aO1r2CPrSod4zmo6pFZGzLXVZBcY/T4dLabcRuHxiwz/Rq+PYNQtA\n15e8rxqwcY4XdiE54uYcrNuqe4PVE2DoRf36Cnqh24LgE2U8KCH+wQAB2pnX\nnxSm6mS2gBK37AthMSN/pS4e9+mZwO5Cyq8bvb1/Sjy0LQK43UVY7rjG4Zmr\n7dboFUnGdehvb6tttV53lxcjuUWE0xoASeEj0EhJOQPZ9nNjzvOtxEP2XKoc\nBLTGz01mEMjnBjC0f9OHooK3t1CsCSs6E2OCP9jXxCH/xMxP2Pcax8qfMjrj\n5XlEv01Ta3NUqnCWhY511jMcELj+szbJ8l6FGg4U5rsjdqFBzfZyq+4G6MM6\nON2M5G7xCg4M1iIg0jG8YeQ1juCcEDQc/Igl0WY28vK6BeLU1ttk9LjU3YYc\nIdgxmATKR7HLkiSj9RdiYhqeZDcaoI5Iu4BippGXQWH3PiIrUqOHutVnopmp\nNZoZ\r\n=PWVf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdQaKDZ0RCecE/DWJyEaFo+qc8fQ8507gowSVFmRAt4AiEAunVC0kd+D+fD6qMZzvlVPc0b9pB4sONDPxT5rI6+7Xc="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.5203e142.0_1596642894355_0.350112112790927"},"_hasShrinkwrap":false},"0.1.26-canary.f4db097b.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.f4db097b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f4db097bf75f62fcdc63466626df8aa88f6258fc","_id":"@atk/mise-ui@0.1.26-canary.f4db097b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tX1qhrSCxi4Xu6ivnYdJE9IGmoeLPlrkO4WsvfTId986Uo3KaU+iGyeyEwLnlFaOiMjVWLOFyTKkhepqlM7dPQ==","shasum":"6d72536ac1e51c750c8e4e2a9c49c416918f706c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.f4db097b.0.tgz","fileCount":72,"unpackedSize":281120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMZJgCRA9TVsSAnZWagAAO1AP/jQo+R6I5w3HsVzLELSD\nW5jNiZ65Jni1VxZWwAPmkPeHGJNdSVcE5ZoBwArpj3XdipbktBZi+t7C22YO\nVQOAzBuzrNT0oRmsIbSutwXqaOfX5PzRsOM5J/ca8JNwPj/IVolLcYLoWxac\nFeB+MFYeKy5RTjFqewhR2NJ5VZvbAySLEDdO8sxqKDGNyCvaxLeqF9xYvia6\nGIj9vH7j3op2+uhXWmzXHqPtUXwNivtaogzRruG/yiSFN6zxmaLXYDKyk3fj\nX2R6ChK8YOehOFhpZH01wz5Shxs6ZXsDomRszP7KTJ5GLoivIBblsnBaWP6e\nFiWqiSEHr31fnqLpCkvCKFcFmVwN2Alspu2mz7Qc8XoR+sXD9i27mNS5iMHO\nvLUZFih0a2epitu6s+DEQ+QFx8DrJW9lEPv4uDj6k6EHb4JklDmVZcKJQPg9\nMLQklG6HgaO7ZWcmHgHN/wQQrAvUBJf7Tgajq+x9ixOtAwr6z/NCpbB/Evgq\nxLWhfMrirk3ytu/seAxMYJmSDHutb0ZecT2vsm+DKwwA3XlhohZUAXuVbonO\nCcj2F7rdA7TY9FUBhPsJxG8OiXiLlxTXwqupVamQDsFmirOzNSPz+6D0zijZ\nyYzlX5E3NZuZ2Jm/jN7GOH1B2p3jDvVRJzuoq7o+RebpQ7IamJJ9y2pgntar\nFelc\r\n=dvXD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqRo82O8QQD5784l1mdcqciDs2QlnNFDHR7px/agLHMgIhAPX3mlASeJNIcTf9CxHE6wLoMOMEsJlvmLMTUHTR6LjM"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.f4db097b.0_1597084256333_0.4238653116907125"},"_hasShrinkwrap":false},"0.1.26-canary.2eead303.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.2eead303.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2eead3031b4d026939c97be736ac7ee05267c3f8","_id":"@atk/mise-ui@0.1.26-canary.2eead303.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-p+CcbI+EWYWM9XMyAoDHHvNTvvsIUucG4bsxmvQ0SKnUEKYyPp4YYXHwOLp1FPUtO07HwDE9SBXspMrpb+R4aQ==","shasum":"bf210633461b1d033a781f93f28a89e5288e423f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.2eead303.0.tgz","fileCount":159,"unpackedSize":838377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMZQ0CRA9TVsSAnZWagAASpgP/jryhPCP6LPLZKbN4oQE\nkjyrIwRFSIV5Kt0t8wELZKExj4xjyRvc7ujfkNDlJkINmhhbfoVcORyKdBee\nRsG5nN/r8fvs5bWA1x9aUX4KwnVG3JeMX9m0sH2X/PGFl5qSaQRpHH8TTmke\n4xjKqORXhz7aySztJt54jSMsGanXBEP9Fm4RaBWXkhPA4kJ2l0IOPxe3VHSN\nsPtQ5/PoVyV7f8wyZQNPnZ55podT7IJlPVmjxHmrNjD2eUeHbY/6VG+/gPJE\n/TGCMFHJ9tEtNSF/BrFjkQtnWFqUdhqFjoy5oeukfNo/nbCD42tB/n+jNSUY\nAhrClE4F3G/cQxhLDs0OmrZE2UVW1u+lZWvrlmydbycaX4I2Ww8i2ctPvSLp\nwSAy3KjE2dlltbQUZPQYuVIdrTBzckoF4NQ1/mtL32pwMH0G+Q9RaOLAesRJ\niJiW/Ce+smwvqTiGsUc9UDD2zb2ssiLFslrhq3L7UyEkOK0dm8cL28cXF6C2\n/gp8c9o6LmNfBCeBmyz31iyjXjbGKZ6DTjKlEeXlAlnoHAjhVOVYHp04gjCA\ntB2Gf+An0Y10B33SY6BQInGoDWyhJjRe6AdHtP0X2B9Slrt9A6oGrSeLW5Qu\nsc2LpLkDszm/HiMd9kWzlckwY79s+ZagOBmKWDejrwLnjNJ6T1AvWrXqQ032\n5NmR\r\n=8sTG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCm8Or8JWcggxafN4ee7xqTg9IcHjKWjA9awmhrxOTqkwIhAPpO4Ue/QKT263hAjQb2XskwiJHz2EF5lH38k7WxJqQr"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.2eead303.0_1597084724068_0.03776854541697783"},"_hasShrinkwrap":false},"0.1.26-canary.6bd04488.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.6bd04488.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6bd04488df046ed2fcf589f363640ccb2381e85e","_id":"@atk/mise-ui@0.1.26-canary.6bd04488.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-89jT5MnV6wGhXotgOPneH2o7AT4sdw/I7iKLfkdAj7p1dTyt/87SjLlmvc5RfAIQoPcHtZleJI4hqHbqh8NOVA==","shasum":"8f2fa85332243f8b1e12716815af6b58ab96bb3e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.6bd04488.0.tgz","fileCount":72,"unpackedSize":281120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMZ93CRA9TVsSAnZWagAAQ0YP/Re8+Q10/eXVcy4ZRXC2\n15YnzIv+0yzKT602CEF2KKCBFDM4iSM0+0jf0XPf7OY9u1tXfnj5uYLeVrtO\npg5lfYv3tNR8G9uFEIRhEAH3HCasmRJSWA1XshYNAjkAbMtOkV8BSusbpEUK\nxLmofFy+vKpRcOTW/Rg30Cg8xldlsMfUu9OV6Fgfe3nPLfXBjEMqVGILOaqm\n1gDgGhLzUvEPUIxh7K6kVad27EABz9Kl13pavwsHwT3c5ec5gveHWfBMIaUs\nb5ziKft5ONZ+O+F+Aufj4/nS2W9KaBp59WD5SSt5HY8cJzpXIKDcCzV7Q63a\n709PKuVYCtoGeHlYK2/NceU3yLuTJph9dIhaE94iSCyFDzOTYSAFUNkf6WSI\nrshXKP/+Cxm/4VJwFhH8zWmvRws5hGqHS34qz8bIdbHRaFf56YXy1nwLcVid\n1xq6jDIeQ+oEqnBknEW2dn6KTrkAKYbJskYLL22eMR3t0xFgn/5S5h72vu9O\nbEcql3aYbLzYdrLxDFkfX6X76xd3CxeZxTlPv7Nz7i9lOljaYtz4/zIuB9YF\nIl5sJp5quEMiraaaojW3YLJxG8x6DBgwZQIPWrlhrqo5OLQrlCbTAJj7t+31\nGSL2M+FGqW3YE+j+2w5aj4kLLL7wMTxAGiVpG4zNN9p8Za7aZamKjDusgFEI\nIwga\r\n=b/hK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjgr9Qv92VEpgPxiwUe75C7l9LBOZ22lp+K096r8KHpAIgDhfi+qIoUvED2Gwu8B+aa6rz2j1iPXYpFl7omw1FoIY="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.6bd04488.0_1597087607246_0.16692342564041796"},"_hasShrinkwrap":false},"0.1.26-canary.df5829ea.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.df5829ea.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"df5829eaf74113d5ae5ad183221d2e1a71dd899b","_id":"@atk/mise-ui@0.1.26-canary.df5829ea.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OX328l+Aa6bOvbFwY7nTj0SAXoQkUiF0doSeuToHtThqi4MqFBos/yHyLOh7L2oXu5MUfW5a84xxk3Tusm5T7w==","shasum":"dc3995eab1ea762b1d41a3a14361ffa3e4a887aa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.df5829ea.0.tgz","fileCount":72,"unpackedSize":281120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMbUhCRA9TVsSAnZWagAAKLcP/iOgrzWWUjzaD5uUpxTp\nUgB4cZTy5fe2y+1+6YU4lU8EbRCexazr9NIkfpumpTSb7022JETHwBdpmXjK\nQi5O17S1nm53QbfJaTIkm8FIiBhPUMuAPavS1350ddrGS4Hef6MlU3wbOoeM\nyMY7jwc5p2qzNZ3Ac8G7CyiSSYj7F0bLv5tkUTdWRC30mISLRAyyUliM7bz5\netTjqxZindzlknt567EUGG5xzSphA1WUyO3PEdq5oP9Y73s5LqBYywfJnK81\nTdddC2G9hOD6PFMXe+RxrAiXG2v0+Ygmu/fKU3Mlvweqh6UZqWhO3D4rzWl/\nr+tGUqYtDO3502g/m/XMGOHSRKTYIHKqgWI5dICEnZJOuUaiDcsN0T7E04CU\n3TUHYfE/AapNDoQhcqZOhC34wzI4yKlriD+oLqlN6sa2ov6SsDhZ0DAdcF8h\nm6xFDDQoifgqfdDjZ2DUmUhCaFYJMBbdpAeDxBPiJNuJyAKWHhot+Lim6Jso\na95tlujjc5sCR30W+qrtDGWNu6Tx2tD3fsC+oeMt4wB0xAMKkwDZJhuDP2kP\nSeZoGAVZrZ6zUlhCllzlcmosh0AqxP+sVGTRAOnLBvjZa7qi3/d+1rG3XCqI\nisRplfBVYcIn4VTK/MIiKOpAF/SJYk+4ANsqSNpk+w0Td7rC3GGcSgnX8JN5\n/+HR\r\n=XSTm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIANED9j6WtbxtW3mq946eGqqPtInx/RdBNycAHKyPE0PAiEAw+D7iTjUKZa0vLK8IEw20EO0szznAnfrJcP5azEt0cM="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.df5829ea.0_1597093152913_0.2715739559325845"},"_hasShrinkwrap":false},"0.1.26-canary.45493423.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.45493423.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"45493423ccb163dc86357f09bbbe7398f489fed4","_id":"@atk/mise-ui@0.1.26-canary.45493423.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oUSL0AeE6HPB+5uUUuv6gH6uA8EjZWuhlAnw7Wy+e7a3To7rvHuVntM+/sGyVUAz6V+CpYHaDxl30WnH+nizBg==","shasum":"0f44da5ed2ace3887f2a503261f89cde971fb953","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.45493423.0.tgz","fileCount":72,"unpackedSize":281246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMbpPCRA9TVsSAnZWagAA8SAP/j0qiYnNNXZCduSUvUWo\nrhUeO9xjb44D6NahXOEgp+sIUiEbODzh0Eu9OtCXc5fm6qbeyz3Rr+EhkX8A\n7MkJOHMp9cn41D0wx0K4YVEh35kzh7zaBmTLdm0dkabuZJjbfnQ9OfeziH4B\nby4rgMGVsKwY68ixtg5BY5eNqLMmTmMv+zapRXvT+vYqVD0wKvlJDMO4INQ2\n4QWhEOinppDxvYn6itFeLhpIuOrnGdmJqLbDFjsSRj7ZyKL2mOsHyPC0YW3J\nG3fGhZ/PDHfW134/9iyqwbIfycaEJa1UBiceScJoxVwzEh9e53TTGw5rc+DD\nwREoJdxHC9QJltHIwHHx1XGm8xlvCy3xi8Ybw8EvqeQ5+IjHZY0waQJOYpBJ\nNrJhMPO3t1Wr03Ggz1H4Xc7sZQ1Ki9wRAIEHtZQFCsTTe1z84QvXTfVgfW26\nDYvoUuPb+jLA0RzDDtl6aYF0U9717hWBqWIPjq65kniJTKJ9do3up7NNF8Rq\n8QpP0reeeIlWwkY+zv7XATo7wrI9dowjYzPY1PpAePWsZ7hXQ2EvUcDZIsnh\ntAR7eIsCfKxLuLFELUUm0tWcecsqOeXvBqnPBXTZxnh/vRdusaE2IdcRqhef\nmIPemLiDKyG/3DUPldoZ2ryNSzI3oC+FEN4fzepRlFV7Vmlk1ZnNWmUNO/+U\nx8tP\r\n=pcmv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE1VbQJ2A7yMclIfmEpgjih+SqvQXdkR29D4WrQTj0FIAiEAqeyk87kHBaEXJMl54ujLEH7SFqiEnMt/Qj7mXSCsro4="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.45493423.0_1597094478893_0.9407507693256183"},"_hasShrinkwrap":false},"0.1.26-canary.3cca20ac.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.3cca20ac.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3cca20ac93c5e65faa174172af5cb9b9b1af27d8","_id":"@atk/mise-ui@0.1.26-canary.3cca20ac.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xP9kbcHNcVLdCHT8k2MPebXIxTi/OkIyjB8OQCar0JznEQ+x111HFjjWI3AHKxkcGIzM9Bth7OgCKhe086UwUQ==","shasum":"f0e9472ebfbc34b250ecf2bd2bbad5001252072c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.3cca20ac.0.tgz","fileCount":72,"unpackedSize":281127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMp+XCRA9TVsSAnZWagAABXQP/2SNOFB2VhirWo1ArIun\nThp0VFKmut2HxGICbU+M+nTq5vPlxJPu1h2O3l909YNGy6R+nZYlI2f8cczC\n96K08Y18Q81AuLTtpiu2yisvXK5qy58pYWbTrSFO2qNjxPRPA5+KY+ENWsBH\n4AR+KNBwmqubFIqDIWEykVyOmR8xRV8jDB5wjow0bPTdHXqXXgU8yxzNkMRY\nNfS6gJgs4JvPFB5IishekkBeMAR1kZf8R1hE1CUDkkjXbOvCahy1gH5jnhDW\n3Z9gv7AEpjPowPuMydRnKFOwo59Lui1sThM8ppTOjBBNi1ev4M3oaBlgWauD\ndhePtnhhKnatqw8N2QAKaQF+UveP/pUarvzHC0xC2Zppz78XZTGATumhNiJZ\nFDYvx1qXFRDHKSvMMc5p6LtS7YsSdSsH22bleyV4C7o+D0eZTLgezfyIzTms\nqXfr3jv/biXOA5IXI6ZqEHweSikFpOw6GvqEDvNEQnogusurAXHlsw1ad7YF\nKNy8axCTNUNxSC+tyyGLcS839ubzr+EMe6Ta3RmpmR1IsKGcRDrMSy75i4Th\nEb7lG+r2BcdVkdmvRRtgGCRsmLsiYSsevp5dhgGaYTblqOcDudr2QzY9nRiQ\n8q/vqu5Of5p3QDRecY5h+UWVIqYesJMqtzIyb+D2K/zimQHVa12NcTxsCYOm\nNSko\r\n=4pUm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC87G1c91Ic0A0w6OC5BXxL9tgLms9uGMBL+6Vh2/MnGgIgOyN4r9uE47UmrBLRz48PlyGm93CtPF2a20pnunC76cU="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.3cca20ac.0_1597153175130_0.8228364052202517"},"_hasShrinkwrap":false},"0.1.26-canary.5abdab3e.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.5abdab3e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5abdab3efc75bf5eeef29dd5941c255f72c69aa6","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@0.1.26-canary.5abdab3e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-BCgrtgGfBzpAHIkPgX4buKFzEHouOhwH7YplFUIKM1p5Fz2PygjBxqE2SPHcJG/OGgPuBNZNWDDTyNvI4QGxXw==","shasum":"2142cd51bb7d3c83f9fbd6bd581cb699307e57cb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.5abdab3e.0.tgz","fileCount":72,"unpackedSize":281136,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMqG8CRA9TVsSAnZWagAAxg0P/2M0DUGtYwOYLv1BLR/U\nRSlyvd3a2d+Y5D3v9nwwFYNiiYA2Ox4uHapzD2JJ96t6K0deYswflJwXGXJJ\nH7d/Zr0HWdKHyulMQykf4lByGG5y93IoO4SmBzyG2gZu1WN/+xxWcMLz9RaN\nFUj3SUHJMPYbBVrgi+tablcaGNaJBUAwMURWGuo2UNpm8/g93sM1EWzso1Du\nvMTz1QMna+pzrr7LktDO7mrvtHcfjvXHxugfC4xheN0IukT3Hyo9dze4iEdy\n8hQAmPmiIXad4JKPNT0zHKcHZ+9bTswQ33ETMjvVIuTL/pjn95QMG69dpech\nLG67sYGpc7q38NwLAekx0AJusj2St4mEgtAeTYoTIDdW1XzMnfGMOuodMgli\nmaVmplnlBJV6ZV1YVvNmRPdm6LGU2N53MIpdx/6uBuZc1tuTbkclEztrBIAv\nE+7dTDhjszYnBaqFPBk2ykg0OxoD0JwdmECjifEe3LCfN4OFzf9jl55mkR3y\niidio3ZwazIlT7OBJg+QSUU31MQokrOIMAdKRqG9uhNnji3M41ghGTA81PIx\nqdeG/alm50jwwvXJjEy8PDIX9WiJ2IJ79HjKtVo7S5j//eMmUluu8JthnJKS\nQAYAWig/6qrMW6XxiZH3EDvOtg/ylSLLqvZYzNqPFiR32jdYMYXtwhOSS6pd\n78fV\r\n=7PWT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZUuRL4AJau6N48HZ9KxLM0+BlSPZLFMQdTHnH2ySyYAIhANcfZH+w+/BRiQzjieNWMHsVRftkGUj7J9QYhF0ErolB"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.5abdab3e.0_1597153723429_0.22136998586178924"},"_hasShrinkwrap":false},"0.1.26-canary.27ac386e.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.27ac386e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"27ac386ef1e1bdf7d57aedf48f3dbfa2928925bd","_id":"@atk/mise-ui@0.1.26-canary.27ac386e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ABQTPEPmHwgCg9zqd1pGo31AbbGC9OLfDDgSHvPmCB8DuNNxGah+43eVVgLqDNZQxivRiqTVNiHcQSMela/Big==","shasum":"84550d5ffbd5f2a605ac7713070040618a4e6924","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.27ac386e.0.tgz","fileCount":72,"unpackedSize":281331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMqRCCRA9TVsSAnZWagAAFjcP/i534h0+X+PQWFFpYQ+X\nc+OCXCZbcm1KEarQr6vZv9QYSqpjhEnwVoVALS1K2GbFDP9MLrC12DmZ1uCJ\n8SHLCey3ot7jgSE/kcvendzulsWszvdue0eMDQAfGPoHfvXknjmK8CvOI348\nN9buoPDYyylZX7JrofYtacU1aikd1nAEvd4UT7aAKulc4TWoEttd2gXkwrxY\nCYkr7q6u7npLPPOg/Jf/L57JwrnReJUZE/xjDnxbK7Gnstf2/E8HYtW/ZU2x\nbbq1LSMbco8T0hKBnWgVDo58OZQefJWBNxp/YwqVjae4ZGEvGUDNUI72Oc8k\nEUop3BQS1hw+qtnVjtYEbkCt9uquqHHOPmjRgd9jy6UYX+whhaLDlDRrCit+\nXozQDC4lFyvRlFh0db1Okgo+NKs4EkJhgEaqPeA3CnWkf0XKiDz1pL8jK0hj\nzA7ph4HY/CO2nE+cwJ1S22jA8xQGEEaI78DHGjGeaOZSrFf5Nbz2OiarbCUe\nmRD+WAklX1sPMV6A8aKUTqEQx31HRTAs5an2nBmrGRNd82H9HPNa6Mdy41Ft\nR/6B40GcrD8dQTodbwgYW5fMx8n0zEaEQZvO3lndN/qXbKbJtiUo30tJJ9dX\nY3FBHk6XlnmFNgSr3Zn0eqBM7zDFQmA7pnD3tbz8kaS5N8UBvqUeHKAkNDSc\nu3v/\r\n=Go7M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHo+vM4DTev/TyT0Iea5aYjQDJxzpn0WZOz0suPMVFpaAiANE7kmyB/3O0uax8jg/AUE4ZbHmNLnL10Dp2s6jKaPwg=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.27ac386e.0_1597154369818_0.36568807568454953"},"_hasShrinkwrap":false},"0.1.26-canary.e25fd15c.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.e25fd15c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e25fd15c0a02bbb601a718aaad2ae763abf846ef","_id":"@atk/mise-ui@0.1.26-canary.e25fd15c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bsS6IXRDkBBJ08ICc9zq0cQzMg6G6a73d12ATTQ0TeeL1wROcIi0jbQAARTg8uhxUFuyfQNr/8I+UZzms5nv1A==","shasum":"99b7f07080e9b2ca14e8885831ddc1c4b7763ce1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.e25fd15c.0.tgz","fileCount":72,"unpackedSize":281331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMq1iCRA9TVsSAnZWagAABFsP/3K7NXlVdgjUJ8ochvfO\nsCOtQv1cV/ORyT6zUgJeMqcbcGPIa3slgH66UzNRkImjTFBMh2/POPK+YbFv\nCYfqUDX7RS7009z6QJXzH7vXSOB2LKSk2EkkCol40LqgB1r/yrxYTmS1esnd\nz5m0Ohs7MEmGqSCKJdculSVd83Qb0Aew0bYJ0mkU8pZjNWtTYQt6DfrBFKVO\ncZdNE2fPMq10DF15USVC9JkJwBHHEAU8jbjixK7Fzlx3Odg317Ab5LiGyILP\nAO4sGq9t5gRZAt/xGR48lWTG4iEh4TSlVUNDUBuQ9mPdiC66OGcF0WTln5Xm\nsDbvZynLAD9WZNVDJXSd7SGqB50uBWobcgQwxvNfeAEFFUBGoQIb+ezeX89+\n5IVxq48ZFgFdaws4/mgPu2/jlPo31xCCT7HEGdV4ca3xBtExT/9rmpZk3Txk\nZm+TMyZnd1wCobwwSsK5+9C/196we2j/JxNzXJ5g7XNdYWZYYBbwYEdbM4h+\nhWe9Tq340gAEeufEcJfrpqjUrkixQIZTG2Bs9N92P6PCKI2VsXwPVcMXSbZo\nloBsDKgrb5MQOgJqKizsBoxpAIQaG6180sHjL6dOwxMmqa2KVNAAR4LomoRh\nKybMicU/ylf/+VlS0wWPUd317qUrDvUXzm2Rc4RoQyWJLmz0+VjZ8hgynTWd\n7TlP\r\n=QnTI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHpqXnEZIeU0sGdc2+GQEO4ppNIWU7CCp5NWhN31pFoqAiBvQsAkS5APxjA1SuoDr95yCc3CEaxpJMLhTfAXdIm2YQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.e25fd15c.0_1597156706143_0.46296913745154544"},"_hasShrinkwrap":false},"0.1.26-canary.1a5e5c1b.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.1a5e5c1b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1a5e5c1b3afa294fbd0f02ac42471c3e08e37995","_id":"@atk/mise-ui@0.1.26-canary.1a5e5c1b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B2ytEBHMvD05HwF5MfiL+IqJIA5mcIxesrDpboMbMUMBU0aon/YiOREa88EamPc+xR7Oa41IdtEksYQiubhZFA==","shasum":"0b94196204d32883960b1674a779449d92b220be","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.1a5e5c1b.0.tgz","fileCount":72,"unpackedSize":281377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvHNCRA9TVsSAnZWagAAOs0P/2ixAZDycw1jIM9cYwpL\ngUGV82rQiZN+FKEnGrW4yTf1W/PKJJBNZVoH72Q3MvW/IELfAmGKLgG6FUsK\n43Qk4kz81k3R4xqZKCg+1ScQntDHWuyoR/CkgRw2HTe6b3VsWnvRS8wMkFjc\noszUEXMj/wfDLZ2ZeWKj4zju4WSA4Jo4Cp4pHi397BQrRC5zkfs0A1/66ZOe\n6O/ftDDLqj/Qx2HrKm2swak2wN7RNsyr7+RodCmyAYdDjU0939drreAXPFaz\nmZlH5EplBL9rciAhCecgtwcNElvXNbhzie1EC7PXqmQebvj2pU22fhQprYSB\nHSFgmG2DgtG7GAXOedOr8PImPj7bLWSksEvtULkNl16QQ28/5mc6JK+KCyiw\nfhslRCjCLrssehT+HBDhHuQSUJgG2FoPnmGgaWZFk3PcOUTvbSEulfpo/xeu\nCuAR9jeLpfnkMuUnzMTVPbpWUl4y8rFUwMTyZU2u88tuJmfqqKK46yu0YoiS\nCRSSDx3zVI0hPizji3WYGma1aECS5RqZOEMfC/7iTOBQHKh4Xxj6VoFjvXGE\njwCNblRhos5VNSoydNSJbDPb5wCntv9aHYRdOscTPVjWNu7DmpgwI4XXY9IO\nrhovGfoJGu5haIu4gTC7C2KBU0h2ZFpauLP06mhp3hu+AYUswQyb+PuF279Y\nKBXZ\r\n=3sI0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgRPGmdyY7hWQcfnRpBePWRa/leRpaCNyFsxE0eTm+nAiEAyUzrnlfHvyDodkFlKt5h5VDuwS3fAi738Hei9FS9Juw="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.1a5e5c1b.0_1597174220551_0.5671129990656383"},"_hasShrinkwrap":false},"0.1.26-canary.90826954.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.90826954.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"90826954c7a1f262a054a488e06e036d5170853d","_id":"@atk/mise-ui@0.1.26-canary.90826954.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-34ZkVpKe0HWZlhJIVb00+PgUp8ZaP9/7TN7dcXqJ1K25GJCCloV641B7DwZilsJ0LYh5khpU+s5Yp5g94g18WQ==","shasum":"0844fce2fd67cd1335a9bbb9b8531057cb12931e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.90826954.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNBsGCRA9TVsSAnZWagAAsdAQAJPU/wyaX7lXiUZ26yN6\nys94nyCrxa5JnqvmyhbhWSMxaSr9rQXzUNR3iymBIeosoT0Pk2a1eJ7xYRh7\nd2eDWlyvD0ljDnsd0Kp8Q2fuc9r+65c1P+RHlFXEqEMAvVyK+qvHW9FeyE8h\nosKMD7O7QLaJLsSOfUNZkASn8/XRP2NagwKg87oNHek7OM6FZbSren049v4O\nSQg3hjEix/Dw1bZTRLeT0GPNpysLxJOjk11kDWn/i+ubhK82T6pmYQEjntqK\n9KJpDE+aH0bTV6RjjrfO1HikgAXBnlZjdn1AdieAzcNdzqPOVr50km0B4Gy+\ny1/Ey6oSpyr70LfTljsoOqNSBWpTY5KrO9EeXqMzyvnlTS0dg6HUCogXJ3ra\n8bJs8RjIeAMb9k4fIMc1wiDD3InKhUa0k/d3lAlZW4HPeJ8GevX8fR8PKf/v\nxmFTjPtL+Z5LohWIKOjC/nZWE6ExevV/Vo+egKtRXiCKluPKyjVqd2l1wP6K\n46FJkXQMWrPDyC5qK1bP2HV3wpUcs7/bVLtCSf2NFAXFbRjEw7jBiszp37Ew\n/dxo4kl0JZqrJM3xHmUTCjfuPEgDYF0Jwt9kD636/eWtEvAx5cc5SQcKBsc2\nY4NpWJeVxUQR5aBtAkQ2xcd/a8zyuqNVEVRuKPW6I8tqI0nf//5xnFXmYlct\nbS2q\r\n=DNjw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWhlrKx7H4Le/KEIJL1T6VO9KYta7Lp7TfkiP0ffcdnAIgQ5cwdOQiErLpDtHFlY+3IfqQpPZtXb4Bpp8uRIk8lGM="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.90826954.0_1597250309996_0.7978935469535593"},"_hasShrinkwrap":false},"0.1.26-canary.d5e2781d.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.d5e2781d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d5e2781d2c59367f6df2236f7a7981def5b1977f","_id":"@atk/mise-ui@0.1.26-canary.d5e2781d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tEwEHVmHYCe1rZWcZki7oZ/CSTH9kJBnEr8tSSUJF/JLhNRT7VbEUZCZIfewlFlttc3m8e7u/4OHN02Zcry/yw==","shasum":"037995d045ed81d3db3060ec7bf1da717502cbec","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.d5e2781d.0.tgz","fileCount":72,"unpackedSize":281309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDd8CRA9TVsSAnZWagAAL64P/3v5j9TgqbXBzkRDlJQ2\nGbFGtV3lsIOFQP8+rJnkU3MqO8i4foJ6MCXeugwyslXhdfTkXqr1gkD6etu+\n+PJBZ3UTZKATJ9ToXv4SEWBvuRuVF/rJSEmptOmSKG9nn6bhoOrf32ndF0VM\nU+uokQ+JUBSDNkBIdBDBN7fX1QVV8nbDGRTBAfRRkKZvGIOsezTKGvTAJa2M\nlZ01vZWA4+d4JLHEqkFxdV84xMuNCcBCTdSKCyZOC47tb1MhQvN5wvNJVztP\n3IzgfP3dPCqids2+bDrrVVGWsRdlvVByL6zvPp5ww1GSfWST401JJyqIccbT\npghD2y+QiWujoug7ueQAIsm3FB6yXwFqGqnKo/C3BTV5Obf+BLfPU8REuQq5\ncZ2k5aa1cnwQGmZ4LDF4W68+BswNlCCGJoj+XymYZpQNI3MdnBtC6T+TYXhk\nov+HH/tAUK89D0YMc6mnijgPM+bgAzkmIj3ETrZNK2jfcs3yQIkthSqEukAt\nK5aeePP4LBWYMYILxjAgcWeEyRvNZsI7Sd048TSpxv3vgv+JqP4NoP3EAkWB\nbfC6igk3rZkRIM/xY1aXaSwLv0Sw78fEA7uuYn13A3Vq+1UPUdu7dzmntXvU\neqRRAABFnin2sXXkKPeTdp5MfPpwV1/ZBuoSH+9UXHraDP77rRwDppuddNha\n+CgW\r\n=s1Rl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF99BFVeCVmcAGFSshte7QPdnfAuv9ev/5LeW6ntUkyOAiBZ0HJ6r/FyRG4OwcBgXyE+rRqddzC1dgt8Z03LuUsXYg=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.d5e2781d.0_1597257595476_0.3735423954297856"},"_hasShrinkwrap":false},"0.1.26-canary.186a6c20.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.186a6c20.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"186a6c20161d987c55d68900cceb7937910debe2","_id":"@atk/mise-ui@0.1.26-canary.186a6c20.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4Es+Jrg+TMXw5FyrZnW4Qd/Tv//9pqdRKkIC77Nd6G+Ivu5X2hwILkBVhRYZXNv15qvdtEATUwEPaUPCerNkQQ==","shasum":"dea88db7aa46e5cc00f92ed533a49de7e4a8baf4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.186a6c20.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNE6ZCRA9TVsSAnZWagAABxgP/immO9fqEfofXhVXd6Rt\nHAQV1gXz/r+fXC44YMo0+Bc17LnyO79pScWaSPScZgK0p+yOgd27p94iuIty\n4nUKz08aKNt2YeMF806J7fmXSOchQY7EvuBS/25nfYYrpXkbxM4cuQvQgF+K\nMmFFTraVCiYTtbIlEyI4kMMYZQkjR0UmvvkqisFFlf4sDrb4xqfqY5dFSal/\nj1QWD0JiHPPK5P6JPoQqOhd4qJrouKVuXEbF4Y/ZmhEQ6S6GEJ1GlVq4nAOY\nJcnTcCsmnZCc7QuaZRHKfI2efRZt60a3iVZgHCKk1jz6UPGbUldq/DTBFyr/\n2Nb7hdrnq7Kx0ePvIzP6FZIYs1Mt6rzFPaX1x70eP7eQ6Do/aVk5ye/M7ySm\nS5SrPfmxx3O6PBjmbJ6Lqon6nOUa9lDafgWO4EjDiKva0DvAIDAZ9yDe1t68\n8QWdyaP2p0Qc+pcGcII+Sk2H21XrNTxYBsbqKvReIRHAXtzrxY1pRYhB4SUO\nFnvbK5ZUVueOMl/T838sU4OJe3NjT4x+0Yh3DPdxW5Mzm9hqgnzw+R2Bq6gB\nkpnbLNTXFCxNta9mTuLnIDPmv5/iiAZnqLqam2wxu3oby+nEtFnFio05kN7/\ngF/Xi7toYDIc+SkFUPwUWHvriDTdhWhb17HQSVwbNyd9HYPtMcN3tL7RLgQK\nmZC+\r\n=78cP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2u4ICz+YHEkVWum9CoMQMABL2kX/dfVPnhbH8Tys7awIhAO5LtIIhg3us6dTZWrBt/Ly8vB9HhaRM8ZHxQRF1QZ09"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.186a6c20.0_1597263512507_0.031103428231107788"},"_hasShrinkwrap":false},"0.1.26-canary.ac5851ac.0":{"name":"@atk/mise-ui","version":"0.1.26-canary.ac5851ac.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac5851aca738623b36dc59bd5321d876b67879a5","_id":"@atk/mise-ui@0.1.26-canary.ac5851ac.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-eB/r/jJdUnF5PPzxRtLNZ1m3HSVMQH10wlm1xqV9iaEOVAtVKTobVgy0mZ42uXzKN41vQXHSWJ99h5xutG1S5w==","shasum":"8a226e6f508bb49f5f20f8760d417b2032a5dc66","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26-canary.ac5851ac.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNFAGCRA9TVsSAnZWagAA6JEQAISooVRsZJ4SlN2CKWBK\n1HF4N73fR21Dt3d57lX2dzCsCnFIX+zPcMoI42wJj3JbtbJ7TwVuaclgnOto\nZAAEEFPixLNt77Rm4HzM9Ir4dFxk7IY+9h9iJRzcIrAq6UahJywi6KyHoRIK\n2xDjHLezPZP3RaD7KAHIFrOJMD//kTFlY9M8748BmHMS66lefzMZsmnX7xm9\n1j2mVl0q3YtphU8yedrhi0zO3X9kZaqYfoFvSRIDgCebB0TX37IFLJuXTc+k\nsVljQNPH4FvWBAU1PTQczJaca2Qt9/iRteeEV7X7MPwd0fEm6C34ZvJ96KEE\nhTGlVpVM6Gi1uYPO2l5KL9Swd9l9EvaOvnbSDqP+PI2r6UpRKmHeRb9+yGaU\ntLVKvSiq0Hugn4y0ppPblO5EoPw5e1Y0gu3Z559trc3q6ZpglQyxaeed4UGd\n+dcQID9H2syWmoLSeyfPglrJPFaiE/HpVyNVf60b11SWunzppdlTbIt1Hnqa\nMdLldqgY2R8oXcbLDvawz1G26vhakNfs+hf6RNi49cb39v/X1bD1BaH51X8Q\nnw6kteylr50fQsIoH383CKoEX8CXbKWYV9ZZzY9bJd0qoOZEEob3StSRoT59\nvjyTAVvMTnaiyV6Mcmo6kjFkQQEoLQJdzbPwMUlR+VHzLBMBkAXZqQLuULmb\ndyhC\r\n=KP4S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBTw+cY6X1P41W7X+nzDDA+HPpnbkhuOVkbx3d1W7SBAAiBJrWRYgl63UDwqj1T1WFf7BToAJfDifB90yd37l04Fvw=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26-canary.ac5851ac.0_1597263877831_0.1250258200930896"},"_hasShrinkwrap":false},"0.1.26":{"name":"@atk/mise-ui","version":"0.1.26","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1202a2e8b900d2791367b2de91340edf58da6b1b","_id":"@atk/mise-ui@0.1.26","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-DkHIUYSOIoyomVlId27t4GpgJ9HJLnuTLFy3wY/2Re6Q8p7p0dXSvsuOUqoFdeRFSnoowonQ3y/eZ+gYTTAesA==","shasum":"ff827e51028f6c27956f5f49a9c1976f43ec9f0c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.26.tgz","fileCount":72,"unpackedSize":281602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNUigCRA9TVsSAnZWagAAslgP/isi4zTi4GVs8uA2W+NX\nA90VLu6lZ1C/pCYUHvveIJRTsoYqc50i8+lv0ngfKtUREoBwgR1DFaogmYRf\nQkhk9Pvi3DxtJS8GIyUK3NgXr3z4cxS/fRSB+78QBYZtgxjtkWFkm6WdcS4D\nFGAJ4pmLP0prq9lxVeCBGoPLNKprrU89PJNnNfhUZV+Ug4gh3HuMSA5iuFcp\nHQKq62l1lpJFBda1t/hlmWI4sjtsqoBVUoe0J9a24PNl1CB4Rrbe+nJKSxUf\nPcEIlE2QVqPTAltd6F5qBNjMsEic1cw0GenGoKpyzG/03gT9pmXBDDRX8t8g\nQFemq+hv7XHdxRbtyU+noaW5W/xrIVHdjNufVk7LYfp2H1U511mOE7Wf6V7W\nguEOx5wyOMokc4GeNc8fkhaU5KEWY8mAHQDALtKrWyElP24nMRyD6E2y9Ogx\nMncqMwGp/ZRAnx3NLw0CeCCbbA9avo+gHb5Xho3dJlfpsiPe4Ol0QQSFLesk\nBOD6ABOkwR0LQcIgMaQQZqMpZxkt9edZQlytandkr9Hg6f4Yjzb+RFwSctEE\n98CxM+Y8/OQEN4O7qNUGsT0ubvB0c6TgjlwSK+7l6EuHfRm2eALSGKo1jtFH\nSX6FEc79aLL8g7XWBXkZ5j8TG5ibV0VKGuqfXvEQkb8HqOT3uBRyIFkPd+x8\nMeMp\r\n=RqlV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzOlHtZkyCALX3ktwWcZTL65DSla01bZlzivlzH+ejawIhALGob5ewOvNf5ALxW8Uc6btcoRx7Ar1t7ktw040RXZ/S"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.26_1597327519948_0.40603192752687023"},"_hasShrinkwrap":false},"0.1.27-canary.40751239.0":{"name":"@atk/mise-ui","version":"0.1.27-canary.40751239.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4075123923fa4567419bdffc62e8eed1d1b10e93","_id":"@atk/mise-ui@0.1.27-canary.40751239.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-cgE6v/pHijtslOZi2RprcTu+TXn45Qbm2V5MgPrM7NUCu/7GVjQwCMjSDLKajTmY5xWCgkbtFfpjG3ClihJ81w==","shasum":"f2ebef4978598a104658ee1f3b3dcdc7190b565c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.27-canary.40751239.0.tgz","fileCount":72,"unpackedSize":281289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNWCgCRA9TVsSAnZWagAAznkP/3SG/3M3e7XDaBpSeBCC\npM8thtwVbyfhtROl9RNuGu7oqN9N8VOw4j/kR8IjRN0gBiizQPgCJJYyOVjE\ner4ctg9RD+aT7cG2rYOdodMuLMO8KBMAx3f/SQUj+utBxI12Fg+jUuCK5/4i\nbqyTSErVbRjfc4h9l7Qz6ruid/3mX+79wLp4GkY+yAs0x5rgRrS/awhmOVDs\ng/SK4RRCa8W0CbR+E5TNhj8UNGbVPNICEw74ChXY+P5IlFR4OTgrrGiFxp5q\nLGoqtNLazr/54bxXL+LiZmEtYkY8xZgDZxMzCS9sRONhQWdrKEKEvcaI2hnI\nxXiQXgf6CG7lW/TBJMdJiqLsUSEu5xEGgvUtmzJKX6d8PyG750SaYAoeG/I4\n0jQo6iXtwdFqcJEy/cxWG5KfQhJX+SNAl2F7JYUVcJ9hhTzOBB4tJpSWKbPB\ntpiGf8dTuu6MfPOCU45XQNuwmFw66voP6XVnrvUV6QMDUYRHtoaqCfPny8bl\nOFUAYsDYMZqXeDUxrslieqWEFSlPYLJJMXgeEbSz5tzEk7Z1Oe/KwehLyZtu\nFlPt2rll3lz7tYrj0XwU95AlTtvFH3teOR27gaZgT9aUjPIe/5jg48yFDHWj\nFega/NTBDcAQ6lhL3ppo47eeR43iIuG7ycyje3ri89YEcuOB1nHP5CeN4lIp\n96mu\r\n=6lYv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKOcPe1K72I/hPrwPQC79t1PXW4KSwxMjZYbiRVZLAMgIhAMhOGb7fs9D8Tk6tBH+bOfhCPM271/Ir7aSekHudSVFg"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.27-canary.40751239.0_1597333664431_0.38910882697984994"},"_hasShrinkwrap":false},"0.1.27":{"name":"@atk/mise-ui","version":"0.1.27","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-scripts":"3.3.1","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"78a30348081abad2f338bef2db22a1230e940032","_id":"@atk/mise-ui@0.1.27","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-edir4ZDIAitTv3poSFdrhb3q/bpP+7HyJBM0sG9vqayKeXJJwjT1pJf4+6ev3sDJcJBCFDYH0mw4HD5Ps6QG5w==","shasum":"9da97cfff99691439d5b7836109bf0724eabbd62","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.27.tgz","fileCount":72,"unpackedSize":281556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNW/6CRA9TVsSAnZWagAAf60P/3yNyoN6KAY5RzD3FPDy\nGwpArkumxosKwsNs4AnD+dko9KSG+iojEmXpfX9od3uwtvsjmLOMz2mN1gga\nGjVQyQDlX5Vfgpju2hbrC2Kd8Oku/MLmvHV4K7vouXIEvm7ZjEfmls9I0qqH\nHSQ0Z0G+uzJr45V/j5YijSh5Ny3UbqZ78PjAvx8Bc7Xj9fdsD0OWBZRb2gS6\nMrHfBhIVMrqYuNyRpVTBsLqNaIGBzvG2P6a4D8I+kx/ZTsXTal3bPSP5mB/M\nWjjPSj+zV2BMm0njwJDRLLi/dqtFxqmv60k4aG/maqOfTAIOqxbSo5qlgcid\n5PY2GoHzKl4Mx8SwpDwO6hMWDKdVz6ReNWi39H0Vpm+xZx+LjcboUeN63Ho8\nBCdvIMa4KFMft0JOeWG8TiiTL1Mr5uDtyossoMcMgmie7GTEAxwY77xKGVA1\nBXxQrqQvxHCP5kGjlhEkkwHJS5iw2Fba6/SxK57UkeiN7I+N9Idr0Hj8xR1g\nXYDd+Nyj7qIoZIYPbec6lo2gN3f3sErtqEOAVS8TDehSlRtzzUguMWjtMTzF\nK1zVb/z9Ib8SGawOUT7gunpf3v4rCBTz8GRdSYnFgSlUwOHFRJgu4eMwum3M\nLH2yvI+ZV8/Whpnlbl6F24rwwX6VQsCaHvy2uJq+HTuScotuKP80mpQOPBB1\nTj4l\r\n=b4JE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCG0KiGajh53dm7xg1wYV5VEZd5sSxwBSnOF2nXIs9LgwIgQmaHDATaf6I4w/Co5iK8w8ktq+TkoVA5zrcAm0Q2kmc="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.27_1597337594195_0.3917309200601191"},"_hasShrinkwrap":false},"0.1.28-canary.7b7ee1a8.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.7b7ee1a8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"24.9.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7b7ee1a8f895fc4a2fb313d9daea6f69d1b46a1a","_id":"@atk/mise-ui@0.1.28-canary.7b7ee1a8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1iHMcDH06GV/jCJ8jVon998j8Y5Npo1Oi+OS7Lzil02fQBx65h4UMqgWBy6gupHGXBL3o6fRCFCC7grbcAUQ5Q==","shasum":"1f09adaf3efc3a8a82eb3c9b608044a8e91e51cc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.7b7ee1a8.0.tgz","fileCount":144,"unpackedSize":869764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOpcHCRA9TVsSAnZWagAAqOoQAIySifh5vhawMf5+elhk\nEGwaDz/2o6JRNioOZJFg5FwosEQWtPObILmhxo9N8icYvSfeYMlpeJ1xq2sV\nrKqpKCCwuPjI4woAT/s6GW1c8ORGZiGVi67xaEApFRihyGcr9kk5WQRJ7pRH\nTGRO2cWYoAtpdGx5fuA7bnc9cwGgkWckpAmnDPpJyMrXWc+PP08tQOeEItPO\nufAgWWMcDPpFzUzHMs6YnaYgwaa8weLV8PJdIm0+zDEAp/9ZXLBCxNlhEzhs\n+qq7pmAkdGQEKPRC+HB7VjZN/BBDOmecmaM4nW0q/6wnkdwyiXUx6/Vr/4+y\neRUq9OGv88M/nMOHaAIasBL4qm0OWagE56FwKBXVygHxwxpyesaOxBgMz2/X\n2SdBUxyFpbAnY1Y/Fitr2BARTctGNI3vlXu1bbsbYiqds6i0Tp65uKJ1+8+I\n1LNraGWSjAg+kaVFhn13HV3Qv8xfByTdKQMCTOFZkKfS+i0uv8dklwfW+07Y\n1KzSR+1EjnLNqshNro+8ZsXIUCZa/QHL6wqO4FeWsJVz9hptZaTy0IALPxpJ\njgXsDu/loOxz0bMagD3S+Wl8SeNIzNnxMzl57F0rIEK3k8flUhRNTtYZYx7g\nNwvIxeFDpA/EY45T9HekboJTcmFEwpcQ5u4PGMRMe1JyxNxBQZSOwnhLKklt\nhJRK\r\n=ZlUe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/WM1iO5DWpNMOqBjLdPaVIH//y/YyQwTR75hHT2HsWQIgelrHdkXxKt07BClsgNuqW5zUPzvFcKB8ebQzCpnioE4="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.7b7ee1a8.0_1597675271050_0.25597103616359784"},"_hasShrinkwrap":false},"0.1.28-canary.c35c4135.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.c35c4135.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c35c41352f327d413a5f060329bbc103ea0eaff2","_id":"@atk/mise-ui@0.1.28-canary.c35c4135.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sJY7QQ5V6nC97dDCQMftTdCaUtSuWT812u43KYF3GgSIz4c18mkpA4Ekk9sjpgPeJ+pyDXnYeyDAcW6EP4uA3A==","shasum":"cc5f8ea93584ecc63639164f3fddd6936c332923","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.c35c4135.0.tgz","fileCount":158,"unpackedSize":974360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRRBBCRA9TVsSAnZWagAAVmYP/RlTIJWdsF2GSeZE2EVB\n3AyB3ewCOC5ICj+GLadjXUxKs/gBpbKq7nQ2Tr0IUxwbl65mroBwBsCEQ/wm\noG9zuhlJbYVdD1tNlp1CIaW/1xFiaO7pThZS7Adsqr4DtB752fb/oirMtfh7\n4wL4AXsUjiGEzyLUigvH/wWXywdahOCRSA9Wew3S3cct7Bwk/kT+77Fc0EeZ\nV1qngq2TUwVA+K/Lf1gxF4Ri4pAScvp8dszD4eqCl3pmrSzwQhjF+owVExkQ\nHixgmuzPmwqG/KjDHo6p0BUsXPYSof4Ks4QP0YMyCC/gJBQn8FZjjTtJlfIB\n6FUA86Hpb61Zc7EUXnb2G8pdLJUgaAvDbXBX3LnxLJ3CSRWfMRa4qQpiJzw+\nsirDOtvla/Cy+hXY1xhe+WXggd90/VWtPo5XyV2j1OVhcoQM2DojG8bY5BM6\nDIj6+05kC9+4CVE0xIEbpjzvVutD1Fx9XtMA/zgrzDhZJW+Y1IvrntgnAWJx\nLUu0w6NbvIiuL+Iy6YjvO1U3B6lWTacpB/Boy7phy8zcjwvJpKY3AzEszqJA\ng5B3YNVtRvj8jhEyt34/uKfw3mHwQnkg0wVviQZla1wb631jMN00+9nppyJ8\n7oKNlfRtrJM7VnDWEJvtBdZhbV1PyNGThSd/PUtQz0HW6tqERNLGpx5RoMAO\nTt0j\r\n=c87e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdfX4YqePTKAD1uwLGWsedV9TCJXyPT9NXvcS9t0d43AIhALIxTKoVyk+tmPwSinYjuneBRJYxx91Dm+s/ivkbTkBq"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.c35c4135.0_1598361664853_0.22056900986677364"},"_hasShrinkwrap":false},"0.1.28-canary.9a8351a7.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.9a8351a7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9a8351a773b268086ce9a99ac01117101bee07f1","_id":"@atk/mise-ui@0.1.28-canary.9a8351a7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-rgQzua8IIQANzuc+9BTAQ2okkPBkLkM+HUuTin8W6N+/BzC6ERoUHsoD+LDU5Tax5DNC5tUz8pAyfnHlVFFFtw==","shasum":"80637e101c8a2057dca902eda001a9095e4c5e52","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.9a8351a7.0.tgz","fileCount":158,"unpackedSize":984512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR8gDCRA9TVsSAnZWagAAE4EQAJJpZR/7EYvkhNOMfeZ+\nwDEiujxpzt1ArkuQY2PgmZtEJVOwxAklJK2NGwqV1KnUrTnn9mbYdEj1DRTl\nUX1N0UvLemwI581S1ot61RNV3iXldw4WYrDUsbDntcLPRCBMEMzrZf1CjzeV\nZoJ8eNO2HU7nnjoD31cLYhDRVKs3t6668TOpRNMdRrpW0G0wYjpOTFUi9Tr5\ndmIiyuMdz6Pq1bS4cfl3sQE38CeSqgDGpIOExKj8EBKLvknokCjcHJah/Zp5\nUEr1yMHQQohXkSE/g3I/X4vaN+XVyuz7kvcMrYIVt66HxR96j8sDp8llXQik\nezpVnKPWcq2XhUECs2KolHL7xVCoXIHEHoJabIgI05XnYrysxdZ3rTc92SF6\n72B/dN/InxXf+Rz83otMhbEZYmIiTI5FdwC+0//Tw6ghVzOmStUbQ44DXtIJ\nbPqIUzkDRd9fKOpuZSMjKrhQ/b1tuFBgqLQIbw8wS68Zt3DdK06PJ08ObqOU\nqoy4fJU3xvTtDoq5HziIUTWro8+KdDUHAyliwraFRCgIRWrweL40QjzXdmpZ\noAPSFGN1R/C3L0ncFM9NsUo0mzKNMZWrrEGQSs/0yFzJFRE1McpVhvIdg8bJ\ni5r8bZrJXJkZhDvXyoDStNymk+SSQRgcYKd3N4RkRrjRrXBwqapbYQQIS/rr\nA/n3\r\n=l81c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD43m8Ta4qfUnwGETYzAOFTQpr+lK+yk4oFuaPcEfLw+QIgWga+eZe9B3poJhTkWhh4zcXXFjaixzDv/My62NAD1Gg="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.9a8351a7.0_1598539778519_0.4774240293407559"},"_hasShrinkwrap":false},"0.1.28-canary.d44fe0c3.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.d44fe0c3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d44fe0c3ae4794ce8566a31e94126ab1556e371b","_id":"@atk/mise-ui@0.1.28-canary.d44fe0c3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Q1MmXruOKnm7juiyaBHZFgFxuABcoYXM9m/Skwb6hdVgy+Vidlk4j5vO1Os7WistgjjwJSy/PA57CAfwREyUcg==","shasum":"105a358f40215a06cc8256deec10df04f10438f8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.d44fe0c3.0.tgz","fileCount":158,"unpackedSize":988761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSTCqCRA9TVsSAnZWagAAIy8P/15uc+CZbBrm4fDRotBM\nLZW9sTWCZUwtdQyad5Nyj7ZH1sHO1HOvTh6vb/5sCZFdez75jJR+CzJeBqO1\nMlN1U64wzbt609xvnUOwXm/xfTIFQqwqnneLSvP/8huAqUz2xv6jjlNwftQF\nlYV8gnHXHLF5Mk7VNWFoBwgsar70OODo11OiCnTtxW/0XxraWo5OuLpjAKQQ\n/zcxI6Auz5DuzOU9K8Ve2KcCy9iOfHKKka4FNjaNyVftwqZnHZAcLJ6aKxQW\nKh4xYk3SA6GUqi3Qt38hioiJMTVroDxhOV7je1x7zHDxHqiker2tfxiY0OGJ\nDQHhJ30RJqFZx6nrtT7gnvhPYb17CdDXoswCtdXw1mz+adrDIUmu0rH2CddQ\nxcXPRr1YA4bcdG/anMB8adfioOhx2NxpHAzdGgj9V+gAS1rL5QrOx6WBRrzb\nWeC3m0WyCPLhT4KEzsbCZV2b102tEgmvcEE20B0IUaONGvHkngjKPlQjnwQU\nj8L+Rwz8rkaB74cQymGWUCGUT14x2eRZNZSH0YPll4Z4wWsrBTM2whZnaCOD\nWEVZEVaqzORl94/gdVSkMX/4FCb4gOfOtwTrb96naausDDnnw2Q1eXdXkROD\nOEevnMg7/bwjf2IguD6WSktxlfgftts4bwlII+hrpzRBA9VWntRrsw/nJSfK\nOZOw\r\n=zp6e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAGEbB12PJm5w7BGbVxivZy6VvSmzQ20cncKCcCgx4iFAiA7dEJyQUO6Mr7uIacboPTOq9iVtb3DtNdiAYvGRGgvXQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.d44fe0c3.0_1598632106033_0.5499091685268178"},"_hasShrinkwrap":false},"0.1.28-canary.0f887c95.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.0f887c95.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0f887c958b10b4b4d92e710868ea90dd652a92e9","_id":"@atk/mise-ui@0.1.28-canary.0f887c95.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7B+W6ZS5JWdFvbCtidZqKSHmVCqzoTyxfHHLLfotpIUiqj0jmQzCISlJh9dWccC4cXoK8XOXBHFf4sG/QletcA==","shasum":"aa16d2c0cfc5df378ce14fc1d92639c1d1da45bd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.0f887c95.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTQJuCRA9TVsSAnZWagAAW2oP+QFPFBlK3AHH11EjkOcQ\nbco9W2Gukm2S1mau+BXSlWGg2F6CPwbX179gDijXT0dekh31E1ATNTftbGLI\nplta9IUzthiXegCyXt7U4eAfVwn0j4lpSrsVaFAt1IBshDpzD+meszGLzqIk\nLthwdGGhYFuud0R16WqVdJzqVdr0j/lywBI31eY9zIMdibshYosiBeemxuIg\nlDmlJ+ad9Iwk6rEOb44Nea7lyRfrv8Pflr5Tpwp1DHC6ZjY9SydsozhzmX0S\niP/LTzM2QpG+tZgRwEirOTrnld29iNADxu8VsL3a/p8DezyzY1rk6JsRcF/d\ntCssKysjWCIhjNfOK9D9zKxnGvBUUWLaH94MKkCXbu9SNktKjXNaX4t+2Ltk\nXsb6IEc4A6mgRnXUHTBpbvMy2bW2ImqTO9W8P/zEvfogHInvryL30GHwghZF\nJjFWKFLl4eFVrOyVqeUpjPOz7WCeskybzYn17QFBy/0VbGG3EHRZUw9eARTh\nR+KeS/S0fLqPrYdhEzTkcRe5Q3wnBu/qB/HfP/l2qyy33DYYSt4JDPu3fnGS\nwpE/cQ6xVMQPZOXQYR3C3peaE6TjagcGZdf7ibnAfvjrogSFMJPsCtC4u0u1\nNFiSi04S3DkO9UWtjM1rqzPiU2cvNIDccICDE2tktALgny1u9j11HWwR1FbU\nS8Dk\r\n=LaOB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk1A3X391JDVKNcrx2a027A/Z2dLv7pBVUM0vdrh75xAIhAMi+MOesM/bvKvomaUxCJJ93zd751VnRT8U835L7Dze4"}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.0f887c95.0_1598882413309_0.6725951978418547"},"_hasShrinkwrap":false},"0.1.28-canary.7d3df2e4.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.7d3df2e4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7d3df2e4a8ee3d96ab0b4572a9fef80594b78f21","_id":"@atk/mise-ui@0.1.28-canary.7d3df2e4.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7M3O3/DrljohGN+uGDruAavaGgcRjGQq3KT2lfW3dJb1o6e43L1sdwSubjTqwpg/C97sPmGdfbBguaVhsUoEdg==","shasum":"137631a329184a1742a6629181b4d5c8cebc4b43","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.7d3df2e4.0.tgz","fileCount":161,"unpackedSize":1001530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTVaTCRA9TVsSAnZWagAAegkP/AuB+DvikF3w5Ge8UQ+D\nQR/0NzUNg6aU5KODZUfKcX/VuJzhtjaZ2A0ImPbEYG3hHS7DGXkLBW2C4dLm\nQPqkQvITMY79KLV+g4R9UG3KIq5Q9AdAcTRBXyLOmLx5yqlRwalN866VAQnq\nCci48rVvWU/rQKANUHruvY/F029+yuss4h/rlTisShgThWaAgxuNBcD1azLI\nGAbqRuUK2eUsAg4XCByo41iCSQEbj8UCwl/DVCB9Yhij2rEYkGKZZrnAwVqQ\nIWczfO+3ISwVkrSndJmSLKCE8cjzGJOCuQUcXZjXhqHfz1F9agWUrXCB8M0W\nXOP60ZBoAumPS2SxDv7YfboW0z4paJfWiO4k9XxVRpDYB9AD8YmCMoQabB3V\nXWwkqPynGIW8z+vvEl5F+IcbMqPMQvr5f9dnH+1QhkqrH2wuq9J+Xmg4rCXV\nFKNYuHO4P6JH2Vzf3O16ZXV0faqMJhHKplX4k8UoPxcX3gO++LWUWNNL/pvu\n10dx6qXyYXEwwV8BWYKGL1OwqRpS8Rp/XhBPPH0JymzEleqbZB6Gyqad+KIP\nB3pOq/lwdB1CKxI5S3V1y0i3wuonFHmvMlF2u9C5aJGAP+3LLNEpUAzRAgSB\n2e0qcNbjTmZ2GJmOEHb9JSWlz05k9/lcDnsFtw5EOsoCuAoApUH8DtUK8Ocx\nbfac\r\n=RiNb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG1qndq598s3x3+PUMntytbMPc+fUfuG2GclafmVfzWmAiAElR3HZ5xsWo69hY6MtwhKXMpN3sDbOQ1GVj4DWwNReQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.7d3df2e4.0_1598903954566_0.469195623561224"},"_hasShrinkwrap":false},"0.1.28-canary.8b831bbd.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8b831bbd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b831bbd5a25ac37207752aa4acd8393cf4e8433","_id":"@atk/mise-ui@0.1.28-canary.8b831bbd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-13MyWxW0GHhuXEwJWWVUfqMYxT4X4qX/q6tk5N5lIHLnPDZCxTCg+zzoESPVixJxOYiSi6Tbyb7Sh/vofxF43g==","shasum":"7a34fe4a7b76c92662a9cc8beb50a07d83a0a937","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8b831bbd.0.tgz","fileCount":166,"unpackedSize":1062857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfT791CRA9TVsSAnZWagAAjzgQAJsdVp/e7qpeihl7bEqo\nsM4s7NoS6kDs85MM7xyC2JKDmFT+bAf5J7+mkeMhh4UWK7UVGfLP65B5+qJh\ndNe4/EbREqV4vM8TNlYaHV1j87Jh0SFEGN9KqY7Zi9cj1ZdXJUWdMQjWz37Q\njz8w37f6yXbnoRtxwoFfveCrQ39oS1isF8QzjysTpQLKdK+2uN4YAwYTBhUU\nlE/Qo9oudWFdp6/Q7ryHkfHV7E+Vco0mkocuJZc9pYr/HoUq3+4O3kk0Hi+B\nqua2pNtY7MK7/ZgMh3ZGSebsGIydwLFuDJYUuBRpRa+BfRWU2zHV0+Sq8ICY\nQ0YuKHT++HXQOSxX0fs18usRsBHC8nWSrNHw/itxdAfOd/Q7PwmQ72tOexwz\nmslMhRi4b6l/Dvy6daL13jCEvpCsuXY6GqGooG2qifGnYB3ItyE+RoQOjLeh\nvlLXX+LZsnaipJAHfiy4mAmZyNGN3w/oqk/zKF2vUwim9CaxYGt3/DUP5bOe\nmVa0V/WACZEUlnp/f63mciuS+LzPDaNiZVKuswFy7/BbB/jL9wWsCXGr71eL\nF1nN09qODn7+AgvGowURnYgxfolxI0oQpdvsWZS1rrUyNnLOb6i/tviodCxa\n6eVuekAzX6l+tTXh/Gd/c/ZBGGlgs0bTrs5CiuvNl3Wnv11DC/iTBQpgjT91\n98PU\r\n=huiH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXRd6c2WEGFe4gLYKoGxM/cpJjIQDmqnFPR90aG3I/zAIgKqHrfLZ5wHYbLuo15uU3oBnoaPD1l1GVfpnl69gN46Q="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8b831bbd.0_1599061876616_0.3556249364274664"},"_hasShrinkwrap":false},"0.1.28-canary.0602ad86.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.0602ad86.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0602ad86f07210f0a674f4dbdb5d3b855b3a2f94","_id":"@atk/mise-ui@0.1.28-canary.0602ad86.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-w8qS4ofeE+UyvNx4EEzEuy1HYJqCgTySXMsNsdEZA0aFnHyiOFVRLuoP4D9kt1GvmG9Xp6vu05L3AYC6KgcyZQ==","shasum":"fe9b2398c08191adaa15409a6ca3d25f079a0f63","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.0602ad86.0.tgz","fileCount":169,"unpackedSize":1107356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUk4ECRA9TVsSAnZWagAApTIP/1mdrhERTrryb0prtDRD\ncy63whSl7+fg81vmK8oIFPmTdjctX4ZntpvHhToXmTyCsJ4npU6DKYMTNpHK\nzf2CTKEhEEuXQ5uqPzw5G1JLvbPevz1K3vCcKYEcSixRsuK2DHVl+X0NmJ/1\nVAIyyZ8lDfdsj7rn4yqoLuO8PF5Oipn4g0Ofainz/YGZAd/8RMaMrnDO4nRP\n0x7Lo1yLG2kL0ffDSFXI6nfMKInEfnmy8l4vjMWO+axozxuttjOu07Y9lwRQ\nOwYdRGczI1UZw3ZX7pfZb4HKxTn3wqSaJqMiqhKMJtlpJHlLbZ+iLcO2Ye4C\nL3eo2iuX8ba0OeMJBbpXxq2SmaOf3dS/cvSlBPgAI1NlNkyUvKTTw/NtbvNT\nIH++l86JV5NGvYgAheLuqLy/HIXGcpOHCZu1xhmS72HJEHRt6EH9wlag/fgo\nkdJpyHq2IGCyvQKIbzyZdb1JbMtbIWAqebpgBiDd3U9pwB4xVr/dRa8JgD6w\ny9MMDtcDB1lVjQK3XqAv8iBCF6mmNCkgven0HDBlImH0wODD88uvmzdH0wTb\nybIpC6PxsfrMT6FMHYxA+Sr+F3vaOn/0P+6YwjcdjhHnKT9ppf6payQMFpTZ\nF25E6FWPFeAtsEmMzdu8fngJWVLAdolip34ceAiV3ieBxYFkch4AbelkB/A5\ngRdB\r\n=Y+0f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBg0QywCPGa4nQl86R8OnoJ2q5i6i8n491Nf0RtayQTkAiA3iGmYdkMPDjy3RuRpvcq6bV0OrUviYYGwueMM2TGGOQ=="}]},"maintainers":[{"name":"atk","email":"domain.management@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.0602ad86.0_1599229443408_0.6304381967514225"},"_hasShrinkwrap":false},"0.1.28-canary.36d37626.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.36d37626.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"36d37626e4eed924876da871f68a826b21524a53","_id":"@atk/mise-ui@0.1.28-canary.36d37626.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IO8LyBR+rf40qj5JYX3bCj2l0msFFZgdZYg2zuZ68BiiB6AvdVNYbxUCwu0f9U13p5r1fG6kmZUxDyPRn2z0pA==","shasum":"c0477ec262cb99e1a9ffa013ddf29d8593dbbd6f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.36d37626.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWN9gCRA9TVsSAnZWagAATAsP/0/10AY747uaAdQdPsvm\nbfjFRIROIpS22RnkWUbLnyEHEw4/a3rrssi+KDExt2EM7FD9jG8E84uEkwY+\na70Okn4UvEdr0BYYzmYsh0gHgSJZGC4Gdg2hMhCIfYUFy3Zrni3uwGtMLBi8\nT0KxsHwP9cW8ViHVjsAmVECRs/Ws8ZPsS5ztcbC7EFrU9vjn0YiyGSXxjGYl\nGx5SA96FxoG6LtolZmFKkzWqrp39KkKT4MvjOwgHqVbfjotUj/wbPNUknuKw\n1qLzjFEiSRDqf+hBkzuUFwj1+pTFcIgL923tpa2Tl+ZVJOU8d5MOwwakysjs\nXzuN22DV1LIUsudBTXLCSk6/i+UPCS/s8dlBXLwigE4RvSby2KPnj2ppfGTq\niqddhfCDNgotxaCeKyviydLs7flEQ6jJd6UuRlt/i6l6BlE1YE+v2gxDsqYC\n78pOWokQkOoIH6tS+yqDf31gFKvGbc7ox4xF97gqoSNqVvUEYO4UnlfTcX3O\nHXc7PVM/pvkY4+SEZffClDJiMNvFDES38vyGpx6s1W5W/g2MKurOdPBtexVl\noGrp2aCo5cBAEu0mD1FjeU8C729dx3PTS2dW2ptDv/IDiYSnyFBXIIvMc938\niZrWfd9XlWX+UvKDwasHvP/IM7wyIPHw6JgNz8pJvCyJClISrLUxpMAVdvHy\nZ21b\r\n=n2+F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQ5ttRF9/uTlAA/HraLedRSAJw+62UnsUytRvshyevGQIhAOYa8FObiFbLkwMEYkcjRFbc8JakY/cu8v3Ac7XSUdDD"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.36d37626.0_1599659872345_0.8299417103896078"},"_hasShrinkwrap":false},"0.1.28-canary.bb629a6c.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.bb629a6c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bb629a6c806bc524a8cc17d0bd88c880f56bd3a9","_id":"@atk/mise-ui@0.1.28-canary.bb629a6c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6/M1mQFvjcGcSZl8ldsSfpl65xTX8KhGBA3D6jvhOj+g4SYAUU5qZX0vqEp37bNP6ACb8PISumvSx64VEOseWQ==","shasum":"8a1f33dedeaa10b439e715074b8905daaffd428b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.bb629a6c.0.tgz","fileCount":173,"unpackedSize":1291413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWSkfCRA9TVsSAnZWagAAiSIP/39Djife14AmTpWTimVF\n/dmHXdR2L3RtwKWBoITiqytYCNs4Q/9lhiVG+8OMs9JAPicvA3qDujHE6NR5\nx77x4A0xe4pTeOpt6V5AtsHKQyB/wozQtjVUkdOCiFN053UVeUWIRZSMJ9Zb\nz9Jj+G5go71RVa5cxP+GzExPM6C7w1NNIw3jYyh/PbSAX6eVXYxSwdbwBFmx\nbgzjMpSNmFYrqCiJt6vHbHmCUZaaz9Y37rKK9UBO6nE4sqRxAEar6/JCTlkP\nRQHin8ntdjjUPjblBA5ECHZT8aLrY2VsLRvP4k1F+leJnA8nNbGAjcLh5pU1\nzodmFP9Fwd8yUjuPSR/FTs8TfkdpOlhzHusckAgb8Ew8OZyUiqhkAgbGHJei\neT+LUi6HRSHKuW6ls26K34RRqr6LsSROVm0LavHGAHjWakcJILvl1He9Nksf\naIL/bAq7mgxG38lHo3b6OMwR7Ec3yoCOPWPNMRbSuxn6z8EUOf05t7XYYWWi\nbnlFooNZUbr0wbESuwNBFmVA6h2PFd/9xxmtK987OCkNXSqotp5eHDu9IFQd\nrXinXJD4nQENNy5Vlbh6NkpDDwHA8PYW7TtbSk+FpgoqhjYf62BtJrve9+3Q\nwVD6tICuWMztOaWcLCXMVAxfUQZHrQpF9/7wqxvVZziCDk6w4WS/A4keO0Nl\nk196\r\n=Xb3R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgCZ9kljK36ruy9YjKtp23LGQr9apDjqPPD8ZExRxEOgIhAKNwSscDNYbcXWCRr4t50xKWnR/I2zEqbI2UNzw4Qfb2"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.bb629a6c.0_1599678751446_0.6713641811547182"},"_hasShrinkwrap":false},"0.1.28-canary.afb9ae82.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.afb9ae82.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"afb9ae8209dfc8c643e0d30a634cc81620a7f3f3","_id":"@atk/mise-ui@0.1.28-canary.afb9ae82.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-eXIfBg4rZyXqCdCItfBOCBdX6/kTzvFR4T+6eG8rUUoYn10Kp62J3EbaG1RZj5Cbgr9buzNvrMKegYtsK9ilbQ==","shasum":"05ca9c324cc4765c7e11a8356bdc7011a64e77f8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.afb9ae82.0.tgz","fileCount":174,"unpackedSize":1300661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYOCDCRA9TVsSAnZWagAAMLwQAI/z2muFBP5WV412ptdq\n7TzUFVDCd/tjvBejD3o4GQk9QBBVmp3HplAxGBYgLYM2lPCFTBlRosTxhUP4\nwvrKl++NdlhfqXMIpEa/dU2yJJ8FnqvwfjP11bScq6I9ga8NayTHHkSOendp\n9q/qS/JljikPOelT5fUUMfIdEBwJBwt560OGtVWbmydhvSOisQdGBwKCBha7\nbGs5LQxP7EJRNSbx4fYt3jimkohJ3O0TpKJLz8vnKoXRfRKcJOKa8DamR3HK\nRvbWXSlx+rjZnRtI6VfTiYFODyfu3JwmQZqxo/0HV+thhF9SNeDBCal8zXxT\nQEIRUpZHjBsdMbnS9pqv0vE0XaZDZ8J9I0/xOLJE5BsEJMCJp0rfbvKsW8ml\n8xIHupNCdwU7wUUe63nhC93l5n5caEJFbwDWbTpIyFXGUODX6/Urmtd8hF10\nCCy3+8RCz6C+6jcRhm7DLpgxrd3ZcPXSohsj5Pxzls1AtmZwwvkHCnVZ6pdl\nWRngqyRl0eMwVaiHS6062fICcmDFc0DKk3I81S/sbDjwWA3+gpuSU+COfzvM\njav7PRzAWyf/i8K0BS1u0vVIzkLDx+cPCvo0sjXikEBKE/zVl3uA/DF5BhcP\nmRpfxvyyvgWHO8elxFt1qpDsp1sMX9gufna9+yjHUPmPGcBk9ZZayPoI1PoS\nMEVi\r\n=jkXY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAeei8Co4xa9AV/FMNwr9OD1t2jMPNV2o/cGRg9FDCAAIhAOOQXbWYHm6eOK4x+y8bErfYeKfccKgJWzsob4Vvf1Lv"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.afb9ae82.0_1600184449873_0.8774071024857961"},"_hasShrinkwrap":false},"0.1.28-canary.8eca971e.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8eca971e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8eca971e25b2396f63e06b76f5ab8685c22238c4","_id":"@atk/mise-ui@0.1.28-canary.8eca971e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-m2ZyNi9ki1GOasHQfDFZWQjMxqAYFerq6/hfSsOnElPhLDjTQixGXeYO2JHvN5symzVHPxh+Kgxb/f1d2+Cq6g==","shasum":"bd0a3b2e6889e8042ff6d0169da443d6272dfa82","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8eca971e.0.tgz","fileCount":159,"unpackedSize":839847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYRIECRA9TVsSAnZWagAAqxYQAKExajVV4kVMQWTLRRD+\nXcQ1LNQXZXFJWEKFwLVYM3DfW3lYsG8Hc7vLwG053vJ9NHUpmzy95BevaWXx\n5bqew84vQq3r//9HBjFtswANWFdXaGsB4LQK2bhzh9k9Qu7MxD4KMh3eoflA\nd0CqfMGak9bbxefRfa1HGbbe4daGJH48JRAmDNYZdFa3uWuhp1i5+J0klRpl\nmMQ3lWRD7dMJjphABnOwlUcmgq3akESzC54YPtJKqG+nUmkCmh7ZjOb0041h\nXowRSw7iGPB+AbG/W6wLE5/jLm5iLP0XLla9SrgXIqYmc5cZ36a5fJaVMV2e\nV9KossJaItk8t4jp/xfiMYGc8QjzzVDm+MAnAevhiWfdxNV25e3NsBTbtlm+\ntrtwAZNYC9YkFKqcxDUwknghUWP1NldIVm8tFySDNhhHmyleafwUikK9nreI\nDAMT9lkRDnyjJzwg7admPw8ZGd7rJ2sev77yDJ4v8actb41wMcIecn6FdTvr\nMQhwGWiEj4jUBAYpBGL2SWbm7AX2Y5aCaubJ40lwKD2LJrytzdsNDKo4NGyF\nDt6zgUilB3/qKw9RFpxoCtRz1DdyZPcDzg1W7KUzh6ETFJ+ptuxUwVebID+7\n7La6T4R/kyqeFTaovIhGM+8pL66J4Rm+Oja32BnWXCFuIIbOGgnYKHc7u/Aw\nU4Cp\r\n=U37x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH02EP6WauX+rzYeg4O9qW5315P6qOlOWuBqCYcrkGaCAiEAjtlRxBHJqvBlsWcjSlN+OQPoQNkJQx6YO3Q24P4HH1o="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8eca971e.0_1600197123962_0.8867782376468949"},"_hasShrinkwrap":false},"0.1.28-canary.ba27f589.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.ba27f589.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ba27f589048c043908bbc6cab8236632c3b128fc","_id":"@atk/mise-ui@0.1.28-canary.ba27f589.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UtQjf7t1PwQP1UQOyT3r0OL0loiXlxcQ7bOimoAXrzgDKUHKgAuahrT9NPiq+Jfy/wwGVS943mrX2qy9p1pl9Q==","shasum":"4d43675ad462d08a69ca2af17afbaa0a169eff0c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.ba27f589.0.tgz","fileCount":174,"unpackedSize":1300774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYmSrCRA9TVsSAnZWagAAFuQP/1haWYJ713h0eXYZnKTx\nUSAPXon3FibKlsDWqvV1ukY5w3afKbKCN979NYMbCRHUMwtPpVOj9oksGawk\nkbycTH+J3e6rGj0jJTrXcCtfyNrdGd6WS2I9KQafNJvr6kijKn+EfJ9X0Iyl\niRTQXdltXZoQXfVXroF2+oIRXT8z4lM0dJzCjNxMDZO1eRHojczm9l1JEfIx\nJrMXdpyAfSLQMXwoRqa5D/S4XjpjJTqBd61ZxB8CxSUJoHDrz10G8GicDYEx\nlzjlX/QBBtSzj0eG9m5ID1BZPQqhdNGjy0hx0eRYpnokIzkxv1MCAm0eIibt\n5f/Eo9uwKegfyWMcSU1OavnwPWDOXDNfW125VCsV1ctaQYNcm/1vRDil3aTU\nIh+/R0kknA8S191cVnu55XGYV9uc1izhWGSeFFaRyNojqCTSQg/XAWmLKCnD\nHLre6zcD047UQq6I2p7cnMm1Z642f3kgXxNXbUWBjMFrt+JRCz9nTPvVXoDY\nkMwMRi9duG54dwGpKO9E1BZmEBbLeuYXUaecyVE2H0uNx0IsSIuozY0ivTlW\nJVRLMfFDXZRelct7XOh04AHVqbBnfq+XHqPwJG+w/Lp5RrB6k7UYw6xolH9k\n6IxIgOkahe92JjfxcgpIpP9pRXyGWUJ6kyDWldaH4rwlAJwgoJiGF6DmT/+C\njFf7\r\n=MNsy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE9Q/25YAmPX3xVvieUQRv95QVofIAOV8Ihsj4Otix/9AiBoknPAPhk7kfbbkvSULOIkrehLTwFntmhCl3dWoXrz9w=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.ba27f589.0_1600283819449_0.3869796808797261"},"_hasShrinkwrap":false},"0.1.28-canary.bce47994.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.bce47994.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bce47994ed9b8ad05a006a68b9a443daaf083ec2","_id":"@atk/mise-ui@0.1.28-canary.bce47994.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-pRF2+KSx2Ax4cOHHuUAkf3Cgc4OQl+f9cmHjQ5JqAvSququTu+PRIpTGD2g1rMonofV9/upoPZwQVzfQ7GhAgg==","shasum":"8a5a75a31ff8ce3bcec73824b3e2f513f20f0fb4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.bce47994.0.tgz","fileCount":187,"unpackedSize":1241288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY19DCRA9TVsSAnZWagAASIAP/i75LQZsIs4h/NrU/DxI\nGTBqLGuv0YjWhcfbTNcitpYoLfeIRBbCOMRwRLNbKHr2yTurpXh+wD2Y/Huu\nqqhIc0fb+9LN9dthe7XRzy7J8iRHKjUzp8FOi6csPGDIAlqSCMukhlp7NLW5\nLFYf8hKiuM70prjlEgVmMDmx1sWCkpFbyaEJU1l0fU7s3Usm1CeKgVRbyirg\nglwXwhIujpLudmB4+DuxGXtv6rCL0npZ7TVjali/h98E9bz35/liVg0lRSo1\nRe0+7UUeEXXjyZT13c+yunN6A38foilctQhTt98VtHVIYQ+eC4huuyWhXqQw\nI+4CJHID++s1Aeem3vS+NHwbIWNvo9Db18fFlIZTf8mn1vkRRwen4+0nDopb\n0DVHndsEqzOrPv41kX0yQ+0O+Z0rPPEJvUxq3VRPBzVG5AL+pb6NZgWdkNxk\nTUlCRup9O1qmZv/rJEwV1h1Y6i+8fKQN/E7OlMqg6qLqXjtl8gNuHZUXPOsO\nPConxsQHs2Le0M6C7uyRlRWdjYFCMXvQtWcSuan52aYSJ3BBItt1jsAqnqGi\nQzvRhXiGC8jlPYN4A0a+ch4hE0771XlF0mHZkgBQjqlSqPabNtgoy4m1HmR4\nSPywS8X1zmag0+2Dg9/s3H4H6tztemFB7wNjEZjYbHDHfGwM1K1xS+kqMdr2\nsNFG\r\n=6GD0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEe/HWLA2msJzWu3vWospG08LQ34i1xwwGR8Nqg2Y5KgIhAKgAoagp+Zfm9Km70CCPfH/dwSlvxjo4fQ6Zc2ATcsws"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.bce47994.0_1600347970563_0.4061574442948228"},"_hasShrinkwrap":false},"0.1.28-canary.8681c792.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8681c792.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8681c79278fd4560be2dd1de6f5a498e1dd5adfc","_id":"@atk/mise-ui@0.1.28-canary.8681c792.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HWRZv7F0dqhDxtvLYUT7GhmqcjnEqc8taksUYSQJdQckeyCE6ITIoZcPBkD8pVN7Q+JYthJ751s/4pR4PmajEw==","shasum":"01f7afac53cdc5fc14cc6e838454dfe5879a68cf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8681c792.0.tgz","fileCount":187,"unpackedSize":1241288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY2YBCRA9TVsSAnZWagAAeXMP/iF3M3hs3P5kCyifV9Ux\nq6PvskgoY9Al+bjRb4JL30VqVzkQ2hChjkhLQzDqEKvgapwJzT+TKJXPJZR5\ndQgt66VakfEC1oHT0M13iLcsuerWIP4NZrr2QcTiXwckyMCfDmTNyUI4L6xp\ntWNbYBqpN0AmS9UV/Q4rPX/ZNoHKm/pgJhX9v+u7eAJDZykZxA5dO871u5Xl\nF2PdY0JijS3IYR7hvHWpqUyI1omjPJdqOpudpE/gVg5+lyZ50EQLzW2uH+eE\nkz50ZA03kzif4QHAS8pdH2aqdYzfV+vaqRQ9krTHQy5emhqmr2DcY+BOTVN3\nP3M17c8obrrvKWvirbKLSnw+oynKeMu/Sz3ODf11k2JhZ7QvOjkdQ5soh7Bt\n2uD/5oRGpEmzBuCkVoOcKbq81HttfJ3/Z7tv5D8CPeunZiFEtPAA9xDqfVcb\nmB+DYKMISwzcpmwreekoQRCoakqfSaykRpYnGfAFdQ9B5MtBCyxdGcyK1LDe\n4gwTw26uFjOhQzV6qX4kU0gtf1D3UsbDFVr5ON+j/lcgshDRxs1ZAbXlSL5U\n/Atl/QrbbpXhJ9AOhR6N3yqEZbguF9pEPfcRVnfNAcdXeksU00i8na9NelTn\nl26geuoO4cMX7iO/1/4w1vM4LPoV78HaxeY6DfKXQk39aMBo7rj+rrXqYwYj\n9KqB\r\n=zs8E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyVTgBu6gsVJCjPUcufFRMlHwtJlggG3D47ehH25vI2AIhAOViChuYQn+7A2afq9l8iIL+EGXPfO1XEhvA52rDV+2C"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8681c792.0_1600349696973_0.4726287633044577"},"_hasShrinkwrap":false},"0.1.28-canary.45b9b442.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.45b9b442.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"45b9b442af09ce2b7568b7553d13ea27b8d20b6b","_id":"@atk/mise-ui@0.1.28-canary.45b9b442.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iwaa7aEMQ4mb0jLmzPZ5ceJxUQXXm5eNWWHZE73vFoY3R+/jpqVQzAXTnl+jhO7iTQAyOATkG8jcNktskndSGg==","shasum":"8b3f5a7a6707b8ae554edabca8cbd908748fcf01","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.45b9b442.0.tgz","fileCount":174,"unpackedSize":1301326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY2kOCRA9TVsSAnZWagAALs0P/R9rwWAA+SRWKc2jWwHD\npb9hub7zRX6tLYgroqf9wYDHtFqZvWojR+pOZq6zySMcNHljkz9txfODGVIp\n6my5mdUySh8FHdjTiTnzWl/kLjP2Qva6lNKzH6xki0ccR+gsRniWSVTVQbNP\nejkDs/6IUgA+i7qgxF3Q/PGSDFGjbMmFDFNfYsIdb5p2OSsN1VWjUrU7+dZl\nAtRu8FmszqAjeXB3WQhl1CdcoSPc33LRJzlYf9brRylXQJYJmZOdreQYU7C8\ntJZwLOaWgfXTwgLEghnCVRCeCFWeUeH6xRiurq3mSVFLnQNeIdOamggD07Nk\nW+BA4eQGKy+zUZoB5aiLBTh2E6ibCFItYj0CdRcHhZ7qzNWT3M+R3UwXT46D\n/rIjDOZ2GWpXLouzIUfEwXFNdlBm/WuYLyDvVykzja8+/OWFFXCzbcUWZH83\n2Oot/MSEATEjBSmqofg75o36ExnIHWeCPS59yF7mFuuDQE98Z587vLEMCZFp\n5jYnV2LBFID14e75jer03y0gbAj1DCP6n7v1RhsSUoOkBmITU6x988uwC5oz\nLeO2afBjNHyDnOrfOmd8bobw3/X9L9P8HTzVzBluGDv1mQMdeBTMvQvsakCY\nQ6HEXBbuvNN5Hb/JjsqaX5Uc+ulnnwEAKXxj7nKvT3GZSngkXyqtulCMt4qW\n9Ha4\r\n=VqK5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvmXpA2FF2uuCOkksR+7GdhD9lFeBVeBbUBcTf1HGCpQIhALBCZECiXpkjrEfIxNv1rI/u56K18HqqzpSB6xyNiE6F"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.45b9b442.0_1600350478389_0.14253531062663916"},"_hasShrinkwrap":false},"0.1.28-canary.b749a385.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.b749a385.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b749a385aa3626eb66a0eff4876d83f7b665f7d4","_id":"@atk/mise-ui@0.1.28-canary.b749a385.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-rNp3SAR5XYTc4Eih2nkZqlskMuV2AOz4pqvH0mBlQXT6rN1HnUyqgfPEThYvGrPa0A3t+N/OCMtrAITIGnKreQ==","shasum":"645942cc839836d653a8e13b91900af4b819d1be","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.b749a385.0.tgz","fileCount":174,"unpackedSize":1301326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY2meCRA9TVsSAnZWagAAbDQP/iirAU8oxeO5sLJvFTzI\n4M4L3+t9mCIENwKWtH6iiBnbxaT/cZCrVroj1BaFknithV3qMDt/g/ZafmDy\nhviA3aVXCR7lJEXXQBEHIfuqXpUFEMsIMNKNZHMGhyLCVHyDUd0M4p3rvP+P\nRUVZL7i6lJWwHIPbpZMOZtcp0mUdX5yA0BAEJLEKrwgkDJgXJFz4bmWvRgHc\nIZjC2AIv1OY7wG4QoNH6/Up3haSEsrbamQ/nIhJWQkXX1SJVTp14/sd/j6RT\nkot7fmJsoJLM88iMl3ivXJfmkrhEN2S1gHcpUmkcR0HvBV0dd7UmwrK9OyWo\nb5GIgJpKTWOrC2rjSOsKkc25mBWIOZdCGtCv+RN63OklLXd9PmQSwsl/7acv\nSFaqgHKKnPvT2O9uV1OrdyxLGDWkCqDWfjeYqSl8J3sHG/S3f6USFAa/tw0A\n2hzTt2fidKfzAScUHC/+V/dECsLCTi4I08jHmXkdMsvpkiR9I7szG/B7kYZA\nR20sA/TIrmjIsuk9pl5+U3tx3SYzV1ySBmqL+a26iiFV8uAfJYcju8SmZayZ\nk4Wz/lvZY8zvEZBSdC88qqPSJOfCyp3DuB5zkBKtEekZ6JF8pDKObQPNEZXZ\n2CFInEoPdyXaHihCIDY2Mw6AgCNzR5AwfO1/l/TR/UsAigqeGWl141TKxDih\nRao7\r\n=QeJc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfUFL8/byDAAce8GrO3+V7EAnjES1rDKV6jHBoLEzUxAiEA/jP2TM8qU59jwf5Uiu0kMKpXbWbYGSJbu8/HyEASTeE="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.b749a385.0_1600350621658_0.36943203878821906"},"_hasShrinkwrap":false},"0.1.28-canary.aa1e2a90.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.aa1e2a90.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa1e2a90b3733deca7223a96900c18243ee01b39","_id":"@atk/mise-ui@0.1.28-canary.aa1e2a90.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CMSPPrJMY8R8wMlgcEFuyQ6fgwMkCzYeX4Vn0fLQsp68KIRCcYavzb0Oz3xVcHeXN4onYNDUlpoDRSfv4Pk+4w==","shasum":"c3eac99917cd14a78ebaf1e06ebf0ed790c75f2f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.aa1e2a90.0.tgz","fileCount":174,"unpackedSize":1308732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY6WbCRA9TVsSAnZWagAAvaIP/3oN+i4Zo5aGo2BZKUkw\ndQHBL7V+zmYyzayZ/u1PYImXIMdiMMrVZb7MzvylymVv3k6Je2FvE/q/+Ycp\nv0LZAX/Ycjd3FBbxGZoU2/PtMIo2Lj6WO7OzTTbplg+Dog4IpHYt7tLLlhSl\nRg4txNCm0kPzHWnKHKDawmAWga21HMD6lcIxe2iX6MpROoo0Af7TP69UuP6p\n3pshvNqp2CFZAYtgniypMqAKW6DjHONE73yB1bO8vSKQr86R+V9Snk5fJotd\nhNVZIkw3UrmmbXV6t/G1bbfqIDEOAdZwsY7PQpOnyqcagCkwLEsfx5CSewXU\noqGQrLvYrMVzN+gfbfhxmPUcTT5nvvTo8dFWK36cUApBqG4K8F/QouZQb+0e\nsGCqzldnwJdYuACVivRLEf6Ch37MsYgR2BYQwws03sOUbsLNe7rTWALVyCGH\nakxW6LDejFUtqutureMAfjZ+SirlIPKLXmKJyYn2IGgU0DTPy0YqY+zKJc9R\ne0r9vH9YX1RlOAdeWovdv6vDNRGYj5IrhvTsCGNYpYJTnybV4vGAMjf9eD/A\ngoFcnJhWpf6/u8cIhC8V66fae+YsCbQLKVuSrwntjYhLX8MV5qezUGP+1bL0\n7SfdlNrj+Co6CiQavqp+rtyc/pFOs4rPyIxED0Cdtjq9UXStyXSYGAzxesQB\n0JMb\r\n=3WQV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICAkSWcZCluWEYwjpM8CR4CkAImvytAkdhRime81aiYKAiEAgnIG0/6dAp0CwUQ3KGDoGxeSx/M9CmIIc3qlqrXMEvU="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.aa1e2a90.0_1600365979329_0.9649088751661827"},"_hasShrinkwrap":false},"0.1.28-canary.8601d604.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8601d604.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8601d60402f88cfc94a7493a64c0f6ab38f1fa28","_id":"@atk/mise-ui@0.1.28-canary.8601d604.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LQPQGjDMfJyIhrcia6Yijo/HKu/rDuaYs3fIFBPiinytOXH5uVfMe8+kvCG+ZSqKYFJgbuMCye2GX32Xx6ZEAg==","shasum":"135525a947c0fa8343e5b1369599c27da1904d38","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8601d604.0.tgz","fileCount":187,"unpackedSize":1250356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaM+0CRA9TVsSAnZWagAA6ycP/1gsKcAfoGijMnjH2eaw\nlksvWF21BCoCLe06m8NJxv+gEo4vS0IB0mLMXGEWyJDnBCrvIkTL/lCelAjS\nKoNUjatGCQOMx5SmBIRtOqB2JnIV1+JITH6fSYiAvsM0osWO/vg4hqwtlWEO\nSiSN/eztoXKcddJgpO/g7Mj55A6s9HJEt9HdW+w6ItCUUfoMaMJJE6s6rJOK\nMvD7DKVgBorAyYokL3bbZX+6gKRmSSbEyvd/TKQj444AR7wt/ISfvf8eJUvq\n5b9s1K9ENF7B4rUT1tW70JwvnZ6ta/oD0HJtVlJboLjsVgSD8uV3ThJj0EFo\nS0sjTkyO7yhRsTXWHwsqcL6of0HTUx6PZguHhR7R5QFegcn5cGejrbAqVbVE\n6yPoWSd7Zg+RSs/hvCGygaqoO7nNdhqL9mLPzohFEzAlHgy1ICqQDtDW1gh7\n6QMVE1a2w22xjJkEKYC9Kt2ax+owLVsmnxNFow2bDplrJ83TbEpVwCDkobPd\nZXjcdNwEilXyBx2v6cIviBYXxhO5c+0YsKn86r5tRyy1XSvjCpTGjjttIloU\nNe8JCyUX3OArXy4yRYgz+4ABalz5rei1zrbOW5N+E4T2mA68n1nhzHZiLlVp\nPxlQ0sh04RuRcGE/2TmbPEwRv5fUAjvCDu5opjwoHHdPmYp4k0xHkoKfrHmQ\nY5+m\r\n=tC3I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8wathopnjpD1UolohndlteJOd6DPJ5gOBbEACtWxTKwIhAPeHDz4Ir5RrZ5sPletQVRIVpeltGEqi5urJJTX5XgrZ"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8601d604.0_1600704435699_0.48465462952771143"},"_hasShrinkwrap":false},"0.1.28-canary.6cb84236.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.6cb84236.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6cb84236cea123b89717a74a16bdfdf949dcb8eb","_id":"@atk/mise-ui@0.1.28-canary.6cb84236.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+e21WxbgLOxQP3uL+KL8c2ESGAvl9Ew3sWGadmNIRy+x8gZTpUaejk2W0bwdT2dgsbXirv8HCeKdf/iA6nq7yg==","shasum":"927a07f3f5c5976b41a861c103f0b50a9d3a544c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.6cb84236.0.tgz","fileCount":177,"unpackedSize":1326430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa1bkCRA9TVsSAnZWagAAloYQAIu70kjYws2HU4IPriht\ng4BbgS4tgVdWTfwVyUhalHBqcgLMzLFJqNVhX1VdmaYgXobPP+d/tTXQ0Ksq\nuF2X7FtjwyzJ0swXMSZ0aCpr5GDCCBhna0mP0oqgTUjZwAe7RCG9NfQMgqE7\nUHfiX+xD+TasPlh3vzGWzTIx+kNISzhpkT6b9T0EeoqjQMkrrjBLF3Hvm4yV\nH7JI1cXmS+WbxaRtziJjqJlws6L8Bvrd7cuWngYrFisN4hUuYOoqgnl4Mq3Q\nzkBwIsa6ZIgTEwK5PKpZYou9/hbIsOz0ZWtN+qKgFpwW+bnT5exa6lIGRIA6\n488xqvTGysokZREFpoA6HK8AUn1s92rZp5yHIc0IYwIDe54KUTmYebhXtpy0\nJNo77dgfrVclqhH5Lf+rygs9o0rYO2BiYSB8cxtOEBhwp0c/Of3jPO+57n0R\nJVzGY6Ge7kqxh8x2Ki0wsTTgeVTsm/92mu/XueL9yMvsY0jtO8zMZ+60PSr8\nIPJzKUwuVpoVQcrrw3zu/lQaEGS0mJfnUQExyQiNJcMyelzF/qsSlYT2NpxQ\nQ4rmoUsyIO0sLsg3lceWL7N/Z7E5PYyVFyXtVFvEK78V5bCLu7x+vEXFY+O8\nb1XJB8NfLMdChSGXFQCF6X5hrgoZJULKDhYrhL7AGRU2bHtLEKDt8ntY8u59\nlIW+\r\n=exZ9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXuGUBvVPN533vHBWQITE6IJyvRxPciuyz6ebvxcgdXwIhAO4F1HI5e0rlWCTZGZReV7+bLHNbkF/M+MEwUNwMeZmf"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.6cb84236.0_1600870115782_0.38966044072185513"},"_hasShrinkwrap":false},"0.1.28-canary.93e8e756.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.93e8e756.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"93e8e7563cb4997763570bde0f25e6b842f233b1","_id":"@atk/mise-ui@0.1.28-canary.93e8e756.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-JFM3gRGv6wWHBrnguHNy6LGUsLUHF0I/JovfVzxKcpE0wNKHZUUhMo9Bu5x7p4xxZfIHXHwOsWsGJHrMcYelyA==","shasum":"00f33585324009c661d3f609fb7ac579bfd1419c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.93e8e756.0.tgz","fileCount":177,"unpackedSize":1323249,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa529CRA9TVsSAnZWagAAPBEP/3sAY1G9tXiLyTfTqg22\nHCDOkDOQvmxhbSNaW38TvOnNdyonWWGqClAJ4YFcxB6IaBOCmewav/xc3TlN\n0oxpofQ50kWQONDRa5HaVGkRehP7juzNIkTXQjZxOV6NdKNnGaCZkhYNyEMt\nz3z71O4LbgRdWjM8hyg2MpZfDhhobQLQrgrEcE4wyp3P/ef3mIOn8jf7M5pe\nAyvhBT7R7JVGa7mEe1yZcVaWOQ0yuS6c9zPIFrQ7n5+lWw3LSsEmIyZxb4Pe\n8qaPoHwRSUVFuMt6j//YlyyNR94vBjClPmSwAZMGr2jPPlEZGAE2y9iEzNyH\nqKjhZBB3/ht+XAi49e1e/X2nXSUJE/43PsoheR7jjROuZAjDkGsZwhAnZKzq\nt8yxp+hyijdxCnECL1lhDFJ+d4IgehMLPVJJ68qO9fe1Smbg0ihs8rYDq5KO\nScEGN6qG5+TAjZEg0YyIM9N8Yn/AnNFHkohW2UxGo0FOaM4YQtEm+eop3p4u\nF6+pJ/2N2mnsXBAfwDA5mkmAUFfSxHRtaEYId9UJ+t35LE0i6m+iQeRs93kA\nkv5Uv9CZf0txMH+VqVA8vsjZIh4FvYWTdknlISL7jr5mtNYkLF2hvgvXn9QV\nLLrjOjTt9WltbnOrZtyk8K/l6V4u6sjhdLCu7mNLgmyEnAz3DbMaSfI4jdbi\nnNbm\r\n=Seq6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMFG4j8KCR8KC8FKdCe8AFkT/+w+UC0I5ndY9JretOJQIgGL7SH0ur8NwQ64BGXPOcy4s89L0mZG5NVWThfS+PYxU="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.93e8e756.0_1600888252539_0.40506266983975214"},"_hasShrinkwrap":false},"0.1.28-canary.8cdb53c5.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8cdb53c5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8cdb53c513ef173684a5d0364c0c9082cc022299","_id":"@atk/mise-ui@0.1.28-canary.8cdb53c5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7l6X6/L0h1veU9mtw8jzc0kHj0ePqhPh+mg59WhpA9tnYrNshifvo/c8c5Qq3+yVR+7FS+J16LUx7F70zwjRMQ==","shasum":"d8d012f9a880ac2e3bc9f0ff1ca8854a57e3cfa8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8cdb53c5.0.tgz","fileCount":177,"unpackedSize":1323534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbKKACRA9TVsSAnZWagAA68sP/2hMlHUra/PdyJBeA1bl\nHz08wxf895HgQjujFZtgK7mwmMCbDkvfzLI4u9pY8UKtrMbe8GxMwWMJuWy4\nKdTFxsS6LwmzxxdZ+D11hBVJyd1YVWNQkU4HdApUcZaz4cVCfgoplGPjyQ9b\nq7NbFZ6KqhFuNEJaXw33GRKAOK0bQORfazmZISIuBLbw9ykD+bYm4d9GroK8\n3aQx8MtK5NLEVxHQs7o8ug2w071M29llkUrBLnAoxOg7hlx8ENEVVVe+KRot\nZ1qODNp9oPmC8k7QLQK5aepMlIqPxUJ2yg+jv9oVHTomNrwMY19ZLGL3MOEf\nOEkgKNac6l/DlsIQjB4080sdgoHRIfZQh/jGA/29Q33DYiICKYA8APM/TdWX\np6F3xLKhnWahz1zYzlSZZcC7o+70/sxEQO6Jmul07S9/A5qY3ZuyawIOoxyJ\n4pDnHN9N1/FRfLQD3VyBHVfrVMq/LzIr4VRsh8aSVODzeZ77DDqZf4W75t2H\nSl2C+sKq0AtUrLHS7FRy2gp8Nq2zU3ThGGsbZoQAVqKrlcKh7azLfUjpNJvd\nI85vn1jgXqOFNJxJpDfrlrsdTx0xbu77Purxr8rhKE6UtqeGFKoEQoj7m3dN\nOVgkAig34tqz8G5MxX5rJqawDJT2wFkNcPVxHgUVEeJL+VE9yLrf90HtYidD\n885Z\r\n=7HKv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDM4K9OPNaGpu7v7rhlKJbqsyRlSflcxRratwzziPGQ2AiBZVegwdFDSQt52rTaLdXfCwctVyy6X0UvwewF6Jf4PYg=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8cdb53c5.0_1600955007602_0.17191532797847664"},"_hasShrinkwrap":false},"0.1.28-canary.3c739a84.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.3c739a84.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3c739a84e64bdf9fc1ac1556b5db8050a684c537","_id":"@atk/mise-ui@0.1.28-canary.3c739a84.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dgdCzKiCZBENQMBzgrS6mYCA6yiFgZNjtxGKfFtyQpBix2FS6r0z334EXnDAujR92X8vS1nUE7Pin5unoI+7KA==","shasum":"6a36b75385d5378d0cd485f919c360d98ea2b47c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.3c739a84.0.tgz","fileCount":177,"unpackedSize":1323546,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbLWACRA9TVsSAnZWagAA41EP/3V96NS3/S5GHzbS48Cv\nOuzGz6uNsw3NxQyJfZM62VGluRG8fb5ut6erDiRQ7zdfLzx28sg+okUD98Rw\n7pQcg8i7ALY95788zlzWmRR708vDeR8Iw6kRDhpEGsZFZ0VeDh3S7cS/+D8f\nBF5FXqJLPJojqXNnkkvYGunioirWW3PdSLwgjy73F7UMCirm0cC8JgVnshzT\n8Z9pMsDwLhO+j1Vq5ozl57/UZMM8A0TX2pOLARc0zNk8dsykQPR57+pKdsIY\n+q7NAUV1fE8KJez3Vc+fYF9BOVeapiv3eeyZkaho+mABSlC5LY+3mL5WyNQ+\nmOw5b/5sqXPBm7bwI7jGpsJXV8YK1fBgjd9eahYq1iCvtjxgM+g/weN8tRUE\nOppjbAqX8S6lpnOEZ1l8wAUxFCMN0afEQuf8CAetimFg0JTtPIKwWiZvFp/f\nZU8NBEhYOBvu6geUMCBVV2VAVRsBcVajPusSd8ZIpwP7kH12qp7o69H9MUnR\nTKsAPqa91tF3mVj2KY0UdobHZC92AcGnaJa39UA6oHGHiqFoTTTZfILLR916\nPY+zZlGG4vmMYMuFc1NFpg7LIXmNXqvAEFV3Ro1YCqI2xFsknT+4ir4tdmAa\nRnvMkeSytIpvqqQaXpQ4DjXPKI70BYA6e4VmjwmHxuD+1v3kduC/Uf4LF26Z\nJZqh\r\n=gS0L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3i3CpWj6iR1DuH+vv9UG8kjEps3X8d6usI6LDrO74gAiEA1+1bebam4j+Nvd66mamkI7F+/nHQ+A5cfDHOST5BnN8="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.3c739a84.0_1600959872357_0.46507693627781577"},"_hasShrinkwrap":false},"0.1.28-canary.131488e5.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.131488e5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"131488e5fe7c7cc88c170f6a157dc1c534747826","_id":"@atk/mise-ui@0.1.28-canary.131488e5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Gc941gZCzic6mjFYpXCVKFTO9h6asMyppgrXzAHEHRg2t3hqlLtDK4l+/Qdo5OGAs49h3OzutR0+Dhf+PjAPPg==","shasum":"01d7f066593389673468f9aac39bf07dc13ea469","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.131488e5.0.tgz","fileCount":177,"unpackedSize":1324417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbgfBCRA9TVsSAnZWagAA/EcQAJ73Wa3jZ2svssCsr6oy\nszSjb5EtB7KpIuBfw+t6/CkgG22ZJkVXU2GIEuNNRbKYkCG814mOjU9p48Dj\nJy3BAcXNGThHh9gQthjjC9qkO9FA9FMsGVL04ZQBKxBWY6LPuPXbFSU+HCCz\nhRNLvala248wMgdWkwdFEwpSUM6ghuw8jCbrOhb6ZbAyvGEg8u8zVeJytvJ9\nz2wIYgUQGmZhE+ic+preW7NPF/kTlaDJ6arvH4MUbEyj+P3li9l3ZrTDwo1R\nv2pReSJDrvFcf2NH24LPRnXRPeGaw7tfWmBvLIjswrRdgceZVKKSrvQfadfv\nxTc3S3EaViqNIzg7V+EdgvCTX1g0erYYTkd+mvmCTjL1Rru8+w4lDYH5ZFV9\n+gI3xyRoBfOZsh2lY+B1JFWPZ2Lbjpl/+9PocNTTb7b/22MbidFgGEvmWIPz\nIRPXZ41osBEnAWY4YWOjehy2aW6CHGlR5jsRoOzLerbeAmBDZBNTb4hT+UNP\n1XvTxaCUoUShdMTJDboI4HByViSFCzOccnlWRv5T0J7YfHsPmnG+P+27N4UV\njF9lRGkKTSwLS6mUHj6UvGFXzxyqJaYM1ONiXcYJ0kvjAZLQrnnhKzk3OyKd\nqMU5Hj6BVSmtblNmRylyTD32VbwK2OoakmMxlJ/+QR9D55ExLeuqfDZXm337\n7w38\r\n=rtKC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDa2+DbQizYTN/HOk8uAn0iYtBNc2/wmWD721DGt6bvIAIhAMshOeO1XpsXYZOPejmcmj1EXnxxfaXjN2ZW6znSKlb6"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.131488e5.0_1601046465051_0.5852587999354464"},"_hasShrinkwrap":false},"0.1.28-canary.585a3437.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.585a3437.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.0.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.10.7","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.2","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"585a343790bd82a53ae2fa923da2e473739fb01f","_id":"@atk/mise-ui@0.1.28-canary.585a3437.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-y0o0vWYI7ZgKg8NsEdbNXhgv/eFz2ecJ6ZupXGb65H9oLJOiJQwjRl6qgfgZ3pMyTXgVhlPq/tSv48jln30dTg==","shasum":"56a17c456021d6944cc9a8cabc8f73687d683e5d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.585a3437.0.tgz","fileCount":183,"unpackedSize":1276694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcg1cCRA9TVsSAnZWagAAFv0P/35ChpPp9Eln+cxpbF4u\niKgV7X/MXWS1gMQaH+AvbV9CmWpPDXUNcHyTXP8TWCCInDcGcwZxqmLCrCEZ\nWHWasDLdnJ9xTZ4cJJm/2Nrj+pr3/+Q7HAcoCP750Yrga1MgD3D6BAXX/96B\nL3mvO7oPl+asha7TbkkrPtvgd416EedyXQjvzmHtVyLYOks6pEari3G6qpIp\niZ9YvZFL53NLe4Eu5BgpY1AxXRa9Lw2EKTGYd7rODgjSQKmQHV2J4ggds8vE\nAWlLX2tdix0R5+m12tS0Mj8KVIpehepemYjKngpf+O8busg7XUdPRS/9p2j7\nySBh3FR1yHVQ6aS6A2iIZ0arMMWJY6y8B/jsCSmz5uie6HLzsiVph0FmevfS\nZbPk1uSBCtg7y9xncGlONbM7sacwWf9uF2pqxun/hzP2ICwhIZhptBS0806l\nrWB8SfO/AJ97+9nNEqZ1ilAeMPlVFlREKmSQRQNGcGUZZnCME2JudITCSwne\nX8U9tDTBHy9zpfDtD7fKBa3zAfkXlelu5y8PsBAMoTlpAYucP+83WvH9PIxi\nw/N4mnSGl4z5Aa/rwSC3aB4bfptN3n/QE7WQTaoVALsTDkZxr7cPQC8oQPZz\nZWjpjzebDNk65BkzcKK6+C/sCFUw1CKnO62Ho5smxgDp8fc5/wv6zMhxYs3y\npKMK\r\n=xo6g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCL47ZDrXnznMIcAXQtyZDraCL0+4v8Y2upmfyI28qyvwIhAL6b3JgEV7vdk1klrZ+O5Bcb7HMwdOhBURwGPv/kryrm"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.585a3437.0_1601310044309_0.8562542260922446"},"_hasShrinkwrap":false},"0.1.28-canary.a36353b6.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.a36353b6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a36353b6e463d382aa65851b84c4ebd819eced33","_id":"@atk/mise-ui@0.1.28-canary.a36353b6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FL3TSvdscy/6ZK6nFcbCdB3vH2IPI4d1ZPM1dqvddROZr1pIEssn1JOgw9ng881NC81eooZF95X+qF8DCY+B5w==","shasum":"2fd9eb031e3e45b35d15c198d0e1e678108331f2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.a36353b6.0.tgz","fileCount":187,"unpackedSize":1251030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfciw8CRA9TVsSAnZWagAA85gQAJpBcoDDNYTqV/l3NA8N\nO/UoxynqBvEQ93h2BQDS4HvuIPVSuXHcM0W2oQO6vq1L59FPiFptKFEeEJYf\nXoJ7KbZXnYDaQii/gEIjN/4a4HZ8pe0+NI4lCL571MNh96EGlnRm+HYSZGZt\nqvmeEAp2RdaS0kctgS4h1F/wanUS/YDBv1yboDB+RPnNcLL+TyUp8p/fgtKy\niFJpa+l8XOuE8xGjAiLg4GKuBPnZ0ZnUdRD+I1dpXxHNoQ5GHXocTxDw/KAH\n2WqzOK2t0cDe9C0HxWcBlyWRaF3gnSinyH0XPDBLd9wryPyAAvCAWj1wic4t\nCXyvw7OtKRKe8fqMKHLuLBzTtge20lOsE+ZgoGgEUqRsdXQH1Y+pRk/8EAoH\nrGXtZDNu8/1pqZ3LqQfrh8gZ7xYAOMCJOIEZkEAh3U3J31GP7VtP+O/Ao8it\nOw1M8c8PO939Mlmz9u6Z/+kho1gj7C/TPtuBtI/NkbL6ZmltdQLDS5av46hb\ni1npp8uZm9p6kSxHXWibfHrrrAY2T8+RliXc9Y6C/LQoHilusxVd5IOVBDDL\nCs809UOsDJhcstTXEkitf+nlPVGX73QMtEfvcAWpsV5WkQT+wPwyHOqdHr+a\nf/fzwvoXMU+m/W/hxqG45lekx/vTa+3meD6rS5UEhDTKm672Jwr+yuIfADNm\nD0OA\r\n=VBsL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAnznfjWYqXUfOQm2TMwvrM3DS+EOf/LJ+n5Pme0Hv1ZAiBt6fJ057Oa/Lo7A1PdS4aHICS7ho0jjZnAAFn80CH0gA=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.a36353b6.0_1601317947438_0.020989406411238143"},"_hasShrinkwrap":false},"0.1.28-canary.804d86c5.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.804d86c5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"804d86c50e5821c92d95a76a0427bbf27bb38977","_id":"@atk/mise-ui@0.1.28-canary.804d86c5.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-eRNM5sLp/mXQ3NBtV8y6qjoNO3S0Wea5HtAaAVDYIutQ+eSt7XDFbMZJf+jcildQjT+ZswERCKjDIzBuZUGM0w==","shasum":"226ddb10c0a7f6477a7b1da3394dc67656705aad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.804d86c5.0.tgz","fileCount":183,"unpackedSize":1275352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfc3jaCRA9TVsSAnZWagAA6g4P/ij4nR2llvM2y8C/LpHZ\n4Kn/+5yvXS3puPw5Cn7/KtWD8QNFIUwCKJJXzGtaKi6tqO1SSUw1sPHhwCsM\nwt/DKPsjzZh0YNP57WsFjNW/J/teRmPvew3xzQWqjmz/YRzEMs4Yi8MxiXSu\nzRHIp0V+V1qhjv7HOns2BSB7N07+1i3FsEAYcVkTj8uA/kg//SqDpcA7g4JZ\nDHdVVHbqUJDYpcH11rZrxLdI3HMqNPHFeK1wl3wCkDXOx5pcZxGon5+vrg6d\nHAOc4iOmSHH/86yMRPVf+XKvR40xazNxhWd248uY4Wgul4rsfRqk02sRWMkh\n0rh0ADU5Qig7lUrNYojOAk9Un16hv1Rn6NiFosL0aQ/H8TDcULYi6kEJYP7N\nnNb0lsHOYHSPqfWJabkF0MqoT1dOfhrGEgihJ/SLA2anqB3FeP0qQXVvT6wq\nDRsmHEK/gl6QOGeijeqGZw7ZpbgAsEa7XA7aFoJEAbDCmFrPkYQ5kfYPu7FS\n/cWVO1nJIBAhnbmXkdJORGat3W5VGv3oP+uimvHB+RMZA7E5XoTNG1QgRPNU\ngjUIFJtA303YqJHh63MQc0RkYrNi7FnMToOJgnCqwxkyQDwslbllvHi5HM5j\nmH/rTodMPGebObhjmba7J+aaJtzr0c0pjaG491XZy9D9lGPGgmwJBaWmowVk\nYcVo\r\n=JZud\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBsvYMXk9aVnlJH+Yl4NvMG8POB68Xz6j+06QpQRxyLVAiEAiDLEh20XWB60r/PGOleLDEIb6PO84JtW9IiX2pXlG7o="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.804d86c5.0_1601403098223_0.24922419171528287"},"_hasShrinkwrap":false},"0.1.28-canary.45df51eb.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.45df51eb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"45df51eb2894e49f525d8a1e74e0bf6627c3f65c","_id":"@atk/mise-ui@0.1.28-canary.45df51eb.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NiiddBrrGSlxQWnZWDyhS4h2ET0ppdlakkEq4uzC7l4irxPu3zCuF6P3mea9GhPvOp+s5YAX/Pajhn0nm0eqZg==","shasum":"ada244ee2003a6bdad8277c30df78b9160ab649c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.45df51eb.0.tgz","fileCount":177,"unpackedSize":1325151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdIF1CRA9TVsSAnZWagAAxMwQAJzpJQ6V6bHq7ovdp+Hx\nXeJzG7kkpTlaxrEB3YAjjMa52OVfa6PqvaqsdAQYwwXlJXMsPIX1eFM0/D4a\n/WesW1P3xfSWhr6Kal+PS1BGjqXzmRVElU77zMeAOlXRoTEnRROndmmWaOvD\n5cr3Jhz/070VqePxF6L1Rx8oogF2KrvCji4jb1TS5Wo4zzDJ0Bay1pV8gn9M\necoP3AjQldtiy8s0jJ7lARJg25nHuNNRD0Vf1Tpg7DlMHwck2hbWmBSKnINB\nnGpPOoiNKVxPo4FyNSJvS/R4t4HvXBjKmq7uzdm53NuaLFmalk/xe/ITJ/Cc\nR5xBJHRgUAimdDd0DH2twEWA4p+fb5fNyJTyAwcBt4RWCFeBRcpYJzCQMpvx\nZBTBoGK3AyaETGz/RDb/359Oat77RaBnJsVIl1B6iA4taUjYC7X0KB6dDN/U\nPnruhbmbzBOoR28+02RCranDNxjsD2eXF7FHO904ADlrslyfmZhpwwNUZJ48\nUzfEM9ta3jjI31S4mdBFIP84mV6I5YNcrFAEwvgbuXj+Z7hYkMgTxAYaz3Ob\nFWkF6pf9Ql5KlESevKT8/k7GQK4mZ8Bpk7yKo4ziPSycKkPOeVP8kqEr5694\np7+XyFItKNTN3YmU6aAn5ZUSyPkzulNXHur8ustf//VzvBJO+IbuJ/8o3Qh+\n6yi/\r\n=Ubx/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAGONfdTBorliqwEuGXzNyxob7aFSw6EA9UMBZT8ajvgIgeql2PKBH93ZAQTXSHNtJDVJEtD7cL2UV+hAbrR6ASHM="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.45df51eb.0_1601470837190_0.7252512005883374"},"_hasShrinkwrap":false},"0.1.28-canary.77e7c95c.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.77e7c95c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"77e7c95cd2f6cf1a08b06f7c94b202bc699f9eb7","_id":"@atk/mise-ui@0.1.28-canary.77e7c95c.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-4qv82KxApBz5UPLW5xkJRcZZlcUZYagFU8l4jd6ydyxLoDt5/wU9T5wUiZCufpWGrxw0IwqwUi2d0sXtB0He6w==","shasum":"4f26d392813cb3ba594393ac2e3fe786b940f555","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.77e7c95c.0.tgz","fileCount":183,"unpackedSize":1277756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfd1CgCRA9TVsSAnZWagAAPHIQAJ2ATAKOrW0onAKrZ/v0\n0VdJWKje03MHyTpnNsSOt9pGurcWBUItXMd/i/7v3nIhCYciE9PcqImUEquk\nlllxTm8vTgXLAfI7+PKthQ7MmPOrD2hjf7wW5JQ+hdXwxPwizIrHR2FcjQ6r\nky15zZXDmbJJyZw+x+18QKJc9sXMAb41Pxd4nctaPZoyxTdcN6EzV9FRgFZX\nNaCnayGTfNioft3CqrWYUAe+9irZ0Gw4MgKpePls2OhzB5VsJ+A7wl+TM99T\nggLT0Hv/C+5kAfdFPKbZDofgxvzDMtEqfEvllDx2IDvcA4VsWRySKTIxDOM1\n0bNhs3BO3YeJHyqW8DmZgTwNkHRx2dslPp2YCtrOoXXlMKXj8dbv9jq5aUa5\nySndjDVwR9G2Bs4PwZvZTbFTkLzZjx9au83GcCNHywbF/Ptim7DJaAzt1SXI\nrx/e0VxJWcOt6SXZ1/JBdL+WZ5ShvEYvgy+k5z1W4yx51dAwu0jBTPCNosEA\nG7bjWinibMgLH0twNE6/SXqIuX/hfi4nRZUrwvLtb7yh1HA/JmJitgfXOAoT\n9fG+WASZr5dbWoandS4/ksTV2hZ1F0k7jyOFKKJydRhwleIrHNnlchYb+bWy\nrLZhfOlqJKzdlH+bV0JA4w2470dbtQigLPWS3ZJL198nUGhNnMVNCeI1bP0R\neU5Z\r\n=zQIK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGhC0pToXB8+asC04TK+LsKv2GtPpoGcDRkIMQeShLDwIhAL4ePKACnh0RRtHt8APgqr5Tg6McbyCd7cgbA8a4sbIo"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.77e7c95c.0_1601654944359_0.43826819480602963"},"_hasShrinkwrap":false},"0.1.28-canary.d75b6f3a.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.d75b6f3a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d75b6f3a77704a6b29441940bf1f774df7c696c3","_id":"@atk/mise-ui@0.1.28-canary.d75b6f3a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iDvoTaMN5y8fyd7ZOR9W74o+QrNdaoU6CLE13cc9Ah745jiI5Jul17VT69I0tpSsdbUHpCn4zUR3O54o5TgrEg==","shasum":"44f7792925c1192e0812139a622fd8a411477961","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.d75b6f3a.0.tgz","fileCount":177,"unpackedSize":1323800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfd1szCRA9TVsSAnZWagAAKW0P/1bAVjsHBIAoBP6VacMx\nDaRc0TPh2vRC4L5EHvJJ1nFEVnc0BZR2nP6iz1TOYL2dI9HmX4/cISYLKgep\n8g28DxzdZyr1R/IuuYVPSfcF+9pI8nh24/vTG8ARw9HMozFpZRNvLJeDDnX/\nzGMuDfKVs39Bab13Lc/oZ31SAKXIcenLpqr1ONCtsgTpBcXw3yn8UYWo56jn\ndYCEnlmSJ0mdVM/2jhjjLHaee4vzRHB8qJ1GAfpQH7hs2ScU5XKMPIYd4WJZ\nfzUONeMsoZNGXYIrI+AQU3fvW5gYUUgOLTJwpN43IEoNNT1mWDD37Jb5vsuI\nSj0bllqrSTsP1r0wAtUJ1CTAF+eOgZhrUs8vBDJTr0AFTo3usSwAlEvfxfpv\npYyY+HnP/i10oru8OPlTjLUcms+ItWNfYnlVIGDXST3zV19fmoom0yesqJEB\nappRDHmODONEuRS72VS1/a9dlzy5MXggOquwPg8Uj2SybX1ZNRx4phXC/Sbn\nzLcifMlc4DuJpBfFUXyinDU1tEQ1B1YUOt3qA6GdK574l8nCD+cUN9UEC6oi\n7d7lwe+G7UVkd2+WXNpE3e+XmmUrx8HN5O3mme1GP07uU1fX1OsoJZXdte08\nwB/eFtW1yTflb1n3coslsJUrMH1sGXN0yzJwwghnjNcHEyxPNe2CkDKQhwL4\nzx24\r\n=fQYg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhRwUQ97SeRzPUfE3R/iNfs1QO9obICUzGsA0w08XPlAiBVgIZ2RS6a4ZYADpGBKrv09e5HhqOhTFhHZSFXV/Kz5Q=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.d75b6f3a.0_1601657651492_0.5286668553310983"},"_hasShrinkwrap":false},"0.1.28-canary.83d25902.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.83d25902.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"83d2590278e015c2504f98a1577791372342f05e","_id":"@atk/mise-ui@0.1.28-canary.83d25902.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-U8TSE2y3n+kdeV9yydoPO2nFCI2O1KM9sVv+qEHkQG0Rub1XZW9fc2NC5kT3A8cdxaYCIaiEBHN5pScdfm/r9Q==","shasum":"dc8cb9bb7cb91c8770e281542cc76e7b3dd3474e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.83d25902.0.tgz","fileCount":187,"unpackedSize":1251030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfe3dkCRA9TVsSAnZWagAACiUP+gJuUB5baBGBRMiYBr8I\nfaRmYf3r7FiZCoXbI8fXmAxifb81C0vi0Dlcwskt6/03WitgA+Puhw+4SJlw\nw28RFuQ4BHlw8LNCkg3e4KbQJN/MxDrpcFlate2/Nmsn7kP325W39+0Yo/3V\nfuW5AlV3PnQoJrKi6DdJWHHTcsAGC+oZFfR/UBsKA1ZEIuLJrh1q00QDVit3\ncahAOWswSFk1Wb31FNN7hpLAXN3N2mw70OTBMk0/CVHGdi2TeTLesLpJvGSc\n/9ViPaZRH6nESQeTe0jbJlcGszIYZQaxSfWl+tzVWVVkHaKEIxwNXRBOu8V4\n2LLSZGzOS5e6SwCkd6pOIU0Zjznh/dok6VQxvftKBzEsGSa7DnBm13km1dBS\nmZDEXR5fBVeib3LgN0UYiAWQoqgkXO+Ne1MRRiJIiZm3bfAbHUEW5b8Qvt/Z\ncei8q+iEc+JPI5yljDsHfzvmGjxvhMrMM0J58pUWQhVdam0Mstwpd9fjKCHX\nOl34/teUwGpfRunPom3ZxlbUt+LK4UARHRDULct+ai9p5+m7f8JIR0srTOYS\n32pwexNWUGeHHpllDApXCBUGRm3VRfbDpTMn1GdWxkvvJ+p6MH/mqbfj6+GR\nLn/x5+OrOdKuTWzJV8C7RO5UJGQ96zBcyoTKzbMO9o5/WInqOHTgX92WUFeT\nqGe4\r\n=x9rK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIExinxtbg2qF/IrY7G4Or5ASBDcPM+9Hkpy1wXjsbB5VAiEA1TNYjWhX2nwf0CW4ZOmiHOJ5brevF9CKET9WYyDG0cs="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.83d25902.0_1601927011898_0.946932418848417"},"_hasShrinkwrap":false},"0.1.28-canary.9395e56f.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.9395e56f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9395e56ff134eb1ee24dbbf64385132ceb187464","_id":"@atk/mise-ui@0.1.28-canary.9395e56f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-59pd4eq4l/kso0IddfhOlUyK9nEYwaIHT0M2ftHi16dWvTV/q+/Sq8i3YcUc+SkYLNLV6txkQ15eBCAb1RZ3vA==","shasum":"80b397bf571fb42e890e99c449a5b3a968df3e1f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.9395e56f.0.tgz","fileCount":187,"unpackedSize":1251030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffHkRCRA9TVsSAnZWagAAKacP/iVQRm1ehbfWEgZcEvh/\n0AVSozRFrSaoTM1t2I6XpVRpPcYnlQtD6p38EXt/gi53qumoCohe6bZAhm6N\n9O8af91Zf7XPnCbYIzxrAxzmAh4j93ky5vqawl92rQEMtHa9KzfiKax4I/0+\nrmDlsmNlKZaT2hVjUY/+pmHNqUkfxkXYRL8uicpTHS9NHtwuS+sr5MgUj6ox\n5BU6JDIRrov7MVUIp2qBDI+VEKSjdLPh4A5YOkRCL2+KMN6zk/Vb7LXKVPSp\nrAk2cE5pc/d727fBuWaW67iVrMLTChpjTIduVaiCNolMjA9QfkChLPpq9AqY\nRzfIdqZ8soO2AJ6nr2fbY+6WbXk0R7nXN23rAaSNzaE+RBAT7CY15M/FQzJG\nTJZrhvMu+BUEKh3zWznvPwPrSITupbMqDi1TY8w6MLz4uTgV0Cwe0xMXAqJc\nu/s6Uvd3cB1McLOPKCi5w2QT8NhQ3izvNVKtp34Csq1M+WrGeE9wKmsr1J/J\nuWtYDI79EIzonCE9YeYa+GZZB5GFWnVcDi0955eQDWrf0fTmra+y9/glhjOK\nuVSzKEsKSrgduXbqRO1MxfeSLsQcwEtv3CFIqKDMCvnnH6JEavkqy2mb58Yl\nKI0FhCpEVnBgut2HbrR+OzQBxCEfb4Q160PhoAzK3RBEEa/762P6u6GWuRUW\nGE2k\r\n=Sxw4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2FoTzSEqhezsR6VF5hcj56uYJw41X74R3607+OMoFeAiEAhwMICSlxMNTd+54rWodoNsTv9+54PDsvSGEzWqpQ+0E="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.9395e56f.0_1601992976613_0.5165338561935302"},"_hasShrinkwrap":false},"0.1.28-canary.918e7214.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.918e7214.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"918e72141d65e3f284711245983d25af9ef77ae4","_id":"@atk/mise-ui@0.1.28-canary.918e7214.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IFVQoCt5FD/y+CyMpjiIVDa1N1zo9lYrBT6zHRhaC+YBFbTmOT12iBzXhtKdqS/zTvxA+keisMzgihdZEAgTOQ==","shasum":"f1053af8d43f95146fa7428d90b27748128fcda5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.918e7214.0.tgz","fileCount":177,"unpackedSize":1323949,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffIB5CRA9TVsSAnZWagAAC30P/AyatYjMAV2ffWvvyvS8\nKsoL21TDXAR4y2V50xICb4N+cC6A/9kdtOC4QqhmjHOpi+C62Qn9AyYww3f6\nDJVf/d1HA0l145fX0MiId4HRD+YfJnc9KZPgdFoYIYqcUCJ8f1Q4so/lgKO7\nnGTuGVVZ89MBIGxr5a4obxBZeuBg2gmzbKWq5jODYyZeUNsGjdr9xIQjVAT7\ncWTLbQBv0NZ5M8Gm/9vU62pM2tmuiE9vHQzSxeDhyGCZ8YDVfSqGZFyZHsN8\nywglytd6PEqv4nPpUdcdI3SOB1CsIrwG+zoWHApt3Rb079PjnP6AwMSNw8HB\ng49pMcHSHgyiaA/XfAWZC5/qXpAmtOgQbAy1CfcaYEEJG/9oG2TyCJ2+aV12\n88oyUn7SKI441bMGudllFyfJdIdkkW+Az3F6XiPz3avufHQtjvCzzVPyYJuv\n9pBUVrdC1+K1ntNWfr0aMdNhl6g5eVJrfg4HWuc5vhkDBUpLvD6EwzRFnOAz\nJgXWeAKdHqgdbdLFV/FvQ9AAyWLDEsdYgAclsDoKT9Kaa+XAIVJxlMdTjxCc\nj7Qo/OtrM7WY6FxkaTMtyiU/RCMySS2o+A0IoTdu2jdwIDKu67wAqOUxTxYh\nQrcTUS7PDiFRFAXJ/XwBEQqu4ljpGq5LbIag9W1k6IRjfn2nnUx6e4Z1XORr\nXZly\r\n=hF7R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0xIskAgOoky4/rdixUZs871BY6J8PbeYMoT1TAPNptQIgLfv4ywQoAxRu1uSeQIkM2dzPppm0GOr9Ci/cNlQNCBs="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.918e7214.0_1601994873338_0.08042537171624486"},"_hasShrinkwrap":false},"0.1.28-canary.8c4ee2e5.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.8c4ee2e5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8c4ee2e548751947f400131087f1a4a64f58a289","_id":"@atk/mise-ui@0.1.28-canary.8c4ee2e5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FpoVi9SBbkntF02L+YOeMwX88zoDUqXnZI/W6azIQVy1+FnXp57O3H18/zNAkgvPGjMzxunPg1xyRwGtHJtpRg==","shasum":"68a82e57f801536dc45c6e5f95b8f3d98b0aa554","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.8c4ee2e5.0.tgz","fileCount":177,"unpackedSize":1326140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffNYICRA9TVsSAnZWagAAAHAP/jhKzPL4xtVrNl44qU9V\nxOz5L+8o+6mwtPetbCGg+aPk9uJKGCByAhtQdz4RaMdVZvz7Oi0E/dSaY44w\nuLE1M3h6krW0ESX21X93JtZbOS6joVQVrOF8Rr0/2yKhzFxyjoYfqCHadHS4\nauhPVkg2ViR7qGXcZELJnATxg5kLtGiY1+h8zTtpspBKPhVKUjTmzpl28Tkp\nUroysntl24sC4g+InkNLe0umU7JuE9vNaaMzXN/ZMkz3S7vafKJosoLN66Gb\nDzA4uAKCC9PgLRjZctIbqxv3xOoe6MUuADfF3DqS6QOwvUg+h4ZMTQmCwHUC\nrMZ4hNI3XLve4e6RdZWI0fkugUO7CO7ZsqC/WKt4jneSNU8aHLE0uMtGxROj\nmQCPz7o4FiV9rm7neY2/+aKpkM+nxt4PV3SR4YoHJ21c3FLGn9Tpag+HHnBQ\nTQlB3fl3sUAot1erX5IZHxC+iyZ6cqog18Dfp7YNZW2488FobmDpjr6ornII\nWi+k5f1EpWGlUyhbUANv40lDPE2MEary9VjjAJi5ivKC7/pycLFRi6nW9R1f\nSXqZqDB5aKSirzlFvFiinfL/fOHWM0504aV9pm9+lfh46uBgayE4cscxKcQe\nylwXN21JYHvW+6DAa5PTT6ebhGZ/YAhlvcacBiYZzAoFgdii/KKQ6RtRYpCG\nAoSA\r\n=Ni7z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB4armoiIHz1tVLo6V6jrPZl8pdGfXNOsGJr5yD9TC8AIhAMEDpUoAyZGHeH+KnDlpp1QK8mNO+a7AIr+IqpETM3kB"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.8c4ee2e5.0_1602016775851_0.33848230449098304"},"_hasShrinkwrap":false},"0.1.28-canary.20e0cfa7.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.20e0cfa7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"20e0cfa722094e83a7a5514677fae971efa66b07","_id":"@atk/mise-ui@0.1.28-canary.20e0cfa7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-j9DZ6Vr34cjKsGl4tdtTcVMT2l7hwjAlc2TkPQZl6Hgh7iA4PlBJpNSnu1arQlhGU+CgJIadjQSzwL//i0Sb1A==","shasum":"82a1488b5d5c573c502d6f5749dccaae0bda7946","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.20e0cfa7.0.tgz","fileCount":177,"unpackedSize":1328158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffgEDCRA9TVsSAnZWagAA5FgP/j+uH21YJCD/pHU4WJFK\nKk2Tnz2imm1feedGSCA9u1bsCxz6Ic3+66t4cH8PQddEhEuX4WArXuWQ0JrE\ncA8J89Fv/OsnAhzRla7/PKi95MhgoAvXK1IJHv4Dt9za6UavhNLBcFzPqHbF\na6Cipco3VjV6h3POH6jPgE3HnC2TKcOOGv7heLZcv9cFiDgojh2B4CUZmpys\nowxwwEOkrPl1duQgXLw//Z99r/p5l8Wi6pYDA8p7azuGmGur4KQYk36PfZb2\n381IFOf3qsfuy2Ac1rJGgzqbAVTYIYgdxW9KrcwEexq0Cs5Jjps41DJcyfUO\nCzR5JLo9AB+PFcMCKxeA/RpP/PwSnk9ZCn78zSQB/LdhB7abC3D28TgOrz9y\nvuzhKTUzX0TPPF45OQ0liqbhVTs8jtMU7hE9HkxK7LpReND+Pw189uHE9g9r\nhpPNaGcVs32Hnu1jK6G/AO09dtidxhV4U/+3tTAo86zQ3Yg8eNGVJlphqsv2\n1yoT7g0Ip+5y22WiDGjCnXPwtrkOFVsdqtqSJjfIO8lqhOG8gl081oHs3giQ\nQHgqIMP5Qi9m+Z4M+qkNjGSH2SJLxn2JRdhct046H9URMl3uZcc0EVPgzyPx\nHmCr4JcVooqsb74TRL96ihSkso5U25CZo0UbbvWGNyGJd/zd55M8EnTrktR7\npn9c\r\n=+LjB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICK4/U8CSnZ+UxoITs6McDcPIBj6ICwmNtNcudI52jS4AiEAs6bV17J/G66N8tkRKCayd2tmbyV+GDN/UMQwYNjoi3A="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.20e0cfa7.0_1602093315294_0.6163457676097495"},"_hasShrinkwrap":false},"0.1.28-canary.99b58597.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.99b58597.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"99b58597429a7f68e410d1c755a148047cb423b4","_id":"@atk/mise-ui@0.1.28-canary.99b58597.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-QngqkTiw1mXkp/xWrY6ZQjn9Effvxr/mSO5CbbiI67DnAOM01l4/16Wb5tmHWFRj1qcUSU9Sgjw7NJQxoy8CCQ==","shasum":"a7062563c1d053adb07bd58cf403744d9fa1fa59","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.99b58597.0.tgz","fileCount":177,"unpackedSize":1328656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffzJbCRA9TVsSAnZWagAAcX0QAJBwsTy10jbbqUaip4WE\nBbxwXi9xh7ZgG2M4ttmLtUrxFgoKwODKghGVxLb7jfR5olJBVFS7hcgRcro4\nU3vbhvNoiQOe4YfT2igWbAq7iQUrt7fmEhpVxY6UfVsnmwZ4MqyhJmJINDmS\n4lGhxEAPidfR6UZdyl+6S3690+A1CIETq9mevoEco1MyhyRXU7GV5lOLX8E4\nH+afe+5vo15/dWj6KCKWWkY8SGOxh+kaMQW0ToIFX85L7YMDg5wm5OHczvKk\nKY37nSHuQxAqpTxntvLAOEU5/fRAVbGXeNFcc6zTb4mCszOEYYxowEXc1hWg\n3nFMiQZFZh23oL+fMtLUHXPG3/l91hm2IEP/aZ6eY4S74rzRrplIfmLEGLEK\nT+EirJg3uH+xQXxTFRB2FtW3DzlvbT9Fqzx4u20Mns87QFbtMdyewC6stlPp\nFRuXuO9VhAjctulLtCPKJcxuUBKY016XR+D+qimVGCV+ExSHlpNBWT39S8Ze\nQpUjaEtJSEyNQr1cGdbCHczRKWpIel1XxqbPCU7+L9xEBQFsFasHHoAxBoHC\newdxjwC8Ar4lQgkQ5gdpRZuMb+lPX18nI/GBF+OU634ZG3d8RqQS/0X/FhnL\nK5JDdEPiJb+cC7do91iu8Kw2aOi/QCbru2ICyv8gwWPFCYXI6wK+L/Jffjl9\nhCDx\r\n=zFf2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDIpZ0i+qX0fqaqV7QjUj8GHjV5b9Yh4cpMrTB6Rh991AiACif7i72+KHd+sTkaBHf6MKSKRAlD15862i2iqQhGTRw=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.99b58597.0_1602171481872_0.6040668591060501"},"_hasShrinkwrap":false},"0.1.28-canary.4a56a55f.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.4a56a55f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4a56a55fc88a99cefbbd4a092a9227a1d4559c4d","_id":"@atk/mise-ui@0.1.28-canary.4a56a55f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aHznEcp/B5DG9V/1CQwG3h/89t5HFEzjcSFJ0qajp2wtrWk6/PbnZEhVjcPvqWcdaXw9K/kIvBvq0N96JbE2dQ==","shasum":"dfe31299acb835316054fc9304408bd04e814098","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.4a56a55f.0.tgz","fileCount":177,"unpackedSize":1328793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff3pNCRA9TVsSAnZWagAA33QP/3xjl/y6ktQNVe8VKqs/\nZ71G17u3vZy+cD4YGyOCLQTwWYlkbQBDPWse8F1T68504uByEuwHmWeZvjWD\n7isbfjY8o4/dhOPqzV6Jhmurw7J/Fen4BEcoj31+f8JGtvElJ2tBJ51NfRGa\nKWbgzmOFlSuhAFHt1ksJv17HlbvuJCyQFpXQbZYa23By1BNqJTtQnWMz3cFW\n6xsNSnmbfTDaL2jpiaPnxNViH0Ezp421+resFobnjloslz1JCrRNIIQuhcKw\nSzwd5sqdEiKFdKzXnBNHjYNSRJU9OHJaiihWKvfdDWTyCxCpCqz8LXlRzowP\n3cC0bXNbz6OPHMxL4ndlNsZZRc1qJlNee62cuQjWDekUrB8R97LzKvkTbQgb\nJmp4Tme2aKjsn63V/yXP2TyW980x/4e8/clB7r2FydZ8Y6RrS8ZeQxr8Ia8F\nI+peho35E73FF2luQrfDA7VWDWmB3r7vVtNFJaBrOolNtjTR+F2+foikQNXu\n3Qo2Bm3dHbEueMdm+SE5QGPUV4GfC5/0NzqEWQ+rh5TL8FhbcH7FZ3W5PYcv\nc5YU9lnPw1NZ+Gs1eWihmc+Gem9cmcCjL+71hScHX50mFPau5aWqvy3C0bzl\nciKQ8OGFI+dFL9e6COmowy38Aa9C1QgUVXbtQwVwo1JxHAymi8DLi258EsU5\nUtxh\r\n=0oeh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbGvJemcpZtbSYh4lxw/uBCpXZJcWCKQiKITetfs1wgAiEA5tEfjP78aELmB67kWsSB5CkddcBAqzCRmH7MofcgCqI="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.4a56a55f.0_1602189900866_0.8599719737758054"},"_hasShrinkwrap":false},"0.1.28-canary.b18fe78a.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.b18fe78a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b18fe78aa1707dd21b9d5f54fbaaa8e697e1ca64","_id":"@atk/mise-ui@0.1.28-canary.b18fe78a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-O3nUHqOeGFwkPVBn+S0LFy/msiLwebyRO5P6o9dWO/+7vI+o+Wy3f5zm3d6NSM5BPrVupLJ7a6vD6yVBTlgAUw==","shasum":"5fbc24c43d8eafb86288f323966ad066b8675803","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.b18fe78a.0.tgz","fileCount":177,"unpackedSize":1330164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfheqWCRA9TVsSAnZWagAAIGYP/2Lknn+qNis0+G/EVqNy\nTbh8aLpQO1LRzRXZb0E5Q7ViX1gJDzO7kLmj7rQURMWHTiwPwiPJ3mELRS4o\nmiCMM86+X+HHHYIleYn+2NRUeZoZogksVXaqrSiloCrQ9kYjShyY2CwO95Jb\nzj7dfoEA/7q2bv4+nlQeQPRjLx+FgQ0nRGUywLDYCG3AGW/gC6TDUo92ygwR\nJRY3Sfp2xsdiX/m3ZFkUDxpVDJF3h8vpzsopHSmivrFAKXTwXWT2HL8RuNTl\nPRP/GpbCRZ4Bbn+nKqhhQn+lyNshujEK22FeEiZtvDrrJgkduDeWb4MxX9a5\n/0P+djPvI6ijpKwTEuTr5UCj99cGDr+toQBFOC5pG6ntSTpLuBCNukm6O72y\nhCMCnPkV0Pn9/WzzUAofIzIS6UhSpO7ONq6RQ+DyVzbNWGYAZlZ1CSNjw8A/\nPFtjHPm+/o8anC7nWHvI0knFrYE9LJNiaU68uj0kPBezQ6sL9AnFtCoH8u10\nbzEPl6oQ4EcRPUaP6FyyOZ8YR4yzJLdyorGFKDZiQVFLzunozRWwdWHFxTOE\n1f6bdBsoHO1To3TNyIunFmkrcPvatAX/Q+sb3btw2Y0u8MUQdEXGJxaEfVbN\nY+nYW9+LRmvzCexiPA5JiyHtxq72vmsDr8yDDZxxxtHh0BkLg41krNXWm7bO\nX/Ro\r\n=0wGn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGpzkfOYnw59VtXz1sF6LQM3vLkdA2WyyQUWSqxGvmiaAiEA/7WIPwKahR2Fs7dQQ5qe1lRzkHyhyiIBDuuZrgflzv8="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.b18fe78a.0_1602611862005_0.5231536747999954"},"_hasShrinkwrap":false},"0.1.28-canary.f19d57a7.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.f19d57a7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f19d57a77a914a47ce4f77523285dedf85eb549a","_id":"@atk/mise-ui@0.1.28-canary.f19d57a7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/EtcvnlsszmEzJB4/B8f6OxV9eOgiTFAYhbxZpCmrnW7UL4BsgBsveJ0bMTojdBpQP8w9tC9HqCdD4CadoJrQQ==","shasum":"7c715d5a672d59fa53c68613631e2e23fcf79264","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.f19d57a7.0.tgz","fileCount":177,"unpackedSize":1330686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhvlsCRA9TVsSAnZWagAAZGIP/AkTUZQZBx+4ZAZkvOvb\nsagXzySAdQU9xHAiFkFnYJHv9viisyOrQaa0Ip8NqivsFKTiCelUd6KRHAo8\nEAPjB0u5vdodVydj6jVqjErgwlJ3KspuhZ67EN/vL8rA44cXrASum/lcKSZY\nbzbWNGmapbx3yvnf/Yvp669ZEPn4rLW0nhMsAhmiGHQKK5aHOt12MIMy49Ga\nlR7aq6Z75DKPGkSntCMP7rxPPdr3VOVf7SFVDNbwkesvloF5SkVzrLNH8TnK\nm8FpYwSe0YfvG+e3otQlUAJt677bO7BHKdIepGGJA1G4Crch+/F0g68TmYqY\nRTKtmlHQaKtlMmzoaG57Dj9QFVsTLU1sNIRtqeobH48y3bKVvcll+OOAUUSn\nFbIy0gxe/WFe3I8Whd5SLDP+n7kekt5AUnAw3ry9GA1rEAt4VWxEQMluOvXq\nW1UTtvm/8Fviu2swHzdqmqKg7ere0rBHrn6XlucN6UBErSqTSTUQojEkbrie\nmucXNP4ZB8Y6eH8y4mOQ4SXs2XPdPSKIIjWCzN4+eTPj7YJjA7h4bsXY2L/8\niK+JaFMCx2JXpb1lRbNnuGfNNuUuMX8Nb5SYE5T3Ts9PNOl2gG+jmQ4NqGO2\nPqxGgvKNp/Kk3Rk3f8azo9tFfPOfOt4UGpYKIX21p0P1cmGdoDHUodaC996N\nfyii\r\n=ru1B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICqZtdyhJ0D/HC33rDapkafTc4gmvdHGG5rpbUb1ViQRAiEArV3yLCtEyE+DJCNAjwwgSZTrDLwzQwUJJanF0nFBGpM="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.f19d57a7.0_1602681195830_0.773795838937609"},"_hasShrinkwrap":false},"0.1.28-canary.d96af383.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.d96af383.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d96af383ce1274e023e99e4833103abfbb3a338f","_id":"@atk/mise-ui@0.1.28-canary.d96af383.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/jeEiqx1q1473su0MpJY0g3cmD9L//Gg2me6qmf243aJFioPDFVhpzVT1TRTBZet8x0ZmcsXLjjbHaXc3G63FQ==","shasum":"40da53480652bec27111aeb071020cd091ba2f98","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.d96af383.0.tgz","fileCount":177,"unpackedSize":1330756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhy34CRA9TVsSAnZWagAANW0QAIfazXsIFSsR7vixHFOs\n6Zjvu/bNTKj9Micy9XmhoDC/bdHNvz1PYZO+5zXPOgHZ7GiYN9w+k0VpWGKb\ndy0Ythks5b/dAISOfguaN25MColVtblXByQxEW+GWZr4FAlWGypoucYx0Bk9\nE9IpflhbZxw9btcFVTWATUEnKTXzpzMWzNbGx4PKKIK4k/tdvOIzYvYKYFgL\nng8xMMiY31uWMQJPIpsI972Mea0GzeVKG8AaD/HPm0vJfbyhf5ETOERNbmGQ\n6Vu5QNXAKYgt67GgkpWmO1WWHxrrUzbHzzv4I7VDfEld72sAWQAHUkc4KxQ5\nabIWTzVS6pcsNGbxmw6lUFzwFw7EBcTdw9UkGP3+AOD2M53zY+IfQ45xc3mX\nVmCL/IC/reJWy9Y63GDpMgOF0X8tVdBC4i4vYMEn4i65POyB8+b5iGuyEH9n\neQu8S53aFxFAtQ988jfgcKUg2VQCxRfcwyNTLuEVN8yDzk2Qod2prWw/YBKo\nc9o4f5TsXsLXu7JthXvXcsUCcTPQwygsb/rMIVNklNwWsx9Aqzdg1rWkbkb0\nAtMg4irrDhC6fyYt++030m5IX2wCPJwcdpnR1ULFyYqEZkUofGKOR88BeXaO\nVoh74ct55xGhePf1KIXRsAXAAIVRXa3relE5gR6i6py2haw3thilYXpMmW8O\nbvuC\r\n=rF8H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBQmrd8GOgviFBZwFRNOUL9nnuYwAUcExCVyzoG1yozEAiEAmpxT9zgbEQHTUxY1tKhLjxnaeDYN/uzPzh9gScnrLqE="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.d96af383.0_1602694647978_0.8241780577392961"},"_hasShrinkwrap":false},"0.1.28-canary.89c7018c.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.89c7018c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89c7018c9691c074710ec840e904de753d0551a4","_id":"@atk/mise-ui@0.1.28-canary.89c7018c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3N46rPk1Y0cLz6cbQR59c1vaq1MV4pFVl8Qx0/F6BCN08dEignJq9PVrktRBdrcGxpaZ30ZBBSn5JI47gTH4iA==","shasum":"d26da5a96638895f4de8780b834d85f9e982e929","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.89c7018c.0.tgz","fileCount":177,"unpackedSize":1330756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfh0t3CRA9TVsSAnZWagAAwvoP/j0u6qUqCHw7hb9gX+aq\nDNvCEtisNJlWAiIH6lE/Q/hlMPRAMThgl7ZZanvnc10FWe8BqpQxpH0ashMn\nXBFViaHFexceeLyR1UB8/tl2un7rJ7SO9nDzG94QFPclDAURiLwDhqf0C0qs\nMqKH8R8vrnKiNV96mBq3zDsfhmXshNO0ZDcXScTv0/vHftm6Xb/MRR2HTHdB\n0uLN0IPEpllgB0Ekyh90cT37N9Vvt6HPakWTYWl7y6jZ4yV9Kzdw8rUX4oNO\nztPzfHoneq3kPNrITzESE/5vLDf1JmhLElKiLQwgFg8JWC755TMlKnUrFeiq\nSakZ6IWlqt/4B1krQystAF/GrgVHVHvyLqE3oLtF7CsqUChBIzonqOnfzaWa\n2hQwj86+sWtcWl1EPni/kTAAhR8myL7MxUIgnmhhguLDNrzFwVRkTEl1RMqL\n2/hkqEbEYretiMj7PP2Etp3HfORuDSuneC9i9vTUjCZxAj99QBZMT5sUCWPs\nJ6E1CKVDOZh+jM2a/mElAWVyiupdLPeHtYfwKem3nkVvh2S/ziMzlyOQrp5P\nXqqL4BMkr5pJpEvFFFvmEuZcW3mzTebPWrnItiy4cTN1kRusSGgqGdbcodFY\notJF2WyLayEmiGPYvWSLjBwDkIs0tMFA1ImFcRYh1tkKKNheP4UwJ4uGwh10\nyonN\r\n=OaG8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFJsKhKhGFgfYP9PWZMzXQUG7YpduzstRbJyUrcPR3dAAiEAwar52hdzWjZiT0cGhGkhoN3ZhWYbOVFsLB1mk0xwpWM="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.89c7018c.0_1602702199086_0.672588050104433"},"_hasShrinkwrap":false},"0.1.28-canary.1f7a674f.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.1f7a674f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1f7a674f26b2660c12115bfeeba84c661f79a255","_id":"@atk/mise-ui@0.1.28-canary.1f7a674f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-a2dy8D4mfwASmtfNljm+YKogwkpJZp6ZkXPsa5fzTo+tj0t/GxTvqoFoIPvjTIeNsHxvfE7iSWysbzL5yMeozA==","shasum":"fc966c9c4325762d243c5c090a27425f02b93678","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.1f7a674f.0.tgz","fileCount":177,"unpackedSize":1332393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjcypCRA9TVsSAnZWagAAuBkQAJEZh89vSND0Jt2yJ1xE\n/cTQ5NpQj0PlVnDA27Um763lwv4BCasvSyvmNC/Up8l3boHuEmYcT7zhLkG6\n1fj/BrKqOZ5ApEOLo80tD9yHgreDDvCGSSdivGvDOCQTYKjQOEWDUgfSR+1J\nN9I5xf5gqR82sA0IgQg67johzbzC/M+4pU1mDW0nLyzEzGX/e9Inx7qpVDDv\nmBIw95L+J+N4tjzRH1UsjFTtFLB+pp65Ycv9gzuswZN9FFjPiUcFf7AZjslr\nE8YVm0t6nCSvvBXI1dnigmQFuImj69bF2/Uwlr4wDx3xnR7hQU6XKM15ZO7b\nIY/GDLwg2AV93KvCQBlhDoTZHTxFY6hTesy/ycXsD8z/jPlHKe0L1L8qA7sK\nwaKZJ+3gVvqD6wtHKiRWdONwuxRuMT4a+FmYFEq6lZP3EDNEpgEA/Rd0LD83\nrZ+Un3xmAo7E+Hgax/v/aWxwpxGo6RnBBptUOp6rwIPsphmRQbOdVKYimxK7\nXF5Ru60dNxuvHM0fd0hoyZAip4aw+r+YznREDTzcGnjNy2AUER00knOGWyvi\nnbxe/ij5g0mnqvpc9NJUfqn8KlailOnr8ynXqW/hVpTbW9FGOwi2by5zDGsD\n8IQKIrVHSYS0cV2WTMvy8A8D477R5isClcHucjCDnZzwH+7AGiDHCUrkz1Ax\nHxxr\r\n=2eLn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPN8w/odbzdCnhQJLLDPu4alja3+6n4Pxh3UOjRBB9FAIgNwThpRN6QW/sQI2NpxvEcPqJR/qbhWv2JdduMdLmVd8="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.1f7a674f.0_1603128488914_0.5106951579636883"},"_hasShrinkwrap":false},"0.1.28-canary.4acca8d4.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.4acca8d4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4acca8d42643acbe61219de27b73b6ee464d0980","_id":"@atk/mise-ui@0.1.28-canary.4acca8d4.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-jgFZmoslsPh47pucMamllBwewJXFoAuFi/wCNA0U1suEcVMKiOWnJJikpkysmH1k7axuxGQTQ5gxunBrDrCtpA==","shasum":"126b29c03d01c51bf54f07f53724cd8f3a2e709d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.4acca8d4.0.tgz","fileCount":177,"unpackedSize":1332388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkEZKCRA9TVsSAnZWagAAo2QP/1dwfXFGG19EajtOqTqM\nP69vVZQoWMNeHQdaMeAw/GQkR99+9ierr5t08oXKLpGy5HZ9+FyJEIC6JS1Y\nU9L1kZzGm4akvWWLQrVdA0PQZRWnlV2kImehbUQdDD8lpnry/mGvhYXvxxqb\ntlRgLCt8Y5y4KYt856OaYmL7pIgzlQC3i2bWMKRSykXpfPdvxAwo4sh0ovgf\n4VEyPdfQ/vboslkHN0HGmgU8xfwRQunbndXxx6AUnta/+2UyeWc5u/ZcNEur\nHc6ibUuY9bRn/smyCptujfWl2hfySqnmc1S9x55IuzulAjQ7wssEGzezcPc7\n6I4Q/GKTrFiegy3JuwoYp0bmlxGbkJmbiitGoSD0i9XCuxIYDHBTuxZaN2A/\nc+LvzdSNaQ/l0ZQYBvu1u+BID3b039mz5siav5ymegMd3GJA9xf5x+ihJqNo\nsvQQkOnA5S7gUBQSXGa6TOL5NBW3wRhLy5l0VKtGWTM1wAeBInpDjkQiQhVp\n/q+pjAUpLS96BQYs4lNx8Ido7zK6bnxZm2BGMDaGnUmMVWkiZHiYp2Gp+VW0\nkHDJTOUDdRbAh60KZNXdI8adm1cMNkqkfW8B9uPJyq2Club3qNXW0jfSpIzC\n/siqM8+9rrwInrGmlEIG7s1Qu+ap8BCWJpX33o4kk1F4Zvaaq3DUIJwCZlVi\nhKuu\r\n=SbeN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsgiLKkSARlCpNVtOZtGTjWW0dFtJZCF45sBkAT33n0AiB7vBz+aw/6JTBZ9UFHeTSBIoa1ktGgBKapYGrgVau+Ew=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.4acca8d4.0_1603290698342_0.7449306647350269"},"_hasShrinkwrap":false},"0.1.28-canary.3e4d3cbf.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.3e4d3cbf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3e4d3cbf2591af4cb7515ecf496e9ae05fa97db4","_id":"@atk/mise-ui@0.1.28-canary.3e4d3cbf.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-l4vzeW2v8hStkxdepKwLcpXtDdmwgU5Pw0KNn5E2cL47y2U3IEBUdvJwq/vipN343FGsngTZb8W5iEw+ak3qLA==","shasum":"5f3a900f520a1d05540937a48b5cc97cf400568c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.3e4d3cbf.0.tgz","fileCount":193,"unpackedSize":1278347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkZUgCRA9TVsSAnZWagAAYUoP/0xaR+AtkK/3I6i2zWqD\nDtox1kf7DGrfga0RDBV4dhP4wHI2jA9pwVlu1kxJnthbPCK6bXwxcaf+CHTQ\n1di1FvjDOH//BzF4zTAJ9mOefckDdKWbq3aMTriTovSp0WhhTV4B3kB9DP1A\n4vx1hVcllI+46QkfiTpzhntpSJmU0A2TiGglusr0JQjHQ7pq5Tbg/6G5emPe\nf8fhlwz0XZbSHr6/59lYhVmRnLQfvOeHV9TP5tZT3MFV1xZGjSZLfhAKsckO\n2nN0gwXr6wuWLsnH5aX5KmDTxuP+SWFomMtt1kQgsv5zn6nPsJ/vJhjk9Acb\nctPF6rGjt7rfNaZc8Z8AJely8AjBC9Vi6LMPMdfygOgPyVhfb/HhrIVYgLNS\nF9kYH0Z4cGxf0Edzf2IGDLLiS/bppDHdz3YvY48X+TPrZ+zJ3TpaKZMST/fC\nzIOFFh985TA4sQdcMIcsuKPT1WSul1JJgMBr1n0sWLCKBUIkykNaz2ZiTW9r\n7mhMyJwzUw8bWLY/ZxhVhi3TQkz376vmpsv/X49mrMouitwaQ/ICvoIFaZGv\ns0IB5vH+E0lQuGU73RXT4qruZqpZ2IpZD1hyGeUIzoz1GKtHaV5y3QHEb589\nFfms7FlvjoHx4cCJDJZJIz3sqYuRqpJECv1QKWR3KtMYielFjXqy9fXhKyC+\nTS3w\r\n=j8Hp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5c1UfTFH1fjANTAF+RDHeG0OPJO4eJ0Lq0s2FD3mKzAiB6ScqlnkFYoMTtkQMzmZM/kSG3n2yVA8ARygC6TI9MGA=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.3e4d3cbf.0_1603376415993_0.6368824207294923"},"_hasShrinkwrap":false},"0.1.28-canary.3edaaf3a.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.3edaaf3a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3edaaf3a3504d0b214284bc2da10e8d5695583fe","_id":"@atk/mise-ui@0.1.28-canary.3edaaf3a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EyYTrUJF67PihGqGklLdNgKUTkksXtLaL9Ccctq3kEnxb6dym5ZAT1SP7eQ0za7QQkZBOk34eep8AzRf3DFTZg==","shasum":"580c1ad9bb19eddd24aad0b0c73f05281663cecb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.3edaaf3a.0.tgz","fileCount":177,"unpackedSize":1337225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkb1LCRA9TVsSAnZWagAAGVYP/RWuHVt+qe7p4A+bZkj6\nq6N1ooMrLyX0M+pGRhPBGu/Lhhgf7BZ76/fXtM68I9ttoUQKWZOTGuH0alXa\ngxkhSRV6Bvb0yL48AC/mnVHLlWjPzqIbnPk3xyIRsRpbIHW2Zq14PFm3XgIi\nOIe/pihx55RVjjjBpUVzs+5C2ivxPmN7/jUf3mLL2yyD0H5vYOkIBgluk2bZ\ntTunuNkTNlZqEAwmfkLsWtEtU4zBfG5kIEcdw7l4ievzJtHURpxrDHNZ/eON\nHy4/lqxy+TPnFmSgZoeTWSPe3x8iOqSL75yRSSKeNSDBu/MSfydRvDsH7Y/4\n1gjh1kUWmw8PrPpAEMkZNvW69ncct89G27vvMVx1hFPRGX8QRZkBLf2gPmKY\noXYsyAX1C9bv4c6pZNAt0MIkb4GoCR2leaMufoEz+P0vD+pUNso0i3XsDHxU\ncAkxZNp1ZQo7ck3BiYNcZf4kOwQYddZXI/N6syBgtxYF6ZEo/9HectKzdwKm\nr/VwsjUkW6cFz3t61SiJxO/YZEp/dYaUchHiRiEVo5J2hLh0xbNOMOjuIEih\nYQdO+1LeOQH6ysqhVl/60Uk2JqGHz28LtNk2S217xF5g/FnOTySqj2LViYI3\niucc6nEc8Xz2J5Jv4V+bGGEXNCEdvNzZd9Ds5MH1SrQd2veM1JXJj4A0vbAy\n01qy\r\n=m93h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD/qB51gxxhPPucjd+dLt7mSBlEII+cFe9ljhxxk2UbgIgC4UI8kvKAFvkYR6mwjH8lqKPAIm2wVXk1YNVlD9Peuk="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.3edaaf3a.0_1603386698930_0.5833047050483711"},"_hasShrinkwrap":false},"0.1.28-canary.b5a85205.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.b5a85205.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b5a85205b87e3246cdcaf655c6370c16cb971278","_id":"@atk/mise-ui@0.1.28-canary.b5a85205.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-+9xjVfdvRaUEIUDV2St1m/q/yk4DeR892bjRa4k2lhQDF7Gl0IMG8LdOBjCE0LKsWVtwALFFvUMIO6Xd/DG22w==","shasum":"5d0fa530c778d60c458e74e3096b284c5730c4ae","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.b5a85205.0.tgz","fileCount":183,"unpackedSize":1289812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkdecCRA9TVsSAnZWagAAlVIP/0dLIVUf6nWJKQ07BF4q\nYf8HNGAqgfVtEWXBs6vryeTxPeQJkH3tpuAL9UX+H7RuM4SBBcI5LRHe2feS\n3rdO7iFQxbo9BQ+CFNVLz4LMA2FtZPZww6MLxnR21m8fW/H/wi5kyhcx5NHQ\ncCFmxNLWiom4KlvUhRafuDIlGMvzWCET4dw2tuTpW2QpLNJdOMUjqC3oYC66\nISH/ddR0Z9P+B0zRhftIOCvpVYSJBvdGxKRaQaGvA0bDab6vmvHebLDJNyRo\nBr2zbWh/vce0hcCgX7GiGuv0v8HWeJD5thJHk9V3neslPZGLbVAuIIhs/1hw\n8Ppw6DiSft9X1yI/9Fb6vrInH2D4q0Whzp2RTAEYU8w65XF3OLOwQS9c+LfL\nOjq0rA0d2kHjkz/rUqNzO6pALJslVH/NvI1CRjiLAQCzoNURQKdy/5UQFUZ8\niCDihNH4jLEAQ38eKy1LCzV4p6yXtN1ug6PL9TqBpqjo9mvdnC3gm4feVOe7\n0W1Cv4T4KbU8yDyW09wuABHLnZC+ojcnD5VaEHhMxnXMP2LACN+D8WpYGYGz\n/5iYlGopwpBRENb0H1xaj7Y5yR3PglL3wghbEpUBLAxeQoNq59uCq7r7Ilyy\ngvjK8CSDl/IKkJaYjisZ+bF2mhMMkitbMIHMUJtj1g7Ajay4AfiHmbP/icDG\nEelV\r\n=gWRM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBayqDDzua+hbV9w0eSIwNmG7OXleWAr4slALJWSHGb8AiB0k5ZLgC1b0x3q94y4cvyeqdFqbiKZx6IExjehs89ovA=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.b5a85205.0_1603393435938_0.04230100680207771"},"_hasShrinkwrap":false},"0.1.28-canary.660a7dd0.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.660a7dd0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"660a7dd0d8a6c17b59aba51563ba1d18ad8f3a59","_id":"@atk/mise-ui@0.1.28-canary.660a7dd0.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-qRnLh5Y7vHYGyOaVFITPEglEFd2+H360bMnqbSx4dS2mhWo/Qq7itr+WawBqYHHj30oEeSg4nU5Bp0mMPOEj5w==","shasum":"575ca57ea1ee8e923b51e0cd524d68a1b371f29c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.660a7dd0.0.tgz","fileCount":183,"unpackedSize":1289812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkeBbCRA9TVsSAnZWagAAQSoP/iX+sfJie8jVUDsvfCfL\nByyXeWIpaixB75b7yd2/AyCV7mK6hVjup1RkfZsjcysEVHT4cSGu/aPSbV9Z\n6zv5EGL+ZbITHqjSFBrUab6VHSlmVdpIFrPlgyQFBJYAZ63vvodTYSfuwUSX\nsiwH9+MjhuuGsbqz+OXJvMykwRwCs12PrRFUBJHy5LaOOPk3foHDWrDTi86g\nIyhFUZ1bZrnhXE93QEqFMkXdDSqiBt5YbM1Yn6wWItoyWPgpvzopKGKpmA/f\nwbtX7B2ES3NheDVo1z5JkImLlfsBLZ11jmOIiWoSwk9jbTBklTHveiihXm1g\nlTGug2K2mdu/Pm+GRzGmSE5izj/a7KI7Uj1rpu/bBoy315bE3zOAXyGIUTm8\nTUOFOhWLCqnenNiGPnySamN7mX8WaZR0Fi38d8z3NNzyyZjSkBWUk7JYFzer\nZgy0N3DNcoAElX6Lp+v5lyvqYsvZCLD16MUxYI+Oj+CUdNsB20QpQKhEk2jd\njUk6FX6WCI/Ff8o3Pl3bsq1OTqj+wlhvkBIHcZg79LdgQRzryfFc7OEOHNoh\nZMV0jN3i/MlR2N3i07+jb9ux2WbFB8SHb/dqcQySnB+2wl4v/VtIsZZgr0QN\njO6hPRnLOdw4WrM91EYvnUoF54mAoZ3sscAow09Co1jaMwMY9F16Rwax85x2\nnJp6\r\n=yBn8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvKoC7BjCbugMxK/4OGdyEzf4OCai7tt82yyA4C5FUswIhALFwFekVWm3vLXQAwjsIKGQ9cRP8wT1F9jX7FrUR4BOM"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.660a7dd0.0_1603395674919_0.944967155216133"},"_hasShrinkwrap":false},"0.1.28-canary.7bae2618.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.7bae2618.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7bae261893af76f4edead0a8b7afbfaa03fced74","_id":"@atk/mise-ui@0.1.28-canary.7bae2618.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-cvDAamP9cYIF8AdO9LjeBT/htcK2OgAhdYgLGYPMECk5Ony6Al2B/wMsxBbRV3UqEM3OOY1hCglp6uDKSmvejA==","shasum":"8d3bbdb84874c6d6d95a605fe71e3283870f7d97","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.7bae2618.0.tgz","fileCount":177,"unpackedSize":1337213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfktsFCRA9TVsSAnZWagAANQYP/i3JpiGHaZokjbvFY9Ze\ns5v5/Jtf/qQ/vu5TB2/097r3AWiNnZ7vpVSo4YLJYvYmPB8wQnQzxA3A/ugS\n/RYwio5CRxf6TQPZavuAMH7S9bafZBYKJJtzR52HnD074NaKM0MxpXu5UCqp\nEJYcOd2SZoUBK808nv0dYdy0OQsVx2tnW3t7ydLiji4Rc9ensK34yrRGCHT6\nFlQIVXVJpj+L+9IIkjStnsxnvGnAch/9w2uQCzCBM+DfZFu1mGKxZ9XJwWiN\nLIurtulflzWeYf32sV68Dq2NXQRLwp/9LH00XrqVGWZXxsCU8nDZmGttmA6m\nep/W5JScRJ4MwowyJyU37SO/p8p7ifHBM8vfjfxsDEA+REg3jvQmEgEkgx4R\n88LacGe92wrrl9/esolgrSN/oaPgB80WN8yigxO3zJ28DUf5boPkZSNHmC7A\nsN/fZwKaB0ycQdC8Ecs/4Glb9Ll5w6oXPVu6h1SFBtsvDnR9uXI3bMkM85TV\nEsfytIGAEIyUyqPMCecWLmV6DVnQLKWcbBHW2GXqGv5Wd7dDcx0wrHTp2j/O\nIaL83sRUdiq1Nv9KQQG943Z5pldWFED/cV5jIQlIzdUOe++JN27QCs3nNPZf\nt5sHQ19kcUsM2mLX3YB/rAte6Nzh9gV+36E4kX+mKElWdyHKkwngCrmcTEHB\n4Jvy\r\n=DSy5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+dBq8QJUw7AGNWsxTT0zh+oXvmBRcY3aTZHB4bzmWzQIhANQtab/dcOcd0PI0qDy2X3ZL8l1a70LsvkKpOcauWWOC"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.7bae2618.0_1603459845012_0.04350111855366445"},"_hasShrinkwrap":false},"0.1.28-canary.b0b48aa8.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.b0b48aa8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b0b48aa8e05fe028d2694926fce179508132059f","_id":"@atk/mise-ui@0.1.28-canary.b0b48aa8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ETOCmHFBfwFJ+Nf4QkX9xtuunR02R+uDoqXic0aOdU/AvX9jzRSN+hi+w5lrf6R7TMduyMF4ixhQ6D2rRfgaxg==","shasum":"b9f610b3dbb33592818ceb481ef5bbdfd8e3b971","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.b0b48aa8.0.tgz","fileCount":177,"unpackedSize":1337699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmDTRCRA9TVsSAnZWagAA9VkP/0ZnjIa455lKuHPIYdZ1\nqgvLi0WXU6Zmtc4FxdqEL6KSRB7aq0EQ//eYe3/FAwZNRsKHAQB4TS+YM0hp\nLzR3IB3M8Af/dk7Eli/lN95KAUTrEA4uNdETaxVRwKXDvZWyOMyvO6aN/pJ9\nzNqX14o4ZRpsb7IXddySMqjaNKldscjpucxjOlEbPrC32U837JV5hiovDwI+\nTZ+gBqFaRiZDanYAQ8ygb7uFGuhANal02GQluOcVJbe1oHZXSdMVY8cv3g1S\nnZZTPrluI+Sv1+/pvZ074UefizI4s0VRdvHOEqsFY9ILYJA2UMpsDdBWu3OL\nJcy/nLzzc+D0Ct3SJtAyLnQwFsKwDua/kE9P2YgDL151P9DzWTwLKbmUEYlY\nou3/oGm0rlnlv/m60wXHP2rZ24FSeRi72GMKalhECSa5PvwNtpJpSEtycKtw\nddoFQ4cyBreuOyAluuEVjxbO156VR9lMU2ilBPHJqxCv0Ymh5WH8VGsGTJ+l\nLubRTXVJOVb/KGQmTZ1iWeE5iv55av+srwl4oon5p7sxjz8LS4Hv+ooF4IVI\nn8VNGloIXaif8YV1+Wy5V+Y9K8MB9Z1HdyF5a4Yk43ShSY7rgVf7065Asb4/\nqd/2LD66jFWEtnfTKJ4Y8XexE+iAfsD0NxwpGDhkpYASzOn9W4Q2qYFVcqms\n2MqW\r\n=QwqF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAnnJpHA+68tJgfwH2adV7LfH8Z6n1fFEQTb58GxI3HkAiAikHFByxBaDh3N4NJdl5+9qxCcsktKNOcAQ76gfBp7iw=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.b0b48aa8.0_1603810513178_0.5118041247674481"},"_hasShrinkwrap":false},"0.1.28-canary.08ca76e2.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.08ca76e2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"08ca76e2c69b32c63c698ac90017491138e273df","_id":"@atk/mise-ui@0.1.28-canary.08ca76e2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ex9nzjX1/4nrDWukUCX6aAgrZd/w20jd2E6Frr+iEKm1miNGrgdb08yq9+1CoPnWqm4IPL75KZU8rbiEAJKSlw==","shasum":"bb8f6668cd3230228a4843deb9844103d26a5a46","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.08ca76e2.0.tgz","fileCount":193,"unpackedSize":1284126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmXQ4CRA9TVsSAnZWagAAnyYP/2ITgT+U8cBU1mNsjTYL\n2mPL8XDAyUheS6h2+5x9ySMx2bP8ZBJKCWHa2Lqo31hI/U+5uoD1wFFmwRfb\nQPCwdK0zfnSPRdPhcRGpRaQYCwkfKaJ9vgZzcvDdeszaWdXDIAJjMRtmc8m0\n8OKycm/I7ejmRf6jgw2HZlyhfhe4b9aL2CEyGYI2/mgIc2bafVMkr5zF7kxH\nRFi1a8RlCk6fVVte2kPLuD+Bn0c6qVpUD8dV4bZ/sJOj8mTnPgAe6lymEEKs\nvD1mX/o2sLdYpl7AzPNxv6XDynihuZZetM4EXnH1v931bzP3gPyjGoTGOLM4\nDyvrzN7nOdGCv28LpfSuj7RISgMCrDpOlMMBYrtUQwOAFagSISib0ejG5Cfl\nttvSnOrFCjPbbx2kgzK8vx2OX2NEp7ggGhR1wBZjihOqNDoCH08ANFtxOqt9\nvShgLcRocXvnWsiKFedeK9Wka3tyrcwz2Xe/9JT8IxiQNWq+oGAE4clKOl5M\npJxpyxMa80sUrxStq3Ijt4GaPgBfSxPLClSLDDbNxG785JjMm201bDISIkyf\nVet+KwWHkkx/IRaK9Q+X5Pwy1jwrdCPin/uHJ2Uf37rcF44PQNuLfzI5HR87\nIO9ZAWLgMk1B7LlGIg0/doW1iRa6BnAbE1M8e2VObGP4oWzRVNp5/EAzyPDG\nnKZa\r\n=Jkd0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNjpszPDAeIbJbZ7KJ6B1hsDrG6vGQIqpKK1vn0SxfNAiBPZRoAHKNtYevFvjgBvMFVN8Bm8+FY/giqHxdWZTHBkA=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.08ca76e2.0_1603892275015_0.8609471771146209"},"_hasShrinkwrap":false},"0.1.28-canary.0cf7a432.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.0cf7a432.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0cf7a4326f37d297acfdb67e3cd1f1bbfa9170f3","_id":"@atk/mise-ui@0.1.28-canary.0cf7a432.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-86rcdPlTee/lbBfLp5DoW0/AgFyTG1FLZbrNzrz1vFUmGiT2FffUIWXdY82iDfi00CvlsqIFP8+LKQtCtDzKQg==","shasum":"e8ddc9579d06b5204ec6252a7895433c89a50155","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.0cf7a432.0.tgz","fileCount":177,"unpackedSize":1337780,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmYuVCRA9TVsSAnZWagAAdekP/2gTOJthvzpcBfwjRmQi\nYc5uzM5MgXj77X/wGKOMMvc+yLwUYaAS/hySLkMcBqopONG2U9zk+n+vyytc\nc9qX6AWZsC2XCuaL57vtn4/+fE43SYdNPU4cjQcsR6IoBCfNnz4ZWr1cSZU7\n8G3zROAAyLssPT4/BVNIutBVQ4KmcXQd44gjdoc6LoYhPjLwO6slfCKPfWKx\ngX38fiRRuE94lp7QYl4eE8PC7WaKwwtYNohE2aGIf1WRsA99/IqY/7S3pPeE\nTlTx8BOJkkipWU1vdS2jfC7zD9eVsl+Dj6ZVRrnDwP93yotcxAMQUP+cLyiu\nX6Hi/JXjKr+tuWSY4EF1BRXzrOg+oHfUaJl4+peirB06eHTBBvgADWTBuJxc\nga4e+v+joU/cz0G39lWICMj7RaEadrncegtZDdwbCoP1TWHrCTL14o4dcaLE\n6GMRUz+q6vQY7YvLv8sioir2TM5opOcrdbBcLRT6pnX1J0scCM9ZOp7TXuqE\nNvhhllm4EB80olUxbXZtzBalwSWkTqJZk8PY0VX5C+qBxj/CVTdshd0c/b0p\ngY5znml5/ILFuRVN0r4mZOnfEfcZwUBkdh5dRXZhEeuMHyen73ZKbh5DARyk\ngxw9GxKfMnnPg1m3rYCK+x19rwNunx/gSI+jBeJON/HJTFGfdapAQQEQC9Zu\nocEo\r\n=pYCf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFK8S6S33S94TB1F5hbgfcVooGDiWseMkGN8ICCgNzONAiAae8Whu4haE1oqJxB843kl38phsdHcbKLC6ev4tRdUcw=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.0cf7a432.0_1603898260222_0.06315135416499928"},"_hasShrinkwrap":false},"0.1.28-canary.6e9da9af.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.6e9da9af.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e9da9af127f3c75f5db76634c5e7fef835f31ae","_id":"@atk/mise-ui@0.1.28-canary.6e9da9af.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oWTGSB1nkdvUPdN/CWXdeZS3KERCUuWetRoNBKJKkb50sUPcQpPTrtocnuiJqRnzUe9LHfPn3UWE2fzb5+ae7A==","shasum":"0b2d02fb913b3b2d21ef88d3d9d90cd2a6ddd971","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.6e9da9af.0.tgz","fileCount":177,"unpackedSize":1338104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmcCdCRA9TVsSAnZWagAAi+QP+QGFSap4RXfZbPOs9jg8\nCHGQc4m5tLFVA/Zc5XI32HpgbP8VbBApwRZ6WXItbL5ulIgOKimnyHnUilDU\nKzhIDppHJm4l3kty9RIT4OlZAst29STTuQvdGZU6C5PHAgb8krVxXEOuH+JX\nXvYRPxnp2e1PY4pg7JjXR8fRlE32a+9I/I2xkFIYA/LcSKcaPb0r77HCZIIg\nPsWuoJOObOsOsykljVf9QASPmJ/9C5mBZhIwoXJtSf9a5dxZVT7QeT39TTzx\nEAp5X0Co9cAEO0LtNtbGAnuZVcCd4eI34j8/1uoJq4hpMu0X4yWrOI8lsgHg\nSRfJnmlZOT4laBifrnRpWHMt8QgM0f+d61KVMuB/b/FexiMZfLYseHFeMd12\n9lexXuEoD/nWxJYd09rfiYJgvuoJFDxVv/EPFJf+9dHyszVTYe4mvK7xHK+i\ncZBFxZ759atuXj96vLjt4EMNJapLIS/xO+q2YhS9dJRyRhwaWcX2vfBq3NRD\nuVEMEuVsvzEKVh+t8OHH3EKM1MPYcQuuRArVTVrqWWcnkyldhParRGSfSuh+\nIu1b8Th+T+6MutYg1S2kfeBeOAkx6hh59d/eKjOhJBCe2fw8fDwsTFduMAxU\n3rLh+sk+U2lPnTAavMuJClm+WLkJ50wpGTxEc7YYqYS2961fK3GR/1SQTZZl\n/66w\r\n=DhRA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoSXr+W50DJ41Y16qIY2GwGXG7kjw+XAPC1aysDNxk1gIgfZ0UzOmFqYSSBXqZ5YrziX8W4XUqIur5N74u5+NGSJU="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.6e9da9af.0_1603911837062_0.3959735673298208"},"_hasShrinkwrap":false},"0.1.28-canary.9cc96f8a.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.9cc96f8a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9cc96f8a7d4f49c4054333786cc900cbede03f88","_id":"@atk/mise-ui@0.1.28-canary.9cc96f8a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-g2j5HygnN8UGKIhYaHYSQc6V/BcuZCEOlEurt9YPhfSk2zdeNKwN+MHcJi3UQeyGu7P+Fw6kHNzMvBvZdMJ0aA==","shasum":"ea14ca599014f783621dde2ca95335d4a0dd46a1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.9cc96f8a.0.tgz","fileCount":194,"unpackedSize":1286306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmvz9CRA9TVsSAnZWagAAx3kP/2kTpvWngFg08MzRESV1\nJ5ZxpKQCmzIRgxaRWSDZxjbPjpcipnBGjAV87ki0UltXwPOcQz9321nAsM6A\nKYgPTYOOZ3JSy9Ciz/vZslTuNu0nZKZFjY5jy4GQK1dv+njlwNOz3gPQEn2W\niCKOQMUNbK00d5axPPMogl4/b1qlx0CxZGio5NagdoWafKXHTzTQ4HvkSEeM\nJtAZAwvVaDpILARvChhCnFrpVlDyWpMe635sRrquI/1VB5sCWpFQ2hmAQ20r\nKnZ4FUNkc0MH6e+XRnUg6FYMJFH0+R3ME1xUIuudL7bYjM8x7NFkl+lt6XDp\nBfriNrq31y02nP9xC9EOeXbDcrxQdxkbQGCWvWkhCQEFK0i1FboIJN0w/rrk\nNgiVtxyOoRvFE8QU7h4tD0o3qY40Bn/WAXPoA2r4jwGONNcETmO9pQiQtrJQ\n6BTxZtLeNxXhTBZdOyJPoyH9IpFj4TnlGytvfTJ4YXDNfeKLD3SbCBlEaJ0B\njrh+zKscGnlQlUep9zA+u7FevZfCnzp2xrCN0SpWMqe+BdiO2gYlYIaKQCL5\nKxWvNBjcnYeiNWs5eCYQnOgyuQIwC590vk5IBUYY8AtCWr3wtvxNZwbEa3pJ\ndLCxsaJAIgjoASzRlmHPhJGQa6faW6eb7zoAGFoRf/7+DgaLi/fg26Oygy68\nIBlb\r\n=48Nh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBksHyCdOTXJnxIhMmeZ05JbzgGchPhPTtihnFlI+GpgIhAKbXmKdc9aHfOnz26IAOnFOMC11zpQa5aq3CdUvZpPPM"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.9cc96f8a.0_1603992828124_0.3346468812311405"},"_hasShrinkwrap":false},"0.1.28-canary.470a552f.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.470a552f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"470a552f1981366728ba13d233e787f8fb25e1b8","_id":"@atk/mise-ui@0.1.28-canary.470a552f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-BmtV+macxU3RJHrwrmle7PYPobEAB1UBX7e356/qdjw6Y0HVS4D08Cx8CMsJwMNKZldjxAMtMiLK9YIQgZrCDw==","shasum":"249fff748563c268a872b17c092330e70018c7d7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.470a552f.0.tgz","fileCount":177,"unpackedSize":1338104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmwrfCRA9TVsSAnZWagAA9p4P/3A+D1rNCoNKwrtMvKvS\nuwcIoKoujopO13TM060zJ+hZOfftTxJJOFSyzvTtya5ze9XLqH0JYVjqe5IF\nZNy4pCwVDoDTPfKOFJAyfuLWJFMxF8eT2CSDnVgVGoi4vSDNjc2xiIIrPLph\nPH37lTLfUvFPyNaWh6SvyHyu50CpQc9bGafqMTjUA8MQ2hxY8c0+8CSd10by\nKScbUfJQzaf43kXbsKUmE3U4PZYVp2EqL5U+H/4avno/fpQrIF3GyU07o/m4\nb4GQQjShhKM6pXduLTvKRoR8fcaVZGkAimtXLo15RTEM9lvIGL+CCwjUpwyS\nHwxFoQioi3zkbcCXbRimmvz1viaBqT6kMfjMgs+s2JdPFEAmf3KnzGPiIwBL\nnNmtbtjnOxcsGDPJWZoPMUqDutgLYZ7mtVFebi22PO97Fpok40tPH1DLfri6\n9PaupMjfUUa1vs3t72mwgSTSMhN1vymKQsWttj3zcapVSctl6DB+duY8HSts\naPznm0S9yu/HPT28pxS3Y7ugGv6vrtAglsflE7BoxfNSFDWieWab6CkEu5Da\n+f9Yng0Fho3s4CC3qtO51TuiHYoTYRBCotKpNELngc+5Nqo0IEX+MlV9E+sI\nnFNz98Q3bQRxr4ea9nTlMFVIl0Cng6XMWWymrrWt0Ibt8NiGCTgEZ8zpe0Wi\ntHdr\r\n=LWE2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSPPABkHX20hCryUc2QQqtRAVTwYe7LnTeSo0tLIEaOAiEA+jzyEKITZ+M75X7HjQ+lNUu5vCfk7zYgaDB5gLVNcIc="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.470a552f.0_1603996382708_0.055310084987467034"},"_hasShrinkwrap":false},"0.1.28-canary.51ee97fd.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.51ee97fd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"51ee97fdc6996659185c952c368bc407b40e4828","_id":"@atk/mise-ui@0.1.28-canary.51ee97fd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4ABaT1zkVyUtc2qyc/mTdacrlqJPWyqo4i5oOcOPz7irY/UYcHGH6U4gbEbrfYZTU/gDZ9amhshEOalMf+kYBA==","shasum":"7e04e031277fd0e6a2599d06fc668fa2368bf72a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.51ee97fd.0.tgz","fileCount":194,"unpackedSize":1286410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyqHCRA9TVsSAnZWagAAcJAP/irxYp0buCDQikkEbyXp\n/hQM39GO9MselSuYgQ2gZAVeMF8Q3NvSO+xe12uWKoXM2GcZmU4SJS8Mus5n\nfCgQsl5RYsULCD3ETufPu/lwPHsbv0HJNjL/nZeuRjkDhvNGInaKOSaxQ5vS\nR+Ys1M/+2RKwvG0gWn2VXWjjx9JxXpc3VjXKuO3GLBOqOHAXu/Z6Lkc2SMgQ\nns9xzwXWTcx4fyP0W1xcl4Q+vYdnA7vXV+cp5629nFQSq4p0IwZacEF493un\nmekD3HWOMf+Ho/6DEfjidbJVA0mDbhNfip6upVTLrzG0cnVVYFKpZXXv0hAQ\n/wDAZGNibxhLSj61Cfm05QKcZJJfHUYp/OpQp6u7aPSRJIfBov6aEayVwCBn\ny6f3Vz5GlqzfaOO8KURniglwowMNe4IegmaaOH8b8IRcKUimVxTzN34LXxcu\nGJ8vexbh/u5qu5ZsmyH5am1r1m9ZqFJRdYtxMzA+4LNk9Uy5b0EbwhITwZRJ\nEYo1dK2ubjkm5BxKVhhX4w2igHIpq6n10twt0x7TVHa3jVcXVoxwW/xtgkCu\ns/wArRq/FkPTRJ+FcpL4vewSU16DvuioEArsjcjwvZ4KwGgZTzKA6t99TGIM\n6aDDpZzPlZit9+5+uPt0DDjoE1PX0sFN8HGbAovxfkn2xjEXqks+0Nleawdv\nrSR0\r\n=yDHV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgA/otlTEr+9ZYnsFj+KwBAG0OCQRWMRoS98o/pL0KuwIhAOVfuOTbntKR1fWtElSS1rY8QSKdva+GlvlIyz11rQHw"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.51ee97fd.0_1604004486765_0.6470088620223906"},"_hasShrinkwrap":false},"0.1.28-canary.34de7fe2.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.34de7fe2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"34de7fe22a2717f63f01594bb7039f8d22662ff4","_id":"@atk/mise-ui@0.1.28-canary.34de7fe2.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-FR42OumfXsBY6Sw85DuRxuYuKjTQO6mxZ+/viTYurLV/93UDBNC/9d7qlwfWdEEGzo969iRZt0XfC/7qX30bgg==","shasum":"1288fd6ef94ceee955e0e51317c94eb7d9430a0e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.34de7fe2.0.tgz","fileCount":183,"unpackedSize":1291312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmy2MCRA9TVsSAnZWagAA1/wP+QHhtrZ2SvLRStbD22i6\nT80/SfiTjvPh+yqTr7wXxwEK/AsdfIn9WnJrud/vRkl8FuHJanNhFVom6g3Z\nJTHYtu8iHhb+ASxskaP/hS5pkNUcJkawHPoCrTIUuWcr5aeYAEQC9AAmoGt/\nOXuXEYswBMKFVZliIiqjRNEM6Tnfl4iMli6Bwj6bGsNSdnuIQ7fU+sFAEIKP\n61a1tccmeooBxNU38jjFSLba/q5rUvzrnhfplMJf5MzLm+Pk5xvNd2T0LDIe\nhTCiKYurCCUEMUmwW8IicyTpJMMWn8tPvMKIqvlbluPVUAphJM2WoRpU1Cr4\nVVNqzG9F9vYHb5NmE+a9w1EzYlqMnF2dE1MVA+DEQMyDzSZ8KraSJC9DLxcU\nJ4fqbH/ugH0/2fTo0EmuaHNMqU4eVRFFav4XPCEe2RC9lzNLdVzdNGydV01M\nAP3R2Ys0knrlwScbB5xrNEgRWkHZRl+E4vgjo6yfzCMhc4Lteoyv5ybYlJg8\nPYcyKy4her0ktMiZMqUQcr7b4RwpWymcHpzreeMK6SrqKk/Kj8+eP3rhhz3Q\nc8wrU1z1MUxd1E9UI5WG01tVCUpv0w2Il9mt4OptpKSNQtejwiRFoIkG6B+j\nnO+UIfouXkEgj3hSIhtAXd35+5E18cSNi5jfFYGKdATJKc6XAEm+4Lxt7mHn\nwLnV\r\n=tlkg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyONA5GM5qNRHseXBSclAiq6ItbrLzm+YAXr7b9X87tgIhAL4vanzlYjTj/NqUjmjejurYKyEnhEHb9lXX54y17Msr"}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.34de7fe2.0_1604005259479_0.4276337485121118"},"_hasShrinkwrap":false},"0.1.28-canary.7524867b.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.7524867b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7524867bacd70efe71c101682a3caf6f19f9a2c0","_id":"@atk/mise-ui@0.1.28-canary.7524867b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EXHK0En5Zs67CvWDBys7gzPZRPBAT1SrsMzv3dn3pxNHyjnxoy+2rprlphXx0nVpR/4jDilvj6035i5KBnEheA==","shasum":"59d9ba3347709c8b70c7b7a927378badbb24dc71","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.7524867b.0.tgz","fileCount":177,"unpackedSize":1337941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnEhDCRA9TVsSAnZWagAAfmkQAI793auvxgKhovqwRWWW\nJYqFPOVN5XyO0nHtEx17znl/14jJjKpNMwQF8YEHR1/65j1yIhR76iv1jCAf\nkya9nulEgEGWIAYjWtTBzjkuPcuCVZrzJ7DAIjE7xKutSrFPVQdL3jMIQdhr\nVYVc22TsnN0coiiunzSILoZpQgTiy643R8WcUgfO9eIYad6nb5U1MZq2Fgic\nSWM04Zn6U6GhnbqgkrmFHAmDa/r+hrFglch1GFXIOs9Tm/97htgsJl+Ke+rS\ngeXlamE+N+SlJomJzERjD4Xam7m8A6114Ec70Ualmjwt846UK2SuR6yidFBS\nU089hFQzK/djQJBcF4nL2dEOSfkjj2niRPxlbIbbGASj2UF75X/IpQbRMnJw\nXT4mkipFmYULO7wg7GHTxPDghktxOkN+yxeqgjEwOk+yoMCHcKXURjTe3udn\n7pVGb8O3thAYv7QKPMqFFu5D1n7S0hJWZ5yAUBLwkkjD5ZjKr86tdwtMn7QW\nqO18XcZ04UuiPBhHefdHzbz3UW8Ja8aSS8HWCe+mrUhRgDOKbhkmiFoh7Esl\nKnl7v54cqsdDFdfsk7eQpbk2bhPzscLGdjDi4k2RR5v7qBP1z10yXGRDtdf0\nNQZ1T/qywHsuW3wlL8xiq3j0vkXaPB4137TVmRA2BPNDkH+MbBuFjHtNhhG2\nWvoi\r\n=/uyK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEn/b6p4/zCBIY1AhRKHz2w0p4m1iHABTpg+3TSIHfCIAiBkKE6Fe1XcBewmm2E3R/6rKAA0v6OMpI9R6ZIQyDj6Hw=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.7524867b.0_1604077634715_0.5967075335516783"},"_hasShrinkwrap":false},"0.1.28-canary.309809df.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.309809df.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"309809df59f0301f921ba47d0eb472db7e402597","_id":"@atk/mise-ui@0.1.28-canary.309809df.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MZq2JWIdn72mvBBJR+Zi9MaxnMPu1j9vSErYkLMTNlLgQ9Jefpb32rhFZKNQodP/eItLiXrdXAwzzwG/zb9PQw==","shasum":"7798f73214d1c8c93c72aea5dbccd3bf7170220f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.309809df.0.tgz","fileCount":177,"unpackedSize":1338459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDfqCRA9TVsSAnZWagAAKwkP/1nyxOt6++gptoo/gFxP\n/Zx8G9VXL9dXyw7eddYbmRcqkbLajkwkU4w5prOAlVOK0F2PelFpqvUfl7HV\n0cnk5ehU/fhPhcwO44BgEp51Q7/1sY69nKEv6D7+3y1ER/gBM+aT/SXpaRUS\nEq6P4bMTYwPZiRzBE7tTzVCckG+EYydoUr3TVxX9T25H3Mh/gZ/fKjHsun4i\nfk5Gbfn+hgR4/OD/hIen2vuRgHa5c6IwKpI8G/fiYJuyR0Vu4n4v6NSr2POO\nxByJ5YvQsxfDbVuNqtwL/XlKuVMGe6GZjZGMD6keRXT0klVttsis8wN+/Kpd\nssEaV3A1k9eznjId7uTdr4qbVP8/gbd0nrfRLhp31Ha0ArAQyhHKr5v8l5sZ\nlUCSz+nVdlVOTcFksNBLIVUnNa+5sr1g8BhqhHlN9ZIMETHbiqLvvxRjTHba\nCPSBbUX+++5Zt8P8sXpkccgUzq0ImF2f73xK9Z7VeN07/2gpqWXg90C6/qfz\nr3Far/cqG7Hb6sJ0MZdpvrmuPDkpcwzb0bihh7N2+Q1TVrz5vT5/dfcg8GoR\nYWftsYRvXfZQy4vG/g7jA2cN29GDgnY0V4yuXP8E7OAPQsNKo5jOKiOD90JA\nbagKDSPAbEi607iKaUoVzUPQbhShbeW+EneUM/h56zbT31mqxzyPywFABtQw\nTmaC\r\n=IXYa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA3HPOIqHZR3kGLwqjsl0hxkiHhKHcECnWDMSG3ukM++AiBDsymaZiU7L4X/xx6avlMenaVFNHVglNLmKeyUV4I7HQ=="}]},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.309809df.0_1604335593771_0.001566183248449926"},"_hasShrinkwrap":false},"0.1.28-canary.1c19002f.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.1c19002f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1c19002fc7fb42e28f9a00cd2d1d984a62e83b81","_id":"@atk/mise-ui@0.1.28-canary.1c19002f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-u1tyw2tfeMeX+4qdmttqeUUQSzlgPe9ehMawSbVb4fWluQuRt6oluOjCVjPQEHJHnfXzt/UXIQmt+AhgJBkypg==","shasum":"8542996864e5704946a5f6070d5f149bd390bf00","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.1c19002f.0.tgz","fileCount":177,"unpackedSize":1338391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoWrNCRA9TVsSAnZWagAAJiMP/0Uv3iUnubr3exLKbWFe\n0AyQlrPCjU6EymCLJ/dzWW7BHwqOWa0y3dL8EewdvBg6IxJxHPrju34o0Y5W\nxoL+St6lVtUDhe9/b6fJVKPJ+EBghAmwmXhiJHGraqQWmdoUpvb10wxSY47e\nqBO3vsEbswRThv/vN4IADKj9QmSx2jpXpl5xifqEjcwOi9j9fjixVr9l4zat\nO9CjtbEaHAmFQn6CD+knZ4x9x/2YiUfYMSi5zfbcq6QKukHR2WQ5FJBQjA0y\nhB2WZC/99pxixj/Qw9qgXBDsTMMRoC1CfiAlXc3srnIL5QaCBG73j8HhWG14\nsMtVlCibqF8K5g6CC9jNlpDD/qykxQkPQJPLOfMg7HeGYcCeuc0pUZXnS1RQ\nTxoS1BKDOt4WzGTub1DrFB5kHtCQHOCxnTVEhoMZUflXYHCfkw6CaV/l3cjT\nzRJTyoEjC8cYEgcV/yCi9R1NZj5dgmMIiTzhzQ7iZKViE/x0yBFnjERsgcp1\nu6e7kzHqksQPxe2CJfC0NNrmsO4vU01BoRXsTMpKaCz9Sa82H3k2g8BkzXvi\nkLqMnFdU3ggVyKyd2ggNsk9sMj+tHU6qnPoYwm/lt1YVBOEJx4iCc5F6NvT/\nFc3iGZiq/p9ZsJA9g22mj+J5Vi/vjBney9/6CVIfHaF4tF3mAjfnxTuKiVCl\nc+u7\r\n=h3Cs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLjbvQCR6vgwM7GwDfn48JI6b3nzsO1LEBTwoOTOFJZAiEAlfDjlR2Z3ZCFYt7Reo9FbPYNuo88LmVYwAsu5LjFudg="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.1c19002f.0_1604414156561_0.8037689815833877"},"_hasShrinkwrap":false},"0.1.28-canary.6639cf60.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.6639cf60.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6639cf6052cd3a0a8cd7455e8165006088dff469","_id":"@atk/mise-ui@0.1.28-canary.6639cf60.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-SuOV+P9YJyHRuuJKcftJPnL23VvObjbz6BzBmOt5ut9BTrwWXTWpNxTZaaCyf1QzR5YDw6nUkRdzEDSXQAFngg==","shasum":"6058a2792e4fc6bcf62e59e547e78c3d0b26ceab","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.6639cf60.0.tgz","fileCount":184,"unpackedSize":1292397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpGyTCRA9TVsSAnZWagAAwJUP/Rn6Zs1u5OPNNVC9cnwu\n0LtthQNFBzr6m3agUeT7+M6eS/Bbrfbv7+l0iClwX6OMB1ulzCMb2KdkGQzu\nqnl0b1CAdbk1OgMtRPT38SJEcxiB5LH848MGKHpF2yB9eNoFvu0Z0Ti96U0x\nPLMw88TlnXh5VfetNveKE9jCuv/xN7wUzxZdGcYDwg1CVDd19FSI2jCHrcZ8\nzaiEHsJbTLglYf1xvwwZazYzOmbZ9M/dtdHJnlKSfZA6HqHmetvN2jKpZ1TW\nnj3++JnE5yFR+CDT3IdfqILjOyLgS6FCfhiC9bq5W+sOB/A3jej3bOL9pVP4\nV8JH92tRFk8DVwTSB4eE4S2E2mGLveGuMUiZ6/EsPvoK/UYLeIQFnf0QcFgU\n4r0p7uLexPNKTlzU+bJFNZ9Yocgv8fM4gzhykbG8Gd22w4UeMUtvUYa12cT3\nQFmAT1+RqIj/bATulZrwbrIrHUAD69z5sd8UHQf4+vpEaGoolh7ssvp3+TCD\nRex6toi+tjOyggYuUTCSYhY6e6TmgvjJf9X4l0sjFK4rFSsG4jQm4DWUDmlB\nAMbjNwgNjTfdjCcs/YJBJ2gCaN4skcqOLSZ8bPhObnC+PmIChfnSIqcR5LdS\nyAC/q/DKv0mNDzMro3V1kDJuGmsWe2W3CQnnvXHaE/KduFnal6+E5WizLPly\ntt8E\r\n=f/zA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtoMy3NX3D/aL4B4jvMIll4qkOLMp3Kr5kczUUrPMbUwIgWScffDjp2wCScMeo28Ie6/D3C8WTbgfU3k968X7+pbw="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.6639cf60.0_1604611219023_0.6325754283855043"},"_hasShrinkwrap":false},"0.1.28-canary.e851a431.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.e851a431.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e851a43189a8c079196e0c9ee871558b258a4d17","_id":"@atk/mise-ui@0.1.28-canary.e851a431.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-EOtB3G/mGCf0R1IzWa4pgXueZ6UL9fTSRPxjAPeYTh6PgwFhjmEc0qvUi281lJBkfFBoj3XqL844Zf8cf11ZHw==","shasum":"c10ea6357dba55ed245b37fa707d4b74de198372","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.e851a431.0.tgz","fileCount":185,"unpackedSize":1293848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqU+dCRA9TVsSAnZWagAA6N0P/2L7aaPvsaCEFRhx2uV3\nvMSsOSBkuZdqdd0SrRoqwT1KsHLyW2pj0DisKQrJhWZ6vHmahi2Yy2AVZ0vn\nSyMEiBYlNRGP4o76K5gaWTo2tSbNYxWS+obZPxZkgKRfDHaH2/ePkvGh+UFd\nAWu4CWOs1CIc4smicHexFjv7MLK1E6v0SV1RTbTVZfIEDbGcmaPCuZEJ1RfZ\nbTDeWHhbUFnqtmvzz0pGtgLD6jvO9rDiigWJDkrcn/+XPhL+5WGBx0W2lGyP\n4rWBbjURgCEV1GvtZ8BnNeegfvGB1cxBuJRMkjIkD4L1os5I4ftgf+PYCznm\n/kUIJdSpQIqnPA0M4giyFgHRQ9PYyuoacCTClNu7jSBMO3QyIx3+IBZnqevN\nWlGRuDFaibqZKNRbHIv3hAKhkQ2H+zyZPGdU5M82rEBu/mHDaip4uN7l7Fr3\nqeUOpxgCQum4kv3CYLaW2LeC0k9ZnZKwuv8ruPtOrmntbsP31OJxzYF/fzVJ\nE+IcYvT/lEwl643y3lB54np4kNXAXTQXNTFn2wJa1RRZBUAf9SAZQzLc4+SP\n/jD3Jdtee11Te0HtE+nA4DLVZjBvTnZiOuI5ygzrkKy4yWmqUu2NAvchoohN\nauD05XCg4T2ZP1AGQkedGRcR4NQZoissaULC17/wg/VoBqanhNUWTQoGDcqa\nhEEB\r\n=Ib9w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCg5rhQLALT+hDKkNDIHsg2bKZ2+DE2SVEFV9Lyyd0YmAIgX6P32MzQkkIrH9O+zwiPFqQwNJVCW1ySpoxGNAvnIDI="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.e851a431.0_1604931484359_0.864707249582658"},"_hasShrinkwrap":false},"0.1.28-canary.7a84c117.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.7a84c117.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7a84c11735449236c692ec5174e6a78ae74239f7","_id":"@atk/mise-ui@0.1.28-canary.7a84c117.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-DFHqGkihdwZqFHiB7iwfbWTl7q085+gRZW9YDw8fs/UObbN1G0WxsldZs1gTlPPovlUoSQw9AuXfoalJZF7tnQ==","shasum":"26e843150874157de47b9495ae231d871c656891","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.7a84c117.0.tgz","fileCount":185,"unpackedSize":1294682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqrtkCRA9TVsSAnZWagAA5ggP/jH8byh/x742Y4eYoDk/\nK3p0/b8nzMB43fnZV/nHeW6uzKDieEZyKKpIdwvB2MzYJeUvvGwrG84xCG1y\nZUHjfYEpLBdMJj5XrFRaJATeXcAtGqyhLmH9Gbb/GziPoezz3SgnnZlE///c\nfrHT48cgVP2BQJlIOSSDQ2mbYvpG/yWyPpKI/NOphiuAihM1A9mH9JQSCrh9\nwV6ZLjJ0hN93DJZRd/XAk4QwxrhU/25lAnhSBB3JoSE6lCMztsc4GMML/Xsq\nQw4hSclAZ7wIbHzPUGSVvND0zaglYk2begAELLiB75V5H06dkAhG4e+vOnpg\nmTYXhO9hAGMIZwhlsq1i8pKwR93cW8E1vOUg8Twa2GgwZcTE/RYH42XAwn1V\nQ0L1LP5Cd3fNjSo4I4BDwM0TOuOoCw4C4aGb6B6GPtucGNmdocGAMFAKpDRc\nDJx0STU6x0ThKmYjaO7DMHeBtUeSgFvAKookiJEcXSUp1RkBJsnuTBZvTHdh\nKYnNMmkArvSXKvia7Qf7MlsnnP+nDgB4tp6GC0vYoJPNeu1QOIjmPEAn1PI2\nyGO6OoGPlQMHm7RoU5fQFl/D/W5UWy4ONhhRzTUfZbb3+DlhBiaX8qw08ewt\n551qNc8Cp+0Uh/LvmTRhGxnDYEriffNEp/6bta57mI2Q8HCcwAXio8HKsJxO\nexj4\r\n=QQFs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEj06WUXPzYUJwPRVYGFgCJMDuFqXM7JGtXkMvADDIAbAiEAiYILEbMuA8kMpDnTN/+MfVPralERZmLjwEppKNDPIes="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.7a84c117.0_1605024611356_0.7286829575845502"},"_hasShrinkwrap":false},"0.1.28-canary.fa98ffa4.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.fa98ffa4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fa98ffa4ce04e7ac36bf7d4b653fb465fa9a10cc","_id":"@atk/mise-ui@0.1.28-canary.fa98ffa4.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-ZGa2STkpShkJlsnMwb0ISf1iFJnVD3OLfV/rXp+8K5sqcRxmWneXOYqZijHdd6R0FJhz+ZVJLhWqMl8qNqYkbw==","shasum":"c360c728bc27340707909b968e5bb580a6d526b4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.fa98ffa4.0.tgz","fileCount":185,"unpackedSize":1295234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrCfSCRA9TVsSAnZWagAAXl8P+wd61H5tA4IllK0ffABu\nU6Rpx76oIBHXjXY56X6QWlKBN6QOIyHI0wM53/WZXDQB6NUdvkifLzmHn7KX\n6IV55Gefyisp+uYQCal+QiyN5vh/Cto1XvFYRk4guRqrctib7xrbunlb10az\n6tNdvcbqJsHUWZa//dklKFCJNcv04eoa3NiCifmDbzlLmsg7MkdbgBo6Y4Yl\n6m5JvnflkyJsqKvU6klJg0KJNUZYq+g5j0u1CxflkZQXPSRBjQh/X+aBk88Z\nhirtpT3s9UjJcgXPRTs+jhgpU2rD06urpDQIVGGUn3Fqip91ArCGpxtGhGzT\nUvVB0F/hVVJrY9ArNGyTFRlDnvnoY+jbwr9pKVOJksqQv9cHcCLgGoN9liAg\ndQ1aTpjFSfCs1Yjx30XblLanI7uC4nLZ++EQk87q6eH7XbQS08lmF/e0Xn7+\nKIF6Wuam5azUlb/uGhcyMk1FAesptk3tPViFtqhiYIwzKkeZFf4w8iBukqch\nCcLcf8BxwpZv7O7ZAIxnfh/e2/Ozz+3aKHZvp64xHrbV1Uu+UGHmExHeVNJa\nwEV2CI/XazyYr30gciWOS46MnlwpPL/WRWj/P364gzDWtWvfgVUZ9/2aa4IT\ngEPNULjJ0IubagFKoi9/lHxkVlFVmquxdeQUem1n3u8J7WqXQgHXq+4ICR3n\nETiC\r\n=cJeb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI56msMJTfD49dhrPSU3/eUK4OJdp8oq5vli3Evni3dQIgXpwXY/7ITy/qDHBnyiG+HrfR489ulu69vIdd4ZjXMX8="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.fa98ffa4.0_1605117905266_0.16177981048086676"},"_hasShrinkwrap":false},"0.1.28-canary.1ea1dd18.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.1ea1dd18.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1ea1dd18dc51828c84d51dddb1074b2b88461fda","_id":"@atk/mise-ui@0.1.28-canary.1ea1dd18.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uIVH6Z4na4x1lHJKfIFPtDWf9Wu/urg17wDvX2tY+cZmrVmdmxHg867I67zAm5RgR0BdxDbEBxRPjko8cdZl4w==","shasum":"0e82aec18502454debe6276abc7f87d463254685","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.1ea1dd18.0.tgz","fileCount":188,"unpackedSize":1266551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfstDFCRA9TVsSAnZWagAAFyYP/RGBXCBtHa2p7PNWfNje\nrZkJnhkxl1hPT2y2KmI7QqomAKb7YOQg4HI2JfWC3UqaMBsXbPXQHtVKnuNE\naywfv4Gi2Hthfw7Quo2nWJY++QrDviJ1Kp3KNdrNTqYMP/0gYI+wL4hJBcF9\nxjn3D5wYMAKsNLxute7Pl/xBCF3XV6KMIKdAM6xe7qA3Shla5gOpTzUwaQSF\nOcCg4ip22NYO3fpl+0BQd18Z0uj12lOUwxdUKmE2HZW7TmBlI0/eBWiccd83\nvvc8Kk1ctG1imObvIE61Z/iA/TQqqooBDe7Uvxz+K4818xU/dXnXC6FoBXzp\nDresHGTUQpB2aCHVdDy+EA70859g0akZ8fYFYGtVHj7s3ZcYmSx5Ts84R9ra\nlRejQ2jUNdh5K8q2adclk9RQU68a1MquNvT5lt8znUG+gyhzuEqBOVk1A0i+\nE3L2+lATworLr//i2tObqaLVHFyZn82xq0jdRiXOJ6mO2YiSV2PhlbZVkCp0\nyiptMRt8jUfobQQr3QzMNjgSSpwO77rqSwNAAb8oI7MrdH4nwJkZ9VoNGsih\nmwH8JqeVRhYbHYcUBPQ/EGch/pVjQGTp0G8KY7s+gCyVY7ni9t+n5WBJaQPh\nGdO0TOFpuE9jJH/j6i8pQoK1coDGErV3vSc0HC9suxx2qmVXoXxnb4hbp74f\nqAp6\r\n=TTQI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC0qza5hKaxsudLS8nIINsbB2u6OEsACGoE9f7bJHVEyAiEAoynjrxMbBpceGD5Z57YofpzlGl5mk93etNgZ6o7/xw8="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.1ea1dd18.0_1605554372797_0.9444528581538865"},"_hasShrinkwrap":false},"0.1.28-canary.50bf6b81.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.50bf6b81.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"50bf6b81871432ce13a80eb9ee8666041a13ff43","_id":"@atk/mise-ui@0.1.28-canary.50bf6b81.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-9YHe/iHVpSecV4fS2Um9UlGKqJ1YwmvXTNrLTRxJYlA6dlx1KvE1RStVfOEjh52y5DWPGGd3l8XQL7kFkIVN+A==","shasum":"3c5eeee0f9f5ea491512195b659b29b7fbc749a4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.50bf6b81.0.tgz","fileCount":188,"unpackedSize":1266551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsu+KCRA9TVsSAnZWagAA6eYP/1WhFcjQN02qZD0GSHC1\nltKSkYU/8WJMeNG7g79Egc3JaPQeZryFfXQ9aD1YZpyPSFT7O5TPzfHGyMTe\n85r465NsZwrVaUJDWEdNA9U5JnZJ9LyrdhIyBZiJwDBOYkNL8La0i3RVvb5l\nE1lH1zXU7ki3zdpXnw9zzu7uh1yoX+Dqd8wEzspddBQrhoSB6RFnXrVOEY/O\nrfiigP4gT49B6FRC8TEjXezlNGkgrwsQKS5p905/XL4zPTU6nP/6dxVrwfYV\nm84IrWCNd2wGZxoixrWKzv7XTbMaavIWvUOxHXnR92bal/gg4+t7Tf67GmIZ\nRd/HfAs6yTs44mUqle72rAAj6bi8ir9rfFfSTSWhp6Rr+d6MMsQwacRXCAZA\n9FJN+gatkCyLbeU+JxIC3axCqfXeD4QUJ1csXxmDSllQIGLOaOYGeDrL2o2m\nR5u3tBu+nvlg6bxNosOWVvFoVnqwOT3W2N4DDqlP0BjhzjahFANKUBchHclB\nkm35x7fK/c9ldshcV0ZLqIr86V1E4Y11Gzcs03V1ZCtgnp3Fx67gusIz7fWA\nAmmhYy1u11nvtMHm8OwMazdwwOwgoik5Ptw3Loq3tDfDbRyD9egly7Z/CewM\nXWyNXkhdLmvszdlSG0RlpNnb0uSKOgJYRkSl09k2PvGMCS62hkAh7NeS9t+O\nqiy9\r\n=zjTd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEF30ZBl9GNq6782DCKtDqIoeqheXC2/w9AbuC7MvLPrAiBDP9rnOmQzyx/26mr+bcdX7wk2mywGNm3lP2cD1QsfHA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.50bf6b81.0_1605562249382_0.342896203355624"},"_hasShrinkwrap":false},"0.1.28-canary.461296d2.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.461296d2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"461296d2c034680c216eb4d751a4972ae2dd0da0","_id":"@atk/mise-ui@0.1.28-canary.461296d2.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-GiJq39PoOI90pKyC//zWH6c7aAkjejmcrJuo7JFMj5N/TC2z6V6gWrwQCYNlcaqJ7t52WlOOqMagevCIrLYSwQ==","shasum":"bfaaa816c344962917cc3da0a827f9ccaf4bb44a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.461296d2.0.tgz","fileCount":185,"unpackedSize":1295095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs9qECRA9TVsSAnZWagAAfycP/j58T/83uPuILrNr8Dup\nJvN5iZ/ptnXup5Zwk7dJbZsHKacibuVPCRCysTiR6W03VhjQnHJUJumgabTK\nilY0KJc04uSrI4uiHGqXd4ZinuOD1if5snilqIbd6cEho70SU+ZkxV/WGiiD\nAMR9Xq06Md2l4sahzAS37hwMeRECJEc0JvfPy4lR8ex0ElWmSNMkNEAK9SaA\nzmzb8iQaoJPjopfg71fVeYsoulrlqKeQaX679vEQ10Ue214EV9+MLMvncETz\nTCGD7oREgqGNdmaXY+ow3TtbGNTLBPkeyPxP2sEyVfaBy20ql4/GZX0qq6QI\nF59IUW/zeld0TcWeXZqZOAAnfEFMx68iiVo8pFlLBRqtbSNmi69uNKMepDyv\nz63rrCrCuCtA/3e8hCJxm9o+6RfZrXA8VKDxX4VuphG2C4T9ylsfrz4c1SOM\nLCBmjZCCFU/QJUtSrzNBwq+Yl2UUn7W8bxAaba52EBcSuw3r5hah3mw4kbM6\nAsGzYbLSFn/fkwwDFetgcjgMmmWcTKpxtEKQi7l+ADmpeQZGMQtS/nWs4sII\nbTrI+ckfWBOiiueJBbex4/RhG+xm0/YLRL3Jeqy2wtM0cHO6jFpcqQgeHwGN\npyPzMdvmefifRc9CeFlZajw3JRSvQi8wB9FyO6sZSU3YmTbi3b84yRYF043B\n7SVS\r\n=ZW3o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8qpICkZ+3uNeO+Ngdqm5mNpH9TQ5FmWJltShKJtri2QIgHgeru2s0Qurb5ne/cgL9/X7wGT3y+EptBjqZVaGI3DU="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.461296d2.0_1605622403631_0.9891170520779671"},"_hasShrinkwrap":false},"0.1.28-canary.923c171c.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.923c171c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"923c171c455b6acf800f90d9de599a6d8ab97d80","_id":"@atk/mise-ui@0.1.28-canary.923c171c.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-LW/JJUmhLXgx+R8A1G3T8rZ2L3SN01x0m+8WRzPSez14gZDxrn0u7C/qyAuyibOp2TLAlyof63ajsGeJ7sU4yA==","shasum":"cd7cccb9665c2fae8d41153173293174bd3ec8c7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.923c171c.0.tgz","fileCount":187,"unpackedSize":1327124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftqUNCRA9TVsSAnZWagAAQrgQAJCVDIaj5XO9P+S4RfYy\nddc05cVdFYVsRWvcYQdHE7kzqQIfg8rifm7CJCM+91xVnVPmmEUNVanGtc0s\nFNiFbM3w3NrjntJQH1gw46y+3nov9Az+yvyU2JsuT+/Sc/uKNp22mSQqf10z\nVWg6i6v0nL/KiVeU0UHlQFsBS6SSJzW+ShAOUeIqrBOi1v7BeMAqFSRMvx1h\nQzcWLUOJZzH2q/2Y6TRwaP6ga920fo91O3sqtmJWc2eawwCqW04TOU/VtuHG\nkidgfdH9a5qvv5J7L6YzvXo9DahVgVWoXDgKL1y9ljf3piPzoTCLyPwcLets\nEeCv/C1cRcWpbVin62kGsJqrzPaluA+8OkTmYd1BEZULL3USIJX5oSPVJvee\nAgQf48lCN1fk28SRyVbYe5eHkDqpjPPZVs5GwnnKhGCbHqmqvuzzDuq8bHyc\nHoFmNe+lIUs2rSS5D+r/jFKllGc5/cMBGFr2Y8qdr79Zme9lsEddNHhj+KUn\nLJW8b8xCGjFUy8g2r2YHjfIkrtBbN/me5kEEmhdJmiEGdEcva6d/zpTMT/2f\njP3R4J9mUBkxWYzMF4rb89tgUommtWg6NNV/7A6SaQL6CswBRs2lm7QIGQL+\nnD8GjvVZmWssWRERts7qg1V3DuBrFDrVmElGvw69if1//77kwCfMCZwWpMZG\nTcmu\r\n=eQjR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTqTGvWQDT+3n0q6yJrywE4+zssrWKamFMzpRLxciKtQIgUXXtq5sWZ8o+F0IucUC9httA4BUoEeKyECq/Pp8FBJE="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.923c171c.0_1605805324983_0.6205894001493124"},"_hasShrinkwrap":false},"0.1.28-canary.99b63aef.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.99b63aef.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"99b63aef302f0ee904b2db2c2be3035630432b54","_id":"@atk/mise-ui@0.1.28-canary.99b63aef.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-xUMJZlhShFJaOGGKfjbod1sXuLbdqBqE+5/xdW/3JOjZcNXB6n/OPFO0OiZ1f0OwKtPTKJjG5mBuPpqyvaqgKQ==","shasum":"348cded562fe674b43353fa965ee391484afa169","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.99b63aef.0.tgz","fileCount":187,"unpackedSize":1327124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftrCcCRA9TVsSAnZWagAA2acP/RbW+SqB+YFYeorXk05f\ndJU0vPAMdp1Klnc9R5aSw2M0ii4G66fum29fDPTrjke83y8LiLZhesHPxHfd\nOLnwrpj2AWOOsQN435fXQaSdF7bry5CLxd/Yq3XG7lHzHM7Z0nKwUH2vV8ZR\ne+f+8fgcRw473qOgB+5rVidOutcuSGvCycrkgYRoNMIPBwr/iWmERpRpHfod\nsEymvNY8r51rmBwZ9eYDtPWUhxKMpMY1S4lHMoSdsO70fobCzXi1dRT5F65u\nqKYOQA+qW6IAzgusNo6Vskg7PQARpSS2kKQZ0NbnH0m329pL6a4SsvpkJMa+\nXHXUEBQFfxPPMQpWqiju6qN/UhNJDMS+4rR5aVJyukzrsBq1ZEu9zQFp4CUc\nv5P5aB0vFIwnvp6WSuWfA8tyHD7TeUTAsnyjOezPNuI6LzD7ER88EK6LfHxS\nyAIpbhemtMbun3ODC7OwdSPmls9+BO2nxdn1LZyjKdr1oiU/VYFN+9WXP4OV\njf/tm3FkqwytR9bbSsYTSL4d5ge25RyjC/F+NGWdA4zXkqbRdFpVppL63n1w\nbNZ0VUZ8xIDyQjGv6PACwZll3jI7ZEwht7BqCn2435XeusrplU8pmTJYHDJg\nn/pqYbDi7lz5I7ue/P0gcJi28wpiL7ke+2sxZr8+qIR0HQeH5p5/ae+351JR\n0h2/\r\n=gMDr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICO0PiyXM6nyB8rL4xomsD8FSk79y4Pi0XOX0AxjXdvdAiEAivXIsf8ep2GVrlcguKgly4ZLFHA5j+ZXvf3XCbGHJME="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.99b63aef.0_1605808283742_0.7768829427178094"},"_hasShrinkwrap":false},"0.1.28-canary.99b63aef.1":{"name":"@atk/mise-ui","version":"0.1.28-canary.99b63aef.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"99b63aef302f0ee904b2db2c2be3035630432b54","_id":"@atk/mise-ui@0.1.28-canary.99b63aef.1","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-4C5ao1DwZoXlmPHUX7IBFt9+MhYY39yAdt3L6XTVUdRPGe+UiNN7mqsKiphWLShC12636vhY/HDIa3UrcqUCaA==","shasum":"990f798ef692ae9fcccb245959f390855f7bb78d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.99b63aef.1.tgz","fileCount":187,"unpackedSize":1327124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftrFVCRA9TVsSAnZWagAAEfwQAKLjsm/ZE8gh1UNTXHWt\n8x+RT7mhwjvrRp+SWo+D+BWdR9HxIP0+PbXeX0YT87x2sqQkbPyvGM7Rj1T+\n7uh+er/Lj0HtqZSzdT+jIIhgMgYTj2+6RHBKRylw9tQcW4usBGbiEmbQcAw4\nVHTutBcig5rWR1+wWSZIB+Ik4ys1KD5MnV5JMpBp4gqr7wbCWZVLU8uq1J5V\nhi6/MtEKH63JcZwuwC4qyl7qtb5yr0rGUBISGhECcUCB5tWl4W1Z8AALf9HA\noQmC8QvSZvETdmgL2I2QwCKt32N+cqqMh4PmtWjWG5Uv6083w967XlyuO638\nToNmAypq3RgBUd+i0NE45A6981dCyHIwofzQMxXjfKQkPZGUmTCH3Q0Yjysh\n9E7kuWjWkJcescPh6zccfnfbqfSC06wy8Fha2OnHcxC4tJ4jWrjM7l4/Sv3m\nRuyPyAyu/EBcdbx+cqX+K8cnn+3WJ0J9bg5GXt7mrjXw9UByRhxc4jsseJbH\nlrYrrFJkBXdig+CIIY3zpACN8vrK8ejvsEanWyWgdeCCAlvtvJwjWzSLPmAS\nBr+LzFL51gDWu3dcRs2V/nslCwfJtY9QjTGt4AU3yvxKQLLxXGAYQyEkXM5D\nOX/8Dg5XWOihFkb8dTyZpT+RE7ARBg9eEmEbEUpcF+so9bUrmTy6kbmrAZuf\n/0YJ\r\n=DKcA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBvWlPEGREiiH1DItywLPJNOwsv5vwQpWU9oDpXo+88cAiAiBpe3eEX0/LaJ4a5hCG11iWlZ1ZuwnlD9Xx10/xE5+A=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.99b63aef.1_1605808468895_0.7460041709973833"},"_hasShrinkwrap":false},"0.1.28-canary.1b94b629.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.1b94b629.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1b94b62979e5f4b311d53aaa454d9331bb260405","_id":"@atk/mise-ui@0.1.28-canary.1b94b629.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-c6TLTy28D7HFr7nWRvGLlxsjZvSuwLyaxq6rCkV9F7Kg0yczmd74oJwVqdv+nVf8nwlM1vScW9WMBJ7lEz0aDw==","shasum":"be6e66e285aead4884190bd7b38dae9b39c51e5c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.1b94b629.0.tgz","fileCount":187,"unpackedSize":1327187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfttpxCRA9TVsSAnZWagAAWHsQAJkSVFdAIKAE1/+9szI5\nOU4172/JGrrBG2156RjYji+Wk/1AtCGSETayx4sb1XShl8xIFwvXJ6hErJux\n0t4yeqRHVW51m4O1HIw6bBmSGN8hclGP5A7ZY8fGEYS+Q5ad3k1avNTXjQc2\nr4+X7W+mFD/XiolTzYZCc2Iyx6pWIkMFH6syaA6IzUZ7nvHxh5ljAhEunUUG\nj1dqg/KGZlk649pePFmBhH0azhPCvSzU2lXejV91cghq9VFHANOKzUVkPtJe\n+7oDntDJZyOpelBpPgQziTAah7QE9E526ACaw64ufNGhxt5QazNbxhmHroBk\nXTT6A82MQinMEIO7Jf0gm05QBBAIBwhYAAfw7iIBMJbA0wnBWaX6Mu17K2/C\nLKPBabaZQ+OLPCiM/f1ZYiYdznQneXmOOdBtScAyT7+tcBIxeLGN3r/jnhAB\nGkI+4QGjEathdQL6s/e4eLw7jMbbhrmR+cHm7hNCGaGJAjW9Ry71hhPeNkLX\nw2Vc5IXqBi7hZ5PJSEAdujees7fVDKi2MM6lervpV0IyeOkyahOWXgRhT4cz\nkTpOGbEJPJqIs6QXNxLA4ApayNAd/F11UmdcTmjCHJns2q4soKmGGOu7K6hI\nin2460KbaJtFNdtR+k/cXXa6oZEGFqdyazqMMl20A17p/b980iN8E/oVEXoR\nI64L\r\n=FBVm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZjiT3lu+dsVD12sRaKgalRQE0J6peZxwTSl1RKNc+oAiEAglmvODPmYTlbVnPCUhXCy9X+d/sOj1EnEXqa2FXN9Ag="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.1b94b629.0_1605818992768_0.34998658736394694"},"_hasShrinkwrap":false},"0.1.28-canary.98ae6e00.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.98ae6e00.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"98ae6e00c30b6eebb7c237d15027775b23c4296b","_id":"@atk/mise-ui@0.1.28-canary.98ae6e00.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-8z5WhfyKPzW2vHH4bOI2UDLQ0EADogkvuA2OwOuUBewrilRjE/CiFJIjAFS6ic0IDteWh3ChNSCK9PAKkQVnSw==","shasum":"cf59ae0456e1880fd88406eb1c8558654c2ea420","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.98ae6e00.0.tgz","fileCount":187,"unpackedSize":1327185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvWDoCRA9TVsSAnZWagAAr6gQAIEwHi4hHLE9ZA8XUyub\nQkBE1AtXth1aYP6AeFVDr6oeeC0/JUloSNzXgJ2eQsFNOLRVSJNey1f3DUow\nhQ42IrqCw33cDOEs0xPFHpZk4Oz+0hBxmjvVeWywSAw3ANcaXsbzIjkRNuYZ\nqdTthLyl0s1nmZCnYGEnbTLqsKXYPelQ2sDuUONavzVlvOplSPBqoG5fKWnT\n/bImNbbydZBAcoyHoY/h5c/vBPaYdqjXCxNz/09sak6o355nMO1cALVBHmZl\n6zOitdENsFxvfzGJsFA0paeB0OL9qRZFus+5gij+s6tCh8tmyxzNkk8oBb+Y\nPFOSXqQryYgoIgC9fFsbemEYhKNK8wddMg2yFvfTilhU/+GyNq2LNEqcqT8Z\n/0xydyDws3oiHiVPmi29+r5E2QFnO2PtPYcREecakzgzDLKqpEXBvgLXNQe7\nXHTYxijb5xcdK64zwa6asSpZfi9sD1jqg8DFtDDEaYBlms6y4JPtJ1PVlpAj\niYWAbJbcr36ictuy0CJFjtl/QUsRZp+O63Fs3xD5mkQlSAvyWt9Y3otHjHR/\nI9wm355So38EeEmeCFHNGuHTe35QjNfA1Y6V8iKUSq5gFOa1c5QSgSKYPUPW\nvgVSETGu85bfWzI0Auij1+vB7kOMAg+Eiu67i3iK8VZ8N1n2wEaO+freadQv\nJcnd\r\n=FqJJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7dRvNezewjjyRcvCcdzyz7zQk0yeRy2+OWd99K27sogIgKM4DFZb1qAYh76OV8VaQsdcwnoHd6fTzSSP9FNObp+c="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.98ae6e00.0_1606246631691_0.8785151961186564"},"_hasShrinkwrap":false},"0.1.28-canary.9ea99813.0":{"name":"@atk/mise-ui","version":"0.1.28-canary.9ea99813.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9ea99813da5b9e4046b72b9577da6a14afdad7e3","_id":"@atk/mise-ui@0.1.28-canary.9ea99813.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-VBDMNTq/z7yH95O6NKxP7ap2EWn5LerI9titxj0hbcyvxQqkcOef4HCXmwQPlLWmF3jKLEaLGsbqQMZlzHyErA==","shasum":"c2e370d89bc7be1591aa51a0fc69ed0eaabc3e3c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-0.1.28-canary.9ea99813.0.tgz","fileCount":187,"unpackedSize":1327167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxQ1uCRA9TVsSAnZWagAAouAQAJdWgvpBQjO4EuqND9fv\n/2Ksr3Ta2XDuTZul/9h1t2Fyg27sorJMa7tPQ+zX9GtvqhGEoeM8nvyWEE/a\ngZxmD5VFXFBC/TwwmROWMEDp8U5C/pwXnWJWglH6LhxMJNooWH6uxLOaT7bI\nPi6ljIXuzHA3V2uCMg7NMC0c/f3c6X4m8Oa/APH7qQGJcxF1IcHiEttxYhNz\nvTTQfKYpJSEsSzq9VVIXYqwuGupywLP+UNFayhaMN9BOvwE/3sfBrrTeoYQw\nVhh5Qu4Jv7fwsC5j8ag1sX0E7Ium90HOrBipHkVoNfU71sLpUYEqsxK8SStG\nM0SSJa5HosLJ0jGQhYZ4W4ke5JJrsiN0Zf1SuPVw29GDC+p1m+FPvlmNaAm7\nBOWtk7kfGnnWwHdvF/4GyUNvXFVBLgD9vdhm0stBw/bbBY8jRI7pdKNjLpdo\n4FSPIdajFBvFr6jDVSe1dSXBEKeYWENLIQWad6iOgGUVPZvL2j71wjpfFyqB\nPtQg9GQZ610bu1ulUzwsBouS24c7HGg7Q52VYbjWdkDzScaeFIXk5e9LP+h4\nVLgFdVJwYHAQDw3FJ1I2+4leJKy1vMO9NIPwyZtwd7S5cdNM4FL6FKS7qyIV\niiYkHXGOXYh3qFPKrxH3l7b4HfKtorRH8DeIa/trgcxr1f7hzEJtoNJlzhPX\nL7+Q\r\n=zvOG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOo8jzmjS2HMBXbyw63lDRPDUnf5jKt2/xvy0XZuOLewIhANCkFOtRpmHVzFyMKh9hzgrUAYXk7kecT4gK80HOfWJx"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_0.1.28-canary.9ea99813.0_1606749550122_0.8175408059037519"},"_hasShrinkwrap":false},"1.0.0":{"name":"@atk/mise-ui","version":"1.0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"68ffbf0b90cf4b806d4bd08bf8525fa0a5ab7fb5","_id":"@atk/mise-ui@1.0.0","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-S8UPS+7Ncy+yEH9ArxOkN36MGjjaRu+KzoUuwQCQkOvsD+pfvD3wcHdmYmjdRiR0eXN8MjzH1QpMkHoKquWPJg==","shasum":"6b58f63bc9992f88b86724c8a2bba3c202a6440e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.0.tgz","fileCount":161,"unpackedSize":1236801,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx60jCRA9TVsSAnZWagAAx+IQAI21Azwce+oDwtTNd0n5\nr9f11RWhsbd1x3vYlkPs09EWtOe8iE0n8Bs/PnloOsofeUoeMFmo+nGJRrLS\nDH4DjKF04QYEo7V0wrcXQV2dUDNk3aSPMR3dbT84+V6e6gA+uSPkiBt3cykd\ncCF859ZsmdeQGxiEIgmR0exajLXj9t896KfXXi2xsj4TZjMtQ2mgoeXEkupv\nZ96MQJygIv501kziPZt4inDv+9fBTbQx2WafIKSe/xevD+7EHc2yLmLLHMWn\n9IKgaK9oIfMtLiPRq+4jNMsepjvzkDbyILjoqv1u/FV1ekt8471eKHOpRI9a\njsNT51H+qVkhDnCmxPwaxbD0eq+ysVo6J50kWLCUBMM+APs13jumbOpIfHPb\nNdLS2EklD7JO6S5Wm6wjuql9g/HcSSwT0UyTWAHWHAaLAzKsycnOgYaZjAac\neVDqi6tL80ZvHQn3pWa7H/J4bvN2GN4lNXLhRz2uzKr3Xc17piH3ewPnzxge\nnvjcj9UiHrgnRKBFsILARBXPi6q7Euf1guWAbGi4xYYFr8FxvZlTvYYporyL\n2fnbfQ6iD6K8Xmb7dVQMaLZxnjI50Fdz6SYI2hP7ZTfHNafbPfPLBfKtSvuJ\nlTOqDLMW6e32Q8gAdaxpSBBkqUdkqH0P7f3Ivq7h+pk3eQGT2WNNKaiZJ5Hg\nLsQ3\r\n=OP2R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQcF+c5Krv8iLgenDewHmM4onKqh2aT3Z9MY0xMqQvQQIgUwSxVDZ0RLi/ID93srwlVnk1y0rthjEeOlPCa0hssK4="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.0_1606921506433_0.34462116517393904"},"_hasShrinkwrap":false},"1.0.1-canary.51e9e230.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.51e9e230.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"51e9e2300cdcf0b06ae73c676b04210af3ba9783","_id":"@atk/mise-ui@1.0.1-canary.51e9e230.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-qpkovGMWX0HnBGuKLNPbHkB+gP883gcAYQR38/vRLLoV1yKPp/pXqFLeQlmCy3L8P/SL+Jm2BtFW65G498qweQ==","shasum":"c4c4d3839f7beac119896996031e87df2ae83a15","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.51e9e230.0.tgz","fileCount":187,"unpackedSize":1327108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9rmCRA9TVsSAnZWagAAtkgP/Rx3K82ykHp1rEekcehm\n3X7vYzaBt5sJVUBA8lGyv8NHFCff1osVP66ukm4Q7r1b1/VJNdLoYjZJLqZb\nFIXGAbjySHXH5ErvVnn/2oXYOaDLkg6sOKHUbve2E75g2bnziwU9ilyZPQNZ\noJ/0JOG1Yc+wE+AvlpkTdReNZvLO6VqA3tMFbghrt+1tlSOLYLZO2rpGc7Cp\ndQGDFVAJfqpfeEplzQ98NJ0XoFnfBMrNtbhx43LY2FzokxnIiAkd1tN6kpW7\nEc1cHTzKZuwhY18VNdvUiaePyWcdhJOYcNv3tgVRQHbK0e1FdjDHr3bjLbf6\nfaz0RQUpPpmk4nbjoAJ9zFJJWFFdvxakkoIWO+jYEYtvKfMU98axAMXiXfui\n8XMdZTjtIbjZoJvOg0Qr1jPw/4RBunx+7zHUemPVv1ykS3xkByIa9jTJ8fxc\nr4TMrlRzYNS8a/tOGe2d3Or0xLP0ZU4sNq6FXrDgCK00z0Q3z8XFYVWMLX+C\ncmOF1Q2x6h7HFV+hEH+okQSLpVE2xdJCxY9Hrw/cHEphvSbQPCMSolWG1dVM\nxQiMPD2TGkvQeH+5G9+sHLRkxUYOsVitVU1CvFf3kLK60r+wUAHlYT1aK0sh\nyY549ioyJtIM5e1CXbu/ZutBbcX7fNKPV2ok7IgKNw9XOJHNTRbqpaiS+3Ua\ntTH6\r\n=5LEh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgoP+vcyV5z6yI3cdzxi9zJo0TjALxs5lt2xDljAaBfwIgG6ah5y3yNrPxJU+qamDVabFYJYJXfevV4ekkRCE1g90="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.51e9e230.0_1606933222118_0.1732955309346813"},"_hasShrinkwrap":false},"1.0.1-canary.c0a8ed79.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.c0a8ed79.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c0a8ed79f1e28035e5297a221b629287f6223ae9","_id":"@atk/mise-ui@1.0.1-canary.c0a8ed79.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-OD67ExgrcKYEd6XOEgDaF/LvXMLOkcBEF9ORjOljtKcgxnLKRnQLaG5cquM/9xC/yFZow48prrX6Z+LYc4algg==","shasum":"88a8c181bd5df16589b86d065670bb183e2da9b0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.c0a8ed79.0.tgz","fileCount":187,"unpackedSize":1327206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyARuCRA9TVsSAnZWagAAZXIP/ifMsp1xhWm586eIhknE\nGMYF+2sM4c9Az+PimsNMLbVshfxfYiK/e7spQOyBT3aEccA076T4ySFe7lJJ\nMMC4/FUvelE34VT6Sr/feTVMTtDCphS4IaO3DA367P0iP6hg8CjxkU3wsZGb\nRDXVakmwMGx6ssPoQy83sMIBM05APuYDdHmLUeKsGw9fChfjKlpbieCq8wkV\n9qM+hXiWiNQKTu3P0jqeWBMOZQoX5ub09WpmfGkGErDulcoA7FXOSb+TsCwO\n8CDupU4xV9+rE5gQDfKRNyplWXSUMwWO/IUMePU65uC86wfHiaGvqifimQjJ\ntBxMjdtdBNZpQlDmTBxGTFa+6tzr+ItU4eMg9UJxR3FPLg2GnlS0Qhex6N3y\ncQOIC4SiZ45D2r5pN8Dfjm5EfVGvX3OfwTr8SBeHorgmUxN7e75gror+32oA\niJPUrry3yHUkocPrrNX8BByldWadZfh2Xbk2kG5AWkIfuk1y3AweQE89cw8r\nIDjG8a62zFlfCiV+IE3z3DB1eZNAuisi1xqHG4TkObghtrhtFLnivUVgDrYU\ntr4cw+2zLw7UygQ05ftjm/MDOc+vROEL1hi307FvayXrpBubySRSfiLfFqqx\nO9JVEK69c0B2hG2s8LQlZcXhHZGOMPetugUO0yO7IGgD+gSUg3UE9P6aAEYR\n2zhN\r\n=RSBM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxf3/RPGxFOLPGT7Xj6pt/TndWwvYq8zyZzOR4EMDJ5AiAVrHWq7bBl+J6Lud2CQeN1WndYiGovBx9T3fexJjfIWg=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.c0a8ed79.0_1606943853881_0.012876423003775672"},"_hasShrinkwrap":false},"1.0.1-canary.bdcbfc88.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.bdcbfc88.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bdcbfc88dd15bf73fcb7faa85f62277f2769d9c0","_id":"@atk/mise-ui@1.0.1-canary.bdcbfc88.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-4CJtq3AifiTxrHmLUGCghoyI5DYKFw+HIwsrK63THRDeXQbqh/iMaJ0/eXCUkX94dPsEDUMlH3hLnN+8+9mAkw==","shasum":"4c10b2c133ea69bc486a824e3b0b4556a3bd2f22","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.bdcbfc88.0.tgz","fileCount":187,"unpackedSize":1327173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0QglCRA9TVsSAnZWagAAHvMP/RWD/04ao7trgj57S8SZ\nK5WQxpG8VQoOEKLgNoBou6Ntd+Jb74N0eKmo7WGpiaqvrrPVT1PPlnWC3pd8\n/GFPei1zREgmkHSDrICQNYfEyzlC3O13i0ipwTp9gFwwEscX4xGMYC4dCF8B\nR7aFCK0XKihx2PwEYZO67gP3/Ii6rvTr5mbqUwYsMvDNFfY/5GkjN9+WseVz\n2K2p08pjTYCbL78e9HvfqpxtsEDlYBzACda5QZyCJ1m0iRo0Ai/2BM4grWU8\nSYJsX4oGONUQkokQikg9SqYwS87Xdz8oofai3HupN3KFZgDLBR+rMokpjN/U\nORPIQsUBrddriFIDbybzW70Gd+iPOxJe2zKTFfnAbYfiIrSo2IjOutmfIWZk\numOEE/ePjTyBN//NwQ5Yx1ajOTqn/IzA1WVcrTykxRbdJKjZiBILkxH4SQW5\n550ImNZgYtHBWlOMYf2E7WgAcVvpWtedVweLcCs90zKt0uFrcQiNQy6AUDOd\nXiyDFSJOder7TgI98jVfD32e85EGc8uyJtWoQ7PU0mZKw9T4baFlb7FyediY\n843nDVXj8qKc0jghmxmZMMQnZsjxpuR+q9DmmWECpMAjwMyGO4b/AYb1gZSA\nPB+ACL6J8sxSYr7eT6EdQGzxC+IYsBlr5/G8VNN+pOl8EC7rPMljaJQVOQ63\nUES/\r\n=Vysy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDEOLsX5uWT7AshgCsf4DLS5KFCtT/UQOIGp9v35H5vFAiBDPTs+5sIZjOrhndtC5Wxb/Rf9rBAv6s/DTfYT8aRGhg=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.bdcbfc88.0_1607534628521_0.6127071353596079"},"_hasShrinkwrap":false},"1.0.1-canary.61b54898.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.61b54898.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"61b54898c27e3f4a5c05a54be34bcaf285c0bcb3","_id":"@atk/mise-ui@1.0.1-canary.61b54898.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-TLdeMf6tPXjAJvFlcWcnhUAcgaOs48GUqlR+7u4klB7cKhgs7AOD4L1MQjnmPA4V+/+ZhyVRvWp6G8BURNVUIg==","shasum":"125ac395310bc0b43f795a8b39f61399fc662599","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.61b54898.0.tgz","fileCount":187,"unpackedSize":1327333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0kj9CRA9TVsSAnZWagAAigAP/R6hRskvSWz3X3Lp0T2N\nMiDYxnoPNTdR67O9OWVEm3Vsy1aBtIAWC9EA9S20IFB0ZjrqFkdSl6deXqhv\nrtgbrydhZT+91gBEw6F5GROZiUHHLY/K5bwN27RJRU83TWWx1UH1Jiwm+Szw\nIoAO+mlcMyVnEdx5i6UZAWKlZ06jUP8a42AmD5sL99V3D7qLNwsTiH0TpHIJ\nxYKF5TvV4SR15dqelRDFEEbKJo1dD+9xo01r0T1ztFeYWS7crQkAe2bFaaqc\nL4QlxigTXuqoq7OLEkelps4Qp3E3oe2EIzMOe5nmeVWcbQ3bUxRap/DYd8B8\nYrfale0bmkmvymM9JiUvUYMcXKePG+EhIaq8O4bhrhWFxHt9abff3AjvVjCU\nKWLFzE+JDuy/D84t8dXBmC5MZKHs8KkP0JDeM1hQm1vdVUt/6eGbkiUh6tbc\nK7i07gClGd8LsGWYMvwbqyDg5HuRYk15DimiLTfhxCIqfKBpGo5E92sXuflC\n7Bt28yXk5R9zB/45QU2fjNZcBvTwFYDfr4ao9hghsCR9ncX2t9+aoVGCbMOj\nTF/BWEJBeVSv8lv/5txlE8/RIF10cUnEK7HkFbcOQZuK024dt0lW0sqw6Z7u\nUVqI+isnDPGANJUhUizdII2V7NlnihSxen3DTipUzxWDnvybIIS200noMkLB\nfQGT\r\n=vW68\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBF3j2raXd2f4peoZoFm/X829s29I7scF2FEZFimzmUpAiABspMso/AJG589szdI0Ew4d6Kz+ZpsoMT6q1E8UlJk8A=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.61b54898.0_1607616764988_0.5365003945726989"},"_hasShrinkwrap":false},"1.0.1-canary.595e4075.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.595e4075.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"595e4075b04a03038d4e2dc6d557661ffbe33961","_id":"@atk/mise-ui@1.0.1-canary.595e4075.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-ZezGsYGP/rW0zK7FlWuHnhpXjd5i6tqnNXYoUuCEJLLvrkLnBEigBd11waNR52QrMM2Td3Lb/mrvX3NT/4LtGw==","shasum":"32e82e61a6dad1172f00af8e365b0ae97055bbd3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.595e4075.0.tgz","fileCount":187,"unpackedSize":1327336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0oEyCRA9TVsSAnZWagAAIXEQAImCnPyGXjKs5jAb5i8Y\nwHaCJCG5mDSVCdH/Hs8pe3PAQpxr3m4ggTuOiy3vy2Y1pjf0InZunZz8bXoC\nexv3O7rFHeugrtHT5zuyFsbNg8yQxzyv4IOlEEFtQwqehwOT4kpiFkpCwCES\nuNtAJ/H70UtkeOoKlw7LaqQQdvP/YTtUK/2nsN3H1xkds/uBdmJJYto86fSO\ncjkpB/g9xY+1JrFryrI0tYz9Zk7HN7YSNy3cKQPkl0OrlB29jJmqvgm+zL2E\ncgcm6KExeS2mOW/1ZS5yXcMX1F+0xNhINK4nNlOwfTYGLP2cK0+HAWtcGiC5\nhi7Kliy0y0QqSWycWhtskVaGirimAtrGxD6zn89edmR3p5dQ/l5bxKL4WbQ3\nqW2pu0TZTkeHDKfRdhxyAbitk+MAS0dOtxCfZt0ZiYsk3E7RBsqodMHu2Jln\ny43s+Y/piAGJumwQF+x2PbDxuCFZff+i8F2JI7oRnLIRIfU/mRG9aOYW9OIU\nqm+bEvEWkMyKvVO63B6AImxQMeHR602M5ZfbPUABNGaPGP7uDnpftsSA1VGt\nq1QejAMzeIHGITaLG3C6QO/x6cKo/bJCdoVDPW8YO/UkJSIM97iCJ4L3VzDN\nB7IJ4kcVAgtgT30dfwjMYZyoMcVl8HUZa7pmFbAbdjLXePZLkwLVlNBo6btN\n1Phg\r\n=9rQs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFXJ2l9OjC1OBfhk+TR3m+TU+77OwgRUXWfauPzwdvpaAiEAo8957KEayDyvNSUB6uuXPVjixBeBaCdKS14iZsjukSI="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.595e4075.0_1607631154311_0.5553063013795161"},"_hasShrinkwrap":false},"1.0.1-canary.d74ce2c6.0":{"name":"@atk/mise-ui","version":"1.0.1-canary.d74ce2c6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d74ce2c63e527a7c58115d90c04ca7cd8566bc99","_id":"@atk/mise-ui@1.0.1-canary.d74ce2c6.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-mBqHNY9QnbIf/+6bF0zQQn4NfiKCATE7bt8Nf3LvKlfsfAFkRbGgELhWEZPEPb7bE3PviMgUPsMGryAa15YEpQ==","shasum":"ab314975bd089e1f42fbc7e764c7a27a5e286e23","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.0.1-canary.d74ce2c6.0.tgz","fileCount":187,"unpackedSize":1327357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf04VlCRA9TVsSAnZWagAA11gQAKQRIExT3yQmm+LXvVPa\nIBF0h9DTlWY4kSP8TFrhJuoq6aLgaLDtrl+liq/0SWmEbwN9Je5i2mFp1O1L\nfrsW/QrQogqOJlVYUPQzbN600DKZ+wfNNW/xuIUqdQvxtclWAI4LXtZ1Lygg\n9tlANkKqDf8yq7MS1w99Q6t6D95Lr2oDqvgJ8CC7cA076frykmM78tvkcPpv\njHJZUY06vjpZeYssrDyaBYCs9Rvogz06CbqFBP7xObmrMAFMTF2AMsIXLCCX\nchQb+4ys0Z9/S/Ko50Pvbew2u7aVFdAXSxkUkP1dCcvujEq4AzVjgCOko82x\n82FIp6C1kAra/V8/7XNbS8ILQmYXdkq+Ole7GQu6nY5DhaR3oSZsiEtnNPLR\nN07GyVZvVnYWhWA3Cf7xEZ7SzVrfs5+AhE+CmmuhDQL+TIY1Ps8MFCa5qXiA\nV2LKSIflJ1e8xLqRRDh0nxJkxVxL8QhUQINO0cMpxAP4QmBhYYpsaOUf+jPz\nmk3xL1L4nVLyii0tmLohc9IZ0l61aFPFGvte08k+ewc35gYztrsE1csmDrvg\n1uwn97ErvxlOFEixGWCwVzYHm+qMniRHolooxOjrES1LYNBSQSvOUgNVTQzP\nQOaGPmEzKxbhC6CA5BzUA2qqosJSXfezhau3deOtrpum6aW6E7WcI3D+PLtj\nllGv\r\n=QXkb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEAfx6YP7bq/Jr8C1F+CN3PuanWD7aD8+PSq+uDPsGA3AiBnGWiMTABIme2rvb/HRQ/i0a4ePvS2km3XTOEUZsPcPg=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.0.1-canary.d74ce2c6.0_1607697764687_0.791034657140139"},"_hasShrinkwrap":false},"1.1.0":{"name":"@atk/mise-ui","version":"1.1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"14917c7a715af95d71d57e3c2ad5e3a5993e9376","_id":"@atk/mise-ui@1.1.0","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-l9SbpvAIBRa0HA0BypUWQ/fJC1+rJndVD9We2RE/sNt5uzuE/0GrjLBV4bVQLOinhjtKmNdUxWwsnzkz9IHn2Q==","shasum":"72fd5e78f5db17571455298f13a1a02779ea83fb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.0.tgz","fileCount":161,"unpackedSize":1236985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf23MNCRA9TVsSAnZWagAAstgP/3yoFCmMpF47u1hOKQKg\nHY/zTHfTpdLMNWKtZbOP/JL4gsT2KlCu9cRu5CYBrQsMkk48RwnmLEoAz8kZ\ndUoNZMAP017miAWDeW986cj0PBquc7WiI2JbG0LOswIFWejOcYi8jm3T1xpJ\nKg0D3caSRd+xx7+ByP5HYhTHTTmPpbVpVtnO75yXXNdCrbjEKLSUVo/7+fEl\nuXjLU1bSLkvgtwXKOxb4HlPl/KcVgHT7BBFT83j+x86KSgsa5JZnO+jEpIHy\nfZxXhWi54w2KHOB5pDzdk7lbGbbYxxq0smSGA6OkKa6PNOEu/bai2tSe9WfF\ncEz0u6gInxPtDd/4O4SK+E4SwgAkfumtlhoFXitkr04jph8wetmCpNIydqbf\ndUVYhoA7rtVPzeLQdnJXBNkv8zYDeea3uTSn9z3FfuHB7oj9HXmwvvhGHzWf\nMlpbit1wfTjlBgoSlheC95sQy4T8613LCnZvUW5OXWexOrwJTC4fyvgEWnnw\ny3i6L/UlurwfG9ih8GdVa16GruP6uiVJCJLTNXRPc8SPurOayDSUNV8Sm+Wd\nJr9fb0fswhjerxB9Iopu1VoeVxIgdachMu1QR/wM1G9kNJJ7+hkXbYibhf4G\n7UJCtWhfW0P1P0+xJ2c5bOffSeTRpyDIOoetWyFunfkgt9LYa4PRcLq9We9v\nmUe2\r\n=z+dC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9zjI1z7NbMQLs0vmGC5JgrorZkFzCaOtQQ7Oygh9/QwIgEH7ShBruWQ35bnP2/CwX6DE+iSdVB9Gj2cjwj06rdCQ="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.0_1608217357288_0.128197359151643"},"_hasShrinkwrap":false},"1.1.1-canary.3fbc60b0.0":{"name":"@atk/mise-ui","version":"1.1.1-canary.3fbc60b0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3fbc60b057ea133da1e1a62a82ab52bc46df75cc","_id":"@atk/mise-ui@1.1.1-canary.3fbc60b0.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-Md7gc+pYUgzr4pHTS1V3+VX3nofInqWxew6AE5FrsWmeVJhvFVs7WEAEw22PBevIkofV19DZITtd2nW/4AAizA==","shasum":"84e0d96465d5c92f532b9a1facf6730187d08171","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.1-canary.3fbc60b0.0.tgz","fileCount":187,"unpackedSize":1327446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4LtFCRA9TVsSAnZWagAAo+EP/1SpmyaiilootY0L861L\nEdG0DHGqBQCM7RAYVdahIJwxR7q45edN/A43/M23YCTZcwpAPOPP6y/YI/m7\ncyQhvEwRAP5v64opliFSfCqDOrArpF56AlLtYtXT2BSjxFOMDWX5uxj7vAyd\nwTf6UGUJh0MezSDvWYdS9sjeuwvbN1P7LDq/UhrTtl5z9i6aehD890wygqld\nYYqOzWxrrdgWfJDAWtQnt84PQ6ANTrigMHfVNDLg+mTs4U1L7SoKo3rSR7gs\nB0Wy2IjS05fzBIwT8RvsPa4/M0G1gC9gB9SDdhtuF96tMalliEUbqvHAay0y\n1u6Q0LMY4aB89azCD6vjJtBlAoDZWsZetJ4rhx7zmljpOriYFwq2kdPbeQqb\nllrudH6Rmiqqa48Y3XYXzf8NNFYnYeGwSh5TINPYicSJEPiZ+rm8a0GHxylv\nNP+lhQ3KvJdboHfK6DS3VRUmI6BuzqQwALCmip2k5qVp5o303a+NWQlOh2vk\n/SzW8FN4p2LbYUNsNPoIRFXfJzz/nvDtpgipuAmlEB7EwWSXj//pNGAFIe+O\nzJbtUPplirmHC2bFst+WvsgUkikf228zi9fdcg3N1FHgDp+xVdjo9dN/Wz2O\nEXBIK06cWYJlyuX7kXqmQwWUtjluZXf0Gi1dumRVGotcn45kjLlBGoSqFstG\n8adA\r\n=vqxa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9kkZ09m2oRg2o9wKhFGj1/PJUH+vCMNfA6nGueGyxLQIgHo7SDwcSPipWnlT490Prkfhh97WpjmQBsKsHf+HsEQM="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.1-canary.3fbc60b0.0_1608563524712_0.4468192829260409"},"_hasShrinkwrap":false},"1.1.1":{"name":"@atk/mise-ui","version":"1.1.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"bfbc952c4f105ecc85c75ab1142834b1295eb902","_id":"@atk/mise-ui@1.1.1","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-KHf23eBlJ0EONa9kHwdln1vAx8R3ze+tLPQoARB4ATdEIqn97TsIHxZITG/HSqwxz2mF740JsDzl2jmE9jhVkQ==","shasum":"f6dbbb5a328476936863914496a4b0bf5e2daded","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.1.tgz","fileCount":161,"unpackedSize":1236682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4gl+CRA9TVsSAnZWagAA1yQP/RDGj1Wz4U55sJLRhbMx\nBTghVWUFFqJW/cO7S7cMCLKUFFHB85d96YX1eIlV2NR/X1jC7yt05R/2MScV\niTvVcOUxiEBAkww1l6kukzrXbdKoqZd6qcjPie84ANU9loHzUyHPdjsdjkct\n3Iaboqmnrpijg7EVZN8xAFcn7GrnnzF+NxRzGxo9252jT02NqGf1jHx+YHfT\nYosM47GsLjI94sODBi3u0uf7w2xnvS7SKwfAf5PEtDy7BpAk6lLaWZgP+m8e\nvpwv2Zz7pepe2w3HXdLvSBYNwmOjHVW0k6DSBvWy5WW8YwYfjfQpvTUWqOZy\n2NfSrZE8jWiqyRELTCslvZ4/akfG9CmJlW4+/2hgyyNHujIv92R6UohzEbRU\n3CowmSPIvuI5dygxPfvcQ11cX5sUxrR+oDQOFrTxGLZob1XnXLV0CYprRIDU\nrzTQyiwiVraJg/HqI5cjJC8fNvcKg0U9i3WRTRfMcqgQ3A1qwlQn22Jnu/xy\nwgKen2CayuaYDYbqdyKcwrPjDUn6O/uQExtchRjo7wNWHTrzyQaoKDLy+W4L\nsm4N4wes+KmZpdsesybMpRj3FNKxSI6cc7np/WEBhBFuWPcj87YQJShrDgcl\ngCT/SBDdcyNtqcRh7kA0l9AMshmlrgoPFKowNYdl2fQi4Ny4Wed8w3G2dQdV\nFp0X\r\n=N+Fg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuqfBddiTSBupWLVl8ZGnTAsOYZj8gdRBkAclDVEKv+AiEAzvtoiH6mXReSBJXILTho8orBO8Q6wycTJmSxEipMCJ0="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.1_1608649085800_0.06950822981971982"},"_hasShrinkwrap":false},"1.1.2":{"name":"@atk/mise-ui","version":"1.1.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"fd722da40d203da53f37cfe32de6bdc51c361969","_id":"@atk/mise-ui@1.1.2","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-/yrUSGutsUCRsUQQC5bH+1zzyODDdZdvhoksAFfEnImuKhPiMXtXd44F00DbwN1Ub/Li3mt9qR6PuO9yZfw/2g==","shasum":"131cddbd6b89ecaa6ba0b93c1de0a102bda481f5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.2.tgz","fileCount":161,"unpackedSize":1236826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4hmECRA9TVsSAnZWagAAQ7oP/0aOI8rdgIKe7pHbUSrC\n31o+/7v6uetIQT+1/tkpnMrqoiFpT15uQBAiNGRVwDtClJ2oY3d36t8oERMX\n4OjLIt8n3VlmnVxqABYGoScU9sR8qmj9iz87SSI/0i6+s63TdKqAFfe58S7r\n96sS4wYk7Ufi1HqomJw9IFpPg3hqYHTi4et4V/4YWUcGFo093NocnmSLnKf2\nwdbET2I3x6ikHBpxyft7l7fLTSpaDQthah6EPNlppk45Ma/SjhREwfGtAYXS\nQfMJuSfmGt2j7xydZx1r9usPXQBPsAZ7uHddDXqdDmWexxh/JIzK8jb1Fw/y\nXrfuVaFgQnLapLF5xBUzklz44OSFimGlZxIp9u/ftoP2XOlR94w7+ETpLDFI\nGGOxqaOlqm6SmAX4+08R1Cp+8JRu/K35I/oSy4PAdapWLgmhWJg5b2rC9BT2\nbz8QQGbKtCw1eQcNv3PK/dOn75lRPsoU+4ZorvI/Etc7guP7QcFN88rKvoAZ\nz6WaQ0w7lAQpka6vjB6fqJm1vGncCl+oimsKPFPktdfJVsmQacnYS3STkoB8\nX9m3R/epGnUCm2GAUPljBp0Pxewoun4GILloVkxpdFjcybf3yyJMCuOwIBvv\n17e1SNBYWDxCWExbN8acI/bn9i9IPnGZz1js8f9CQJpxX1p7Lt5IiAl58aWA\ntNxg\r\n=ixXR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmOGl/SYppQuTiZj4TCbEA+EY+KC52Ov0PsQfwpC0SrQIhAJNq/xV50sRb5b9l5QVFbhB41gY3NCRdpy9WAc6te/tQ"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.2_1608653188278_0.06163438553375111"},"_hasShrinkwrap":false},"1.1.3-canary.2ad82464.0":{"name":"@atk/mise-ui","version":"1.1.3-canary.2ad82464.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2ad8246406a5060b1c9baec939cc8779ee063c08","_id":"@atk/mise-ui@1.1.3-canary.2ad82464.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-DRueL7T773W1ZbmJ8AXIkmNL37O2rudI30ckOWIiGG0aoszyM+NyjGtPDu9Gh0mGQZfgQdFQllIZn0/fKOEUqg==","shasum":"5dfb1cd7e6aa317b9f6bf09306d4a383be711397","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3-canary.2ad82464.0.tgz","fileCount":187,"unpackedSize":1327811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8yYJCRA9TVsSAnZWagAAOrkP/Rj1392KTe/XHur5kvA4\nkeWrf9C+dYohi9R/coqTiMuObDK7MlokiAXjSOw7NzESmfNNlxjP9ILDMRsF\nJjV3YJuqfZ/KG4PmQDozMiyYWJZlinsqlfibkQmQOaXp+MciXuxUcZvjn59C\n1dIN8nB3VAhE4BYMoCEHXqLHaIXF+EQZy/OfHfZSZ1h9ow9kLmqItcrryWjK\nJQM/UT60lH1O85vmW5umQnnrTgyu4DQY+0a+CLoU/w2v3DT6+5qiwnX6W7Wq\nCbVJMcBr61ytO9JLVDQuN+ysAsM2blOf14Ctl4CZ2GyZICp/ZVZ0mVFx2wqZ\nnQ5OMiS98elXFOxgckUvX1L2lUrv0pV9Dkca4boRvs/Mi4TIbncCS2LX1alk\nmzl9CHEyHrZW01tawYWXK95nfWIJum3fK0X2Tbu5XWM9Vg+9leUWg7alkMGk\nmeDc20MAqsGopzSGVgkiJxie7ajUh09PEqh9PAbsReAOooBK7Iei0t38gB0A\nxTXvV6wo1rlJu3sXnvReS+2927Xla/O3ITyC08hFNwQUpMcUUupwu7aj2j30\nWerqhpJUfFkqv1Jgszc9vplCIqkN6nb8OT272/P4I0wzUH6gCvxasp1Hwfh4\nTAUeq6NgkzAvPxgYazNE+p4hFNvLIEUjg3uVATHGSFO5pQcxGoflLTISp/Gc\nFtiq\r\n=uUFw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHcX+CvYSIY6d+EYVHv8y3F9Qba2xrZZF/rkgI3Q+iALAiBa6Tzr6E74AI2l2t6kOfbZ8zLCTd7xSEk7YxTXz2FsCA=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3-canary.2ad82464.0_1609770504585_0.8165325040977229"},"_hasShrinkwrap":false},"1.1.3-canary.6fe496c8.0":{"name":"@atk/mise-ui","version":"1.1.3-canary.6fe496c8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6fe496c8a527410646c8d79a034286b018f3c078","_id":"@atk/mise-ui@1.1.3-canary.6fe496c8.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-fHYuv8noEYI1JXtd8o0IQBOMHd13LKPYHg08Qw7r4rBFlIn4NbtB3y2cGUxr48tpCkv4oOhm4Q1i8Zk4RRR+ag==","shasum":"9a57e053e6c9f13205685b654d79d6dc89b84ed5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3-canary.6fe496c8.0.tgz","fileCount":187,"unpackedSize":1327874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf81slCRA9TVsSAnZWagAAEhEP/R9a5hYgrX/OIhXRGnoH\nJB0lwJuZFRW2ZKrs5Dt0e3euHzbzp54EZ1EsEpMbTF7Bwq4/6f3OVjue9QeO\nBy4LKqUeLUWZUxOqqTFmKHJUXDuEOdp0YwijHLX8VqmXdswfjM607huHYObk\n93XMKsxJ0AgvVx+WehwtaNjeKdAfOMs8BrH9y0b8XF+Uk+TB5E590uU5MeqX\n+d6npp/smwOzmijnm2KpyBQ3Y5ACAIFvVAX6rSx/LF8H3g2Heba4jQwEuErH\n7UvxK0jwOU2YVmvuER7X2ULe9Cyx4hOwInpzmqkEa3uREREdP9w4Zrb4lDl6\nG7HQ8Xm+SCe5/AqTRfVBvzIDBoTcPtueehlVa1274nw0zN+0LVS5T60r3doQ\nkmi6Kjl87UJteWqdnkiPsbU0Et/BIxbqrfwiXt9y+Rjdopf2TtPuSa3LZgJH\nO/StltAgwJyMqPTK2LuYsSfzvtE36IjX68aIF16sbEPO64XD96ScDWTBCdp9\nUaSBXZqGelW7hDlaqeM/3K3jXrKJ5b11n5CXZ3sJwbzXQufBaH3JIFw+XHgW\nZwk8k/6kZCLcEN+l+PD91l9pDhQ3oX0Jl5hHuoqW6uz9PGXYR/bVZ+7KGNCs\nOePFLon9a4p9LN2+AFlM1beNRgt3/9XrphBiDAmBZnaSZLJ9/Bsv/73dY2Qe\ngIxH\r\n=YE3W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3EyUxjmRdccOIuWo+bUMxNBf9DpBPQ+gjb7PIS6V1vwIhAJjgA8DjDcsO0SzKwMHQ6IGxIn5d3II82nH5G4UDOXI/"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3-canary.6fe496c8.0_1609784100463_0.7719086056845916"},"_hasShrinkwrap":false},"1.1.3-canary.3f240c9f.0":{"name":"@atk/mise-ui","version":"1.1.3-canary.3f240c9f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3f240c9ff3f8da73bdeff17c74737180845a8322","_id":"@atk/mise-ui@1.1.3-canary.3f240c9f.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-MMHPtx+igJHXHY6CL6y9obxJBgC5Z0PDRIz+bpWxhyrHUpBPO9OQX337qH2ilckjPKkL81Mo+P71XBr73MrLoA==","shasum":"fe04c6bee3981da3fc62b8b4f0b27c7582fb1de4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3-canary.3f240c9f.0.tgz","fileCount":187,"unpackedSize":1327874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8374CRA9TVsSAnZWagAAq3IQAJ5uqiyFOI6IfdKRxQNS\nR/tWggCmq/Pj4I7YSa2TgbVAfQTmJuQyvg2mbs/E1a764BpuSNQQ0MVqspaq\nsZOcCT62DHAsyNAU70OZEOTINzYaET/3+BQ2gNMwQosDdndO3+21YUQuEaaN\nSuToP+lEetuLtYoZ80ev6+xW5ng6y3ZI0fDmUanCoMz9w4z9R7PWrTFMy1oE\nJ33z842oUk9CbDH5Eepe8AU7b3DnPODhKuesOdhbOgn//mihG8ZGVnQfmjA8\nNlSpiFk4JkWku7SfAMCPNl2fpeK23HpVT7SI6PkvHHu0U6shs0Mzv1LHEqSn\nHDWpWHYBQYS/1pgvsOVrvt1ipWM2qyj0/ronZSoERIQv8vZ8uVlOdZ1cXvL4\n+aMtfyn75Aqu6DktEnHV/bxtk8xQmOKRsRvl6wB60d6gVIy5LJ4uXtFrxOsW\n0/4psajCPQfvcxhJBPN8kxAZvyhcDEPpH4gTg6Q9UapC2oFQeCM7xS9SrU7r\njDbEK4H1Kju6elJGWvGvxWkAVhL+vSvFP9//tViVy7uMblShd11NCI/olPCQ\nE/6V2rmRz7LMz2WYI3Q2W0MYThEVM3xBobDanuZZ2YiUR70VFBINZAKt2fiK\nJ6KHLQ5C+X9aGch6juXgqkdMY3cnstD61TkHthmMqy4rXwAQ2mEewqzaw9t4\nWnVm\r\n=uhWT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9EEVAThtBQsZbNMO1UE2knoWX7UyC9O82dcg3sbcdBAiEA/PQC9rMtAwNwmLbscHTchaiSBj8KCOigAukIktd4ZEw="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3-canary.3f240c9f.0_1609793272124_0.883874551508744"},"_hasShrinkwrap":false},"1.1.3-canary.a893c5d8.0":{"name":"@atk/mise-ui","version":"1.1.3-canary.a893c5d8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a893c5d8361c1860b6dbb9d185eded688b3e160a","_id":"@atk/mise-ui@1.1.3-canary.a893c5d8.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-wdHW85ZJsaLLiIvNzPYp0kaPyOYlQhsQCv3mPkOvzsonzLscx9kKIdLbKsWQGfp1Qmz9TE8sjIHSRkkYjX+P/A==","shasum":"1ff49251df3d4ba2778e5496843116abe404f96e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3-canary.a893c5d8.0.tgz","fileCount":187,"unpackedSize":1326963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf84LFCRA9TVsSAnZWagAAw+cQAKUOg067Ytc1JfmDD72E\nhPxOa42Ol3fhvrh+EZuAnOEwpejmsit8KYpr4CyENrQeiF8fXsNXr9Db6N32\nwjd+Ztzq8wztATCjYCt0W2u6gpWdu6VRdwTi2o5zH5BfDVmSVbjCbDhYZEUs\njyg/ljvtF4dRBVQaJOnkMuCIVNE/cl278sa/JL6gzSU8O6i807tUaF8wOg4m\nwg/qWsDruq2SPacPDlKX0sAtm/Q3cJVkPBR7yHqYJFFUIRTkenT+xgh4gLW7\nDbHaQ+vgM4oYpBqXTI+NwIBbjmz0PHW1GWrk3XoiScDfh4A3KfdXaGPkKzoT\nwTyBXUl4dkz1DCD4pj0DDiMbjebgEUWQ8+bPqfO5BxKKyQ71Zwf/7LJk9xY/\nvGDc8X9vWM7SxD2JMxX0BJdLpGF/q6xgnhy0VupCu7D+e+jCo0BciCV/8HH0\npEv76s14YMcZNR3Gq7BNQ5togPHZEfMjVvt8AuwzdJXCSVrqfnZTUrbyCOAP\nJ17BtkL09NDpCk4hZsqxf9m7H12VuZlrFnfEG0POTmCzuqYis+CE0VJ6iEug\nEcUdYJuZxjsQ5Nq2mr+gBOJp9VJP6R/7TBeSYJnr7VYj7CnBG98PPOBkwPRj\nVzRLrKOPhl/BQT7ZkJHMMmT+4HBcb9cbh32U0N00ceWD373M2t5xOgvg/mB1\n5vCj\r\n=3AN6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjFGkchzJFrhQocSm5ahkJuJ2s1diBFjPqVQJuSWF7QAiEAzjCpgWUU2qO5E0QoDx3nqxa/gJVxmUx1zypc1PCd9lY="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3-canary.a893c5d8.0_1609794244658_0.9432068583210553"},"_hasShrinkwrap":false},"1.1.3-canary.b225faa2.0":{"name":"@atk/mise-ui","version":"1.1.3-canary.b225faa2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b225faa257c729050c1e5655415bd32344fbabb0","_id":"@atk/mise-ui@1.1.3-canary.b225faa2.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-Msum6IUBhMRl9EBWyMbKuX9io3D+P74Xsjz5P05B86jEV8dJCONWOGaRJ5hJ7OMT2v5q7qWtkSvJxJo8d9burw==","shasum":"1df871618565bf085f581ff745b418f75e331f1c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3-canary.b225faa2.0.tgz","fileCount":187,"unpackedSize":1326969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9H/dCRA9TVsSAnZWagAAr9QP/12MIxLr9ZIt2R3aJE20\nyyybe5mG5Q3vf0819dKPunTuvPPXtgCkSQJTiEqhisxSDu8So0aox4rY0425\nQyD7f332n4IYSbqZaNzg5H9Ha9Ib4jFYyvrbW/hYakT/PJYJOYyf3I9m+E3r\nTWaSigKH1VG9mCU+sAHFO0BXoNxoZ0JXHLi0EmxbiCMZohgCWJqYzyE+WcuX\nYgmCFV2+L5xjFsD8lZ6pHiySpHFNPe55LDeawAJLQoiMeygWbgMiO179XhJM\nvRAMF60YAcrHfxtZJM7uHP/KPEAuiTrZn9Y3jo8xrPfrj0Q8AdJSjuctod1k\nVXH0H8HlQU7LNyv/kgOC8AV9ONZBEXRf4vppeyH9PzO6/qmUOJZuDQX8YCkd\nwBWVIQryOb0rl6HB6bAZf14RRlsYBXfjDHeT+ejfN/KIHMjX7YsK2JUB2MYF\nQNQsmJfmAIYoO//Mma6r5J1I5dbLHLOhMrKjreqqNPIjMvICp7y46WZT6Jus\nYusxJFOgvCXyps9i6+rkzAwxbDke1o4FOwsWBhVNzEzLBX7r9E6X2bgKhRXK\nfvh+ihyRbkgBBCQXJxFEto4Xblcf/DHpB4D8Cq2OJt5SYd+CaYRuVeyJruil\n400PvUsA+vU9ENHq/1AJhQSJBwoSvdF+InEAq7iFaxxVCGIesi13e6hQ68l2\nxKHo\r\n=KsRE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCB7uQXFeATU3Jw6n8gNSAr+wxCeH7YagO/pRGAz/goqgIgXj0wKkZBYDbnp+zGWax+vQLMa/6f+3QrvEnA+pUa0L0="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3-canary.b225faa2.0_1609859037125_0.11194552064713381"},"_hasShrinkwrap":false},"1.1.3":{"name":"@atk/mise-ui","version":"1.1.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7fc6de1184631381619d844fa923b2a3210c1331","_id":"@atk/mise-ui@1.1.3","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Qs5xF/YatTcyetIlFnlnKQCJv2a0Y+e4wRSCfpEhbPmNN71/YV3bxuBdHe2lJSv1V/4tXDFXUSdvAwMOmrTXZw==","shasum":"4c1eb04dcc8b152b5d9a2bf847bab20d6bca2a01","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.3.tgz","fileCount":161,"unpackedSize":1236813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9KSMCRA9TVsSAnZWagAAw3EP/RCkP8NOfsyS1WylOUNu\nXd2U4Bbw3lwFj5Tqb/ceA7Rh0flGQ37n5RirvGtO6Ym8RQw/hNZCm0RXr9J2\nKVDfM0LITKRuzSygZ5yVRANJ89g/DODKb+9j+bu0jiaWjjnfI1Tou0ABv00n\nM7uGzKRuNaqwMZ+xPWRgThMrp5R/Xig1D6UWzixmXRmAwj1SIM/429ANIf+y\nrvOJVITcfy1bxmFRLzpWuIFyfe39qvMOEdtWGjh9CzO8AfXsq+rV9FYYEmGF\nqCwm6emtCPlT7YucAvYrL8UzGK8rvDGBNEw+MClVaUGCupano1MASyd7IQVb\n/mbQndlLF+r3+JYlK3AuOcBZNuLjS+qjtabF/uwo5i8juMvKOPxwHW6OUdK1\nQzudslX+rC2KIEf7aneT4Nk3QbvkTczEkUdYIRgEGnWa5yDHe6gkfF2exfSz\npZE0ShlsEr4BXFKS3k8/gzTj6KpTJbBV44fHdnWfPhOA0xXr/kusf3a/R3LN\nnx+eMQspJ9Jf4Qa7v97vaiXDzxm+UjKE/oP9HRZoTXclSBrck94rKUfjv2ut\nFNW/5VIHhN3pMYLby4oFC7gmA4QC13SbkH4FwAcJWRRWu+DpqhCV8XfL5nRB\nxZbOhBB0cpynRz7iJWOhArH3Ht8Tg0rM2kM+oHQ6/fMT7kSAEDTUJvCc/EWF\nxfOb\r\n=WW5c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC1Qx+YLqEa8gLB+c7gKUN8SXqVniVhT7+tMOZ7VDIiyAiB7F2CVF+mpzcSq0GLqd7QIQfiAgnKNtTiGrOY3Pf4Pdg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.3_1609868427708_0.5115128493857202"},"_hasShrinkwrap":false},"1.1.4-canary.a1e1247b.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.a1e1247b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a1e1247b87da43c182109c0b72690005576a7da8","_id":"@atk/mise-ui@1.1.4-canary.a1e1247b.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-LHZB/PAnyyilyHaI5e8dfSiujcZ8UEIfK0R6GaF2A07ivHghKX3F+1fnEVGR7DjuOZwSAscHlYZEe5MbfDt3Sw==","shasum":"6f79514efc532e096c27885314a39855c9122a06","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.a1e1247b.0.tgz","fileCount":187,"unpackedSize":1327895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf90kDCRA9TVsSAnZWagAAqpUP/0a4ea4IAumwWk5THO3H\nXqjOLaxat2VsqallHnRtuEYnNvESArepW41rIoIzI6xTwRGBGAfDa8n4x2CC\nL2g1NLYghHYQ5CwyfpZ4mx6qibJjkw31PVtGKuAYBl83rSK2Hl83ISKM9T4R\nNtl3X8wNqurZOldbJcS03P5yXm5ctc0LMTUDTIWkOCfzLsL3yqGkOaABoCfm\ns5z2jyEk3p4QKhIAbGNlHP7i8XvymUZCCor+MoNVIxd2qEpmvnUznKMEuz4S\n1Ia8lkufmGI/EFtH6iItqegAX96vEeov73anTSkRDZLAWHnqBBd0Fzz9No63\nV2IASEwLVMIitOfLCuuzcphil+xkRsjyiggand5omzZsfV8894rFcRxLhSsb\n+YRqozMWszP7OhIWc5gxhT95G9t5Xn5zkVgxTzf9iid0hQ1IhP9npZqavfvg\nQlGZHQ/oIyqbO7tHhlZnuo0fIPJO84s05Rr7ApDiL2iU2ThomCgAIpE0DRZg\nXHGkkcDM+/Ilo8c6W5qvDJeNoMNdggCBwW9lgOyJNRLzZfsu4x04QyCn65Rx\n8KSoJ3ms6biXg8GrMqimvCHRCfx2GHPZakF8jsuTMlNkkLX8UHo3yoTulyP5\nfDlLEkf73XD5VtU+WEkvUkNhXsCTJIRH/5Suz8wEyqkX4Kks5ukAnzbJ87Fr\nWc5J\r\n=5Njv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEvEmJKofUx6gUT1PUOmfgOTkBmjvq3gFrwMYjh+dtXsAiBDoBYwujGmYonbL6xj3dubK6njaun3O0QJ+aeUIuxXYg=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.a1e1247b.0_1610041602866_0.1802965902797038"},"_hasShrinkwrap":false},"1.1.4-canary.77dd712e.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.77dd712e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"77dd712e6c8452fd186ef60ab99515be57ee6763","_id":"@atk/mise-ui@1.1.4-canary.77dd712e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-x0L+gFUy0+SMbfYdTUmFvyl6ollwxwLNYjxElqCOFQ6k00nVrAdaJo1zUpK/jGEaV9bcKeh2p8+ZREBy6krPCQ==","shasum":"f90133afd61f60bf73c753739e2e7c15e5a992fd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.77dd712e.0.tgz","fileCount":192,"unpackedSize":1311090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCa5ZCRA9TVsSAnZWagAANKoP/27HZgXwwiJ5xqoyRvz4\nJ3+sFsrMtKKO/bisHIRbcJ2OtxDTCUAnbGjWQlDF3+MwUiG3wmRemXQjQvUw\nDHp0NPxQC2h+S19OYtaxmFqKlPaw/8Cw8H8RvCK7r+LmnXaF7Il5vWKAOSMK\nS/La56B/45F3IEf/8bHaTs/UByKk6GjLmweD5hNIavtItX0LgQy4VJ21m1hu\nkdR0r19+0Cd61D5T6I7bfdrP1t0OyNMhXrM2uClMiJL39/jx++dF3LIvHW9R\nKmqNUFKRBVK3swn1Auxmn4mytfnCVDTgO771e+bgXQ0haeB5uqEIpmnkLp+v\nigWzQSSuvVLq6YPUBM+WJYFm+8Ayrrz1LkkVqnO6Tw1EISfnecG7mHPD8oIm\nVp5sRWutwHA0J9quFDnol0uqK6dcMeKedTcsdQY0O0XSIDV7kxOV89uCOlX7\nDkhTxKZuhTrkBSqapBET0RBuqaKFpFa7HTsI+PzLHFguy2YRlZiC3WW5KiRH\nkspsFBr2JjiYEJRJbqdkTBOZf//9HfGLD8MeKYvj73Zejy4BO8jouvlsqNde\ngFafCexaArGmRhZ86iHgTOC8XSIhH+pAa+ENMjBzHiKWjDHTVNduW2YcQXq6\nS8/StCnsCBUAfT4Di/bGu3hqnvi8Z+gmCeONhcXVLtmnnN8D8AklBzWLR0OZ\nOPmq\r\n=idMh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDORR/yPomUXy0JhQxEHXBMTds8cqoaxj0jCS9u7doeHgIhAIMnU+AgVAqdEt4vSRVMlixyjM4Ib43f0QoqxPSUxiCy"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.77dd712e.0_1611247192964_0.615838320434509"},"_hasShrinkwrap":false},"1.1.4-canary.14b57844.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.14b57844.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14b578445509704a9cc8219096a9dd2a32148922","_id":"@atk/mise-ui@1.1.4-canary.14b57844.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-Eq5bX6dSDRcbe8kLn253xdJcpr+k2nlZeLI//azViDuftWBajQVZRU+TXKfBCPundwE+cB6D03QU+g3TzshZ1g==","shasum":"880766fefba736de2da1974241dbc2b6e350608d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.14b57844.0.tgz","fileCount":192,"unpackedSize":1345195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEBmjCRA9TVsSAnZWagAATsIP/3tON311p9TbCOGuzhBb\nFw+Co8zUBXNwMbw7nHTEzothekfcuHPxQMaW51GgKgEniHlwTbOR70Hsnc/p\ngxumIHiIdakCDBTCiACTpWKlXs/w9s6hFWajBwmmVMFrmaJN/J0scnAv67Ek\nbcsN+GCOP3W5ePliwrE5YMQLXpXAFckZqXZQQKlMX5x9NKLtb10HmkJlHO2C\nQQCskcYYpUC1UT2FLelsm/D/SgBfFJmCJLNE82/boxda6TEICQzqTxSsj0at\npMJxh4A1RIbO01OjhY/mbFevVg3zrwIEvbT8RZrcSYPJXIv5GiREAIq3Gqy3\naPoOcoeTGxyhDeApm972AD3/R7n4GbDcnpnfGgKT3QOlhECqtaBIthXUNco/\nLeWggt/0jHFmPYoQZ0IYH4ZjwTQoMFfcAgwvDmYFy8RbbWm47s6B4skAmeCZ\nKy8mwpsZ6RjFp5s6oz8Kj1EYqB5DvITC+MGKPdz6YEto1AHQ4bsD4OOytHTX\nV3sd72Pfgd7MS7qghcEWwf+gf8K9zTrjfWBnIq0McMyi2J6+cX+fw7TMUTFS\n7mIEf91cBiabAMj5GIh1M7GmA2fE6lDRQmL52+JDB+4mosfp8H8INLKcAwBl\nO3OSsxWLwbhXROFULpU821Af4JU90vLW+geeob/BsJpviP/5ZG5M1VXkwdFT\n8hBf\r\n=uzbr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBDUkQQ0UEVPIp+IbF6kAGzn3xXAzjbAdtNxoYk/ayMAIhANrsMeBxNM3npezxQktXC0jnLQDRfaKjc6NSTxNhmIlD"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.14b57844.0_1611667874749_0.7774613677505711"},"_hasShrinkwrap":false},"1.1.4-canary.5cc7efd9.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.5cc7efd9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5cc7efd97c5e7165b4bf3eb24a30c44dadd3ecc7","_id":"@atk/mise-ui@1.1.4-canary.5cc7efd9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7tXHwbL16sU+EgQ2wS/ptXP5EAkgvrQs57Rj2C9RYW6xNRM6fYE52Mq9ZNqbCBtomSExZNOahxaWxXe0uTHc8A==","shasum":"d34c4932175e1d1efa4c474eba5cf16cf1cc909b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.5cc7efd9.0.tgz","fileCount":192,"unpackedSize":1311129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFDAUCRA9TVsSAnZWagAA+rgP/2mHy3MuMk6b/PemS5LN\n2IqePErCmKSI1R9P2MAwZFQwSmjh/ZwLoUmImEjYU7gNWkXkg7vazjRFZRi8\n0y/yW9ret38xksvaK+ume9E6dmepHdMGeUzGz9aa3TtaUo+eL+tuqHqeADsw\noM2V6Et1QIFlSfPkjrMwmqYyQdHC9f/ssy6DsI3RmcakJlgfyLLQCNC7fOSg\nnM100+DqTeYe6nkmchYWflhuOp5epZilZRNuCH8mlfKZzu4qQjW0lS58LNYb\n9Xu2APg99DajNEdVuGxOh5pAsUaRhfjbY8zmqbhGxnJ6L+6JJkDOvfA43dkc\nK3OtrgwH9fEQFyohPbhslDYLg6yvib29MosJBMzw89YCR1ufX135tWBgRgw6\nfVyfvSKG5eS0IfbXPHeYxjSbadjbyG6LzFhxojXwrC+6WfklJSPy76RQ/8Ms\nEhdg1fOcRP2YroxbKkhOEmrfpYWQzwC2lLdQ3aSsh1GpurfkiuP/jj2xlkOH\n+YDjkSPBOS8UfQ21603gale5Fa92gdI4EmwikyGPfJf3aGWx3+4nHnsLfH7L\nxIPSwHcmMrBfExvxu6sreZz0p5gdaAHsi106aukRX2UETeVUBNKxfk+1hKzm\nvCupzSAvBN/SEs2rlz0zw7aOG3aa6jqi6lbRawYJ/xmg0VAHeZzbTxljjwAb\n7RJ9\r\n=uhjV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFW4yMJheLbSFdodDz/GiABxPLBp4+cD0dO8rMnwiroQAiEA62GQhxzclGF9SAS9vXQeb96284sH8IVl1GnBwINXLrU="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.5cc7efd9.0_1611935763983_0.0920792392008003"},"_hasShrinkwrap":false},"1.2.0-canary.fee09cdb.0":{"name":"@atk/mise-ui","version":"1.2.0-canary.fee09cdb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fee09cdb5d7c0a550968a7d5fc172b1892eac1ea","_id":"@atk/mise-ui@1.2.0-canary.fee09cdb.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3Pe0xN8Er5LAwlRWwNtlPeUHCBAipHHe45gfAdVgk8xOOo6j7ulYiWx+mp6cuA6freFShQZrOkvkrG8cOSZLEw==","shasum":"cea975fe0640d48364c45b90d1d2e05c94dc838c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.2.0-canary.fee09cdb.0.tgz","fileCount":184,"unpackedSize":1381329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGV4XCRA9TVsSAnZWagAANNsP/RJbc86gyMXgnPiXnioh\nJ4ySvvESC/ACaVt2Y13CMEcvr7FwLdyM1T1rfldDOgIclhjmOvefvNlXhKD9\nOu4zy//BO9Wv/lgFHDaSrIphdbrUE1c3BINz1s4SrYLl8UQAqbwzewm75OLZ\nbUvx1sUxabrdaX8grf6/FG/9NMKuQqCUaUrJqRScaguGvYTDk/uq6XloJXvo\nI51fPXmqlFS7joIWYTJLrGxVqeKehkoPOFHCKcZYvDyhhojZD6brVZAamiKP\nn8JDqAYv80lTq0FSs5eU0vnO3Oi5PE6zI+ymulBRr7ZY/GmW9KQSXALRaZ2j\nVs5qIH3ogHEzzkA/Wo2uMhLONCvAcc0uTSotE+r6xZUdJmFJuLGH+IE5+I5V\ndsT3N4WL1yspaS55dOGQhcTvJlUc+UeJdO25oFzNc78FjB3uLl/dD3zTjnmF\njD2ZBGV8G5m10LnFh378ZXXv8ulUt4a3eWtcxMCKUii81351ahIzxAM3Xuc0\nUJpMLbMsWsxtDtNECWPumTBLtNx8wC0nvfH4uHx39s8B0LcIi/16y3KizPIZ\nbxObLaMjKbgO3qbK/DP84i0ioD9DoAfg9FyssnGWClq3kVHbcNXbu7tF80UD\nnDgrE1xDC+pVMclofNVFTRZ6rOIxrMM7Xq7EdDow7H0Hg221N7ZyRZxP/Qn0\nj/z8\r\n=hCc0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDl8CBVqqEewQatNDBrYXSVWShlk8LfCcD+HJ2Q3O1ftgIgQzfjWeszoryB7ID1Qb2oRCrYYKKWiOizLtNvUmm5SNI="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.2.0-canary.fee09cdb.0_1612275222507_0.7729390924685504"},"_hasShrinkwrap":false},"1.1.4-canary.964352c6.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.964352c6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"964352c66d82c316bce58a1769f8e2e71abff74e","_id":"@atk/mise-ui@1.1.4-canary.964352c6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bkQzZKxt4vlmi0ivF53eWHwIiHgiRVSdvTAD1bT5semwYw+cKItoi7xqT9KFv+6GVKmUd9sCKnyhIMNK5JiQJg==","shasum":"9a9877c6be6cda4308b03fbb0b8b9a233b198c9d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.964352c6.0.tgz","fileCount":184,"unpackedSize":1381329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGaOTCRA9TVsSAnZWagAAW78P/RM+XCbrmOy3UGI3SApy\npNbNXWBbFO7dGKoJOyqPiHNL55DElY0MCBQ46i6jWNtRKsLiw18lCZbHddMO\ngyg4o5pxZJPV4OLogpzZd11UBz5JCAC51pGcy7s79gmN7PsAL1eYvGX8Ur/B\nNwGsSuSX5GFCPsL3mI4/fp5WKgc/COXzN9smAcIdYOzqwFCyWU4Y+myj4e/q\nJmvlMWvvZorqG75x6hmYTwXhi7f61cKfNrPTVI0+kbUQrqdYQUjZJ2KnYiWZ\nfEKT/sp53hFfwAdj11DS3Ti15kBHJgMuN/CswXyOgN/SmGYKc3x7COxHMQML\nJqMJ7zJK+IWsSt0qqI9IY3S/H/C29wQViEwwNev2178F/E7n8SmVaI0dgCCk\npQs2r3AJUIqAOEQNVPZ39CBzgVgTqRDIXY5OLcfnE+8nes/nkmIwD15SvkhN\nLowRfgYvWqIlYioHImk6c1mKLMSN4e7vabyVi/aP5LGvCnYEz5rOL0JYl4Ck\ntekqBJxGubHX4/916mFgwdLcZjMCwML2VBV5B/P2aistwXbkN94PI5k3QPC0\niiYKpnmb0M/CD7PjgsZ5LinW1FKn9HE7CIZW5jQ6vGyVcOSIPZ8cDgvIeURa\n/zIXAyRc5fghta7SR6tQgXylIUmIBS6D0C9yIHDbDKQ8wnVUwzYWE3NlVSOR\nnH0L\r\n=1gLx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICZF5tQ7lNbfkU/M+AMQ8aFOO7iEXCTtPHGYeh+X+qJKAiAm51ugixiMvvM0qUBad8WNyeQXOELTXQTOqnVo6rd2BQ=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.964352c6.0_1612293010827_0.40660020896188565"},"_hasShrinkwrap":false},"1.1.4-canary.a9dd13d7.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.a9dd13d7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a9dd13d7ee13a6215451757d1487ebe1bdbce29c","_id":"@atk/mise-ui@1.1.4-canary.a9dd13d7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qf2UEGOwwHvSEW47gucJiNcRFzvjU0PwwGFXjderFQKcweyyqy0U/s9ECCtr12gOvdUdMB1A5gWcm37qMWmAWg==","shasum":"c455f65a87529cf40b8d75977d0903b3f51a40a4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.a9dd13d7.0.tgz","fileCount":184,"unpackedSize":1381329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGaPdCRA9TVsSAnZWagAADoAQAJGxK0VgukqwmoSS3t65\nQ3Tenfac0fMJwuKontDp87HBqGn0Etg0x9v6tSBx9HK9znKgOwfP3kVFrPmn\nJcViDFfUFwPN71gJdZSiSJysabyI48dg6TDriM95m7fnGQKouUZahObwRPSj\nQPKpQ57/Q5Fok36sJwHSZkI2w7Dcklq3s7ErZAq93j26VBWJkbJnHfaRXvyZ\nCKBBiUA5SP11AfK8I7xhfvQ8ujoLtOFh87gna1XoqGrsXe5sh8Abr46RwmES\nlDQA4a6ISsMyEKxTg2Qdljn2i9D20k9r3+WMpz3WFHDWFnDUEl0hvOBZ0GwW\nH7bITE0Bhdh4aRU0JQJERleEoAxz27e3E2e5rPjmjHjCJvilbtA5GuvEvPrq\ndmVKIr1NOQKM1zL5BSfP1eu1XAg0wN3pJdp7CMwzft9A5053R0t09g2bC0hU\nLGcxq9mu4qEhYARNj59+vZmaEU1cohlQOXQ/TRIvshQCcVhEjAohwmwPssA7\nHF7ijF1mTZ3BXAJa/trIW53aHTrbTE7mGMzKj39tXtpb51mDCyC3IPNmdItd\nPYX8PGsK1MZvxzV4HO2Ns8VQj0bwdGNlOn0Y3F1bm4nUZs2YNrZh3QzGXMJY\nNIdrKjEU2pGsw06YgMZEV4wjBHjkapMpQrXXmO7kqSJ2CWO68Cz9NQGJD9li\n0lZj\r\n=DedQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUI7Bu7hYhaJT76NE7ZoQDQBky7PYO0jYcQ8oO9FrHHAIhAM00g8tsjWtHVsOCQbeF/jfOT7xavkDwPhwbBcpC8XTz"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.a9dd13d7.0_1612293085007_0.9209645107658058"},"_hasShrinkwrap":false},"1.1.4-canary.f9d1f665.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.f9d1f665.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f9d1f665a47ae211b2ce34fe83893da5fb7784bb","_id":"@atk/mise-ui@1.1.4-canary.f9d1f665.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ygv8b6gJtTAsrTtTDg6xwPtLQ+2fzAw5Z5EIyvVebWDlXc5MgNXN1CWzhfsypZStjFu21Mqn7IIodeDjiZH6bg==","shasum":"80da6469d9da9207e2bd2cf155f8ec5901bfc86c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.f9d1f665.0.tgz","fileCount":192,"unpackedSize":1310560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGaxOCRA9TVsSAnZWagAAQMkP/Az/DiIVFe95tb0MsXbu\nFJnEV6pRFnTNVEq+Jn41f0O3c74anczelUcNhxCOjwPBBU7k1XP5jIqInYnc\nhE5xKJlQqkLOSy43DMMAE1C7OfKDs3tNhsQ7CC8Xe8H5ybt4/EXDZ5xOnb1M\nG7HqsAuiqLi0OeAG+yU8wbucgs1iXkcmQY8xk8ow5diBQrd/fOdWezFRlaq4\n6JZt7le4Ea94LYXsqHSQNGt/D8+QAn9tlmpjqomOayP0XcF/ykWUr/aMy5On\nbBc7h0GZSZYT81XWeelSjb/gbpjU00W9BYqd+g12uRzOt76X56cGCuyh1Ovn\nkAzq+TLN5vmlgE/LcnseBFg/9ibDDPdbchEv9H3fVULhqkEyKgOgtZp/7GqU\nOADaZXqu/VLiLj6i9SNj5yepLyID4bIySdlr4LzY/Pc0dszWmVMo9YonwOin\nsMpMEgPUPgq+ZppSHz0SaJMR7iYy85tVrSyZ3j4lXdG31dB0+5H0ZbGZTQKb\nBn3e64ZE9TU+CxH3JsbgokckCCrFMY7qKJv4eahfnApxSk9XPNzAgFipzOak\npcERgeAfgwWzVWWoRuT0vkFjlNimNp5xRu5K+Xg+dtv2N1DlEHFTf8hbgsOD\n2IvSOjT6VBiZGzgk4dHUiRYKO0ITVQI0g8TyA/uQeZWxf7zfZeHEGrIEQlJq\nlVYp\r\n=EL56\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGGPXukXhhQvqqYtV37zwBtfIeRi9JXq++l+iKDlXoalAiBGjRU+hxkWrEltziSYnSRNY5dz8akIpZgBWu1fNWue/A=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.f9d1f665.0_1612295246071_0.878171266686381"},"_hasShrinkwrap":false},"1.1.4-canary.c0193e8d.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.c0193e8d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c0193e8d51db268cbbc4f25b2e46bad6f3744f28","_id":"@atk/mise-ui@1.1.4-canary.c0193e8d.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-R3FnLbTke7zbmYkN+V8nCBJSSZX3OAy8myxIcP1mTbUBFrBE6mEEnFYQ8GIeXVVdsOqzVuUrLpKacDkVcV66Pw==","shasum":"4a37215a31fd468dcbfc8b4f698964f347176c02","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.c0193e8d.0.tgz","fileCount":194,"unpackedSize":1356796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGrgiCRA9TVsSAnZWagAAviwQAI1xU+frofyWzwdSxupd\nxBsSKWy3hngVVZdRT+KnZIwdYcWFPSTP2DGIEmkIL/awaVW26SHMXjjVP1wV\nFeEVkUQz6ZTu3qu11TPRPBEtEU7GShNC7so2Qi8LbJ/6P442tD1I9GX/8tNB\nw3I3SoRNgo0Rt5KFcZeKqnBuEgbUBBZ74x15lZ3TZIbJj8FMQwF8CEeCJmzt\nfzZJ4tObrMTgVB7GiFJoDUPmLA+/B9504OI8ya3UFcd8Re9hqhc+Moj2gB6Z\nzSsM4jj6unRHvMWYitijJEC/gfY1Yd2/xvvy8vwELJcLu3vCC2QV8MC0MIae\nzTEhpPNbOXb9a3tBU7vlgTrdVrL4q+w/SP54wB59Ox7V5YYOIO8BLF6FlxE9\nIWHa+gAKrWCmwHZBubGnA63kD7qQbK4+Mc0QTakGSSG1bLcivyKv1s0LKuW/\n7CBt66zmss/EALx7d6WkoI1x9IHfRui3+hCtwqr4IcgASPq7U3J+f3Y7bgLr\nd00YXhcNRVy1kCOlSGm2R8cmkBI5a0Hk/mULHyH5nMeYGgsuJdMx0rjA9pjo\n6j99Im5aL1uji/RFdn59nMyMKQWHejTdz2CdXH8FeMkzsTUHPWDx7wRFypT1\npJXsPMxbCalWKVwNdiDqR08xdxdFG7X33LgUdAelhraH2lekGCXpCwOmAN2C\nE8K5\r\n=GgEM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGyVgxPBxJBFUZ+pUMhsP4S8R8SA4vU9SgcIgpnSOBj4AiEA5rTePh8reMFEjA36EL1lcsuBR9aLxKGXqAMhnz/rTW8="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.c0193e8d.0_1612363809681_0.7145168185566593"},"_hasShrinkwrap":false},"1.1.4-canary.c0193e8d.1":{"name":"@atk/mise-ui","version":"1.1.4-canary.c0193e8d.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c0193e8d51db268cbbc4f25b2e46bad6f3744f28","_id":"@atk/mise-ui@1.1.4-canary.c0193e8d.1","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-/z75ahTq9f8Xq3duGkLEnceybZyRgR9WADysmV0nrg8sRjEOO5xlLAhkFepHYoRiD71zF+J8KH1agxhf3t5tiA==","shasum":"782b577fb2d9742e99fd44da447b24c485bf2e24","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.c0193e8d.1.tgz","fileCount":194,"unpackedSize":1356106,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGr4ICRA9TVsSAnZWagAAJEMP/jzESfkC0jVk7UsGx9gE\njzXbxyCXjx60U9od2oOaWNKkcOWA7MM07UxslAWeATGqf1W1QsoqWLbs9mpX\nv3yK5TsVaaLMUc+F+D1OUVqisRL7HWFArgatxEFY3QR5X7inNZVu+mqRzjZ7\nBq/n6mXKyAcJXnVWiHe8/R6UW4z/agsmz1PoNfqmGD0cWzYS8TtcK4c+UyNl\nEHgyyPBe/NPFsR7hyq0VdKWKffYkRk2B8iUYpthFX+yLXcZ5C9H4iACdtdRs\n7yNcP+nlfglLpVrcg95pn6uAiZaAYR+O0wMNjDZOajQNwj3//ndXYfL4xNCe\noxCOOim7c5KBYo7sp7VjMc8AkoDqM0ayEW/Ju9YfS3M6thJ7dcIrdH/Cv+QJ\nLrMayyaCCVYQp4PFagNCyKD+e3uFIaj68VY36mWmoIYgslowE4fSVFlGiCDn\nWKciziCvwCOlEQUIJak+anH5FXRdDMdvedtESA2OPgNtyz0teRwEWngJ4+UC\neEjC5GbwCjX2kfLZYLO+qey8HfCH9L59VnjEphZyReA7yBfe4gLZk2OYoM4n\nTn2dgfFQNti2Oa9Jir1zTH22cF+H9MyQHkQrtPJxynDvMytNy55rch6Y/TBC\n3Ab7wS0q9+U7ohHyOVeFEk621/QEu3ZXBrQ9Sa/ThEuhRUPAcubtmrNE0U+x\nrGAc\r\n=n3N/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEizbG9d+LKzNWgOaCLEyaxeE/0C68bTeC+ztB8zbqz0AiA3EVx1Hn/EP/AZXil4ffPvu3OONQ7l0Lm7+xiXNKFE2Q=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.c0193e8d.1_1612365320142_0.6892352052739745"},"_hasShrinkwrap":false},"1.1.4-canary.65dea865.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.65dea865.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"65dea86576cbbf8e766e15be55c32e55095d96d4","_id":"@atk/mise-ui@1.1.4-canary.65dea865.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Z9lrefCFhmHl3mN3DdMVe3zB/XcGyXr4IjM9+c4p5sgnYRTh10P9xVxUc7qB9YPQOcsaQVoVtD19cXd/6nQfHw==","shasum":"95509ffb46baecfab6f0738593a11a877f1c03b3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.65dea865.0.tgz","fileCount":192,"unpackedSize":1310633,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHWHpCRA9TVsSAnZWagAANQwP/ibCOgV/WZKkqEbGxKDv\nwopPtPZCevOd3OFUIzcsealaYRVo+5a9Y8TIkLV9+qA1cca1gWCN0dfWNVtp\nKzked8DfPx1lke1FurrWO94DCucD0YYkMQI3847ux/jZVxyBm9IE4leY3MrM\ndaOpDG47QBMl7Dnedi6wB/UWM+VDth667pn59oDfNN3CATsqjbsgVZnuI8fP\nl+I89d7BHwdh4XrPmnBIKJO97zf0+FYX8g4O0Z+noIK6laLsZX0pbCM62gY1\n691dEpVQS5Sk32Dn6gL1e0gUYDWhj6BqwxM8LhDYihGOgvvCkV4fIAJlQd/o\nYdSNfBYwJcKGLRNS6Pi28wfYxflmfo8T7OP9GbjGk+wOqRvEenWX2fLauUPN\nRLKr7BWHWhMj88cYe4YwCymXcpb4CctdZYVWRmiMlVjnKbl86B8SLK/n3AUF\n+xLPLw1DrhppROBJeC+TrqnqU61AP7eLPBSBv3CTpU/kjfckiXQwKJv0HTFV\nVpgs5IDpoRN6W1SM7h3p26s3VK/0ffoDi4+WBLDgZyZzzwLeiu1jhIXads8r\nRosCB86DO0UKig3CyR0WFhefa84cPdb6r3emNMuCxsxSnZWP8hkBD5EUax7f\nqlVt7yC8uMsgD1Gd6TxwSLKr7MU/U/u48yDgd2EOFmxYjfS+UBdFjk4Y+qbx\nZkTh\r\n=eQb8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGyqhphYhtCi2DRlVG7XHmg/ZuWG8X3ofqTogDud5zAjAiBb0r7y/H6zhTzel5XynOG337W20T3ucX7oSRLkAvYyOw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.65dea865.0_1612538344626_0.7148237772923423"},"_hasShrinkwrap":false},"1.1.4-canary.de632778.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.de632778.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de63277882d50e59a209b0f96a2ef7cb9ea5ab33","_id":"@atk/mise-ui@1.1.4-canary.de632778.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-45zsMq7EZs2wUYV5SaadsH/PHoezyNIzYERbOA11b5r3dIL0m07N4KUZL+HMEch+NNER5ACyv/dl6/WIGktfHA==","shasum":"6365a4e422f2362eb88ca0a7889f5d65c5d33110","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.de632778.0.tgz","fileCount":194,"unpackedSize":1356854,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIapFCRA9TVsSAnZWagAA0zsP/R++hi9Yg1l61HTLSXVl\nGRVavnnfCBuuAqWUhIUnQC2Ztb26j/V+tXRMlrZauJo+WaZKN8Nn2ercqQD9\nATKODFB8qi3JgnhJY2lEPd2R2CoFue1+Z1JVlYu/4RsBJeFfvOsZenAeJMqu\nyRABIeFJoAJGJQQR3raEocOLPm/2TVqBYgNnQqPHpmmL+zrUVX3N61bBiWmI\nfDE8mNgEjI+zJoPGeVyp2a0es+yIaQ8uYM4lB7oWjXtK2DqTgW2D2cc3SJst\nKSECMl+SaRVMe2q+rrQkNaOUSaz0lDdsLctWGgDQBmQ3A8ORHn/IA8FhVy+I\n9cmUbRs86nM5eQKFACJAjpVf1HGu+2/oI76oFTzdQaw2PuTzBgPIO5HLwWw0\n+7GuCq6LVWgckoeKFL10ut9GrF+xYz973PggGFuB4MtTuDt8evuIDGtSd4Ou\n4paJVabzMsj8XZgZhbgkeAnPlp15Kd33Zorl4nhu2M4h2uATXFZfkn44hbOz\nliFJ5egdIsdUeK2+SKN8E6qaTIo9E5dOsD2vH4yNWUD9gT0O3b6lpF9DLcyS\ngPxEW4FjxfVSP4clKa+n1z+Uvv7dukxiCjBBTJKbu760SB4dx3iN7ppiQvkN\nEt4swQc99rfPTohP8ObRHAfWZ864+KGoNYzJcMGbo5LbBz+pR3FYPueeWt4E\nwwWO\r\n=8AuD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICQvtZK6ziTUWg1y2C0AoNMIF6vefraJ3avFQd4YJDtdAiEApNovVLZTjKJ+3LGG+HIxwrJ7JKla4zjKWfG4jsuiCEQ="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.de632778.0_1612819013054_0.21918854391494724"},"_hasShrinkwrap":false},"1.1.4-canary.2a04babd.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.2a04babd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2a04babd85eed53d43b4650452ea10f74f8319f8","_id":"@atk/mise-ui@1.1.4-canary.2a04babd.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-1bhzB/2h4nwK9HVR0ABL2FUvQZ7w3A1988BQCW7cS8OWYUK/LroVc+ciXL5NpBtuzEBpZNxEkWWywkXODqC9iA==","shasum":"e7f3bebad3e7e79b7821aa6608e7bc1ff93a14c7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.2a04babd.0.tgz","fileCount":194,"unpackedSize":1356804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIsQbCRA9TVsSAnZWagAA+gkP/A1S43V0JYSVH4Bo8AGA\n20sSh11Y+vlXZSUPeheCyULUMhk2FnUkA86Bi6j8VKE3vOHrf/X+NKQMIUxe\no9y1wG7vynmH+IT8F5R+x7UHjK8l5k+VC5GSVRrMDMoAYVSqMmYJiREhkxjY\nYKbRRx9vXh2bY8//pytkTLx1f0jo5hO3KczMVJJOLXi8myDx9GAi2kQBXWYY\ndEE4bab/56miaJ8PRoG8PjBOgPsjKS4iLnrIUQAk2DGP/BU17DRYIuUs/+z7\nFusnTOoiW7tsFQXHLGF6P9D7vk3H3f/4tMuAwU08mobOp29oVA9rK/WXGX76\neStNPnuvHSOKLK4cKZQl5dTKfhsGxkF/lc8dR2aX8vQr4r1pep/EzmlYfCEZ\ni3ASu0aac5PTOJJxjG8jTtWVyPgE62fLgRT/n7ylFeyVaaX1vk236757+rm5\nGtiQhIV0uMmLzvo+TdYdzSnjNeXr4k2mzamzHAx0GtkXzMzSR1Xd3OvizZpU\nmgE/Nu5a5yYZfKiu6V/qhuNFw2Zk1FDr3pwrS1FgVSjKZcH6umqH8rG2oc2S\nqdOc2tQW7hNcqx3uYZbIP5+Dygsv9zEMPO3pQr2O5ryc7AQ9HBsBtr9YzlFS\nukEyi/la0C+kTGhH7YqwMAaqrjqjTm+0bdCzEZTbH6lppOZlS+GhumJnqRkY\n+66b\r\n=eJgP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCps9JpaFFj0rCIt7HdFtdwbTTFTRTdvTt4H3juvD94lAIhAKPDCWQVzFk9JGSIv2hGzOZEkBlMkGZzzXmRy0y0x18m"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.2a04babd.0_1612891162608_0.10159815808416739"},"_hasShrinkwrap":false},"1.1.4-canary.17936418.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.17936418.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"17936418b61460e3482e64ea43d5d8c7db73cbf1","_id":"@atk/mise-ui@1.1.4-canary.17936418.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-mjmPj+2wj1ankJXZCyvKUrMc14uMs7493bd9kSVDPQfotbrqa7hU1+CKJr16v5p6Q8ZsrQqCeFN4jcRdG5jMgg==","shasum":"e9a1bb0753705b0b91b95ad489e0c3f338891dee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.17936418.0.tgz","fileCount":194,"unpackedSize":1356967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwWTCRA9TVsSAnZWagAATSgQAJeZ11Fdg487r3N/BXwz\nRCrhyChqNXhTgfmFUcOqZGAUIwlO/FtCNvDh/eisyYmBZ9ugnJlpAtd1a86N\nk2OKIDzJ/su/tTPMaWXOQK2iVfsE0mRr/vODH9ON8sljSD64uODc4Gd+4NMZ\nYe+qlbp7KmBnfTsmyl1s4ZOFVQ357Y88S59s25jKye6wSG8CAykp2jNtu0zZ\nISCvGh+HW9EWawuD1Raa1SIbWSMYWCCIDXV1gXj4dYVvsWl2sPvbTTJX4mrU\n1FejPH9EKCrhmqN8gowXpstSaZMXhLHZeED2k+n8O89Eprb+HbD9xjB885/O\nJAqgWUMGIPvtOtbUfuCWMeL4GnO8DA9RQ8Y+95dFatNy6uV1kvdMRvBcMa6a\nbRctJChtQ0b/+ylZKw361waXDHEh12pGE7102mnBhchDU2EJk21NNJ+26iQE\nwcdzqW9dil49iAKvL80onz+bQVcdDsEQfq5qd/jDpDqyp1sG8vmUBUkaES/f\nHcwoTz5NRJPsbI2RtGiNkn7mU4OJdhDmbOof7Ba3DXKQeY/KbRy2WHr7b71d\n2XHBHj9F9iV9y1xyrQl2LSNxb/75+71vxTOuZNlrTW5LXg7SDLdKnIIaHi49\nWOvTsxnnILktQeb/bkKvOj6gniLT/7uopySoDt01AAJTtNfdKYLdvxDT/ez2\n7yig\r\n=ag4U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGYnUYGbdTul31gINf6/9DLG3a3ucayyra6lJ0d6F9rCAiEAnvaovOJgE883ps0vX9d/d6RzTmf9sf0gwhZZseYqk8g="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.17936418.0_1612907923121_0.21955968293526174"},"_hasShrinkwrap":false},"1.1.4-canary.18d83451.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.18d83451.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"18d834518ddd01214d280e70982d00b6c5d0ef1f","_id":"@atk/mise-ui@1.1.4-canary.18d83451.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-EMR9CJbNRrhfsJbxjETiDXlP/HtInzOVtkK10sEAXvdzyjN/B5v8uRb8fueP8Ij5IPPxt6lQRO0/5WYiSySZfQ==","shasum":"91a524aad7298aae014f50212b31265d596ea67b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.18d83451.0.tgz","fileCount":194,"unpackedSize":1355482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwsdCRA9TVsSAnZWagAAWp8P/AkiK4hLPz+uwJDWGCGS\nnBPEypSxopZJF7/uNpiu03AISBn56Hr6UCesetHybjOvJB33/OCY7eMgPHIY\nEh3aCLutb+g76ii8WX5dRNwMaw342ZJM6maX8qcoYWpPS50I9kd+FMZD4y8G\nQAVaJkLbrc7Z86JbFdvEudfzEsfhAnK0uSyAizta2t6Ei9aTVX2RdLbJNtaA\nPdbH6NcoLca4PzhXMa8hA8L90Di8059pc0d/KbQYwAWVpYcja6tKS8SLMZK3\nBy6hCxrUI6MJ1BomLG1P48UtlsIzzcH587FWv37r+X9XUjP5KskMrPyi22Zi\nYTY1NAn1caIG9ONMgyJosMZ4czcjRu1JJk+bWTrS5lWpCPwA8kytnf/Bwvvx\nnaAH2wrYJbF0hpSeRnK2iUiEdEF4W9KxCTsXijUR5nqcFMRnio/QADNoDRFY\nmPoyZPKX+KE7UML2aqO5N3WEPrVMLuQr69cN3qF/YAOGGTjEgC4YfHsnn4Ki\naOKKzPePI25O6aPLaILSJuHDSZT8KPJPOXxLJNk6co6ViDGK2gWWtGg1JxsU\naZxQ8EKmSOaWClYVGeq9nWq8F5TcP8ENqS5wfR6dyXfNTBsziy2kRDma3Cyk\nrlZ8ujdp3EJjXd3EkqCbb63/I39jIJidjd5jvLmSICbH58stYWXW3NmXUJ3a\n3E3p\r\n=NVnG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoihWWGw25jhHCUKxZ2o79rJR1GtvtH4hmvZbqtc5b2QIgDQV4ULDXPULxfMTN05fBvf5VimeM5Z0Ad3DbSTCBu7Q="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.18d83451.0_1612909340792_0.9597717821805394"},"_hasShrinkwrap":false},"1.1.4-canary.ea02ab2b.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.ea02ab2b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ea02ab2b784c2344c0683ade9c714d1e04ccf3b1","_id":"@atk/mise-ui@1.1.4-canary.ea02ab2b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uSyqfQjoJAQKemx8uSXtYAUKBXpVVk5iliQp9OqDyoqywxLdO9UKETsvaCmdqYxiUNcbt/+d3hpPL5IeA01q6A==","shasum":"15514dc604136ad2fade8ac5c38208db81ff9647","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.ea02ab2b.0.tgz","fileCount":199,"unpackedSize":1489872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgI/tgCRA9TVsSAnZWagAASGkP/1d1b9MlMk9Hykxw8gTD\nmYSMM2VbRgT6b3wT8WS2T/lYsGJf63ABOhUJN7QoaM9QewbqVpBkchpqRLZd\ndBWmiYoQafBTDxenP1F+mra+Rt+pEe/ZbKHLRtCi1qWHF4MVzzUZ8zvnKK25\nzg6F07khx4PLyKhgOU4IuhXr5uPefj3i9wOOmgS3gNPW2Hnpwn0tiN4RxAV9\nj/jtiBiQACtgnfZUh2wH3I75pxkipTULLpKiU8eoSMi5NK7Ovan6ceKXBzW2\nGjiSlyaJR4lGgqx3kNN1fTyUHFy9/7hGPWKPG8qGClxHjfCq3HtLlkoxr4dV\n8po6VFhf6uBFyGziv1lADJElYJwoQmNP1zTYo3Oy++fwbJZqdjt+bTUtJAje\noGD7hfEqhRLw9KULDbdoW7cNdITIiNtB4DnLJI1MVc3JY3bIzhHqVDlvfLBn\nwy6Jl6ZmAn4n0dV3fxRmeRvXUo09mlVxOGi+fGLtkKMkm8gEQEcI6gGyW1bc\nvsWhTNr+XEBMlB528osp6XSQYt+UjFtFvkjnUUTctI93ul3EzPJ4FfFIKr5N\nU3CN5X+o6aiIdVrIoNVJI3K5E/vSSx3/bK+DsEXRBjND+X/Phg6SxduUynwp\nFlRrtZ/qkXyz44kt6lUfQhavHwl9KfR6P0uL48TGlsbnFVJ5APvWnZWf1ufj\nXoDw\r\n=nHEk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU8FHhSG3q5bFZrioPTr4wO4YneQ53iI2sT/gCiYSJDAIgedyNkaC6pn90m9BPwNV0DD8ZixmNMMDtp/dJqvwNyqM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.ea02ab2b.0_1612970847006_0.6326160952721984"},"_hasShrinkwrap":false},"1.1.4-canary.f853b14c.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.f853b14c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f853b14c2154a65f583c1c1b9a2cf91aa1e5f950","_id":"@atk/mise-ui@1.1.4-canary.f853b14c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-eWFKxOt9VP2yr/9l2RtYNsoJvbJS3y0477ZNmm71qVFfVAU2rQM0d48d8a16BfBA1LijlQH0yDUMWYQZl9902Q==","shasum":"ba7d6dbc0d5055d2559211c28d449edc82554fde","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.f853b14c.0.tgz","fileCount":199,"unpackedSize":1489872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgI/xLCRA9TVsSAnZWagAAJD0QAKJSwAlH3yz82eNYV1Kp\nBXIJ+KocxhbgECARa8CuoIhhhl2juI8HfW9UItpzf3EW3DWsWQ/xaF/TeWlE\n4j9pos/nHqpddpj9jk7T1zk96LzKlZRhWzHLfAP+QLfCL2ypQuy3nL+v1P5k\ntOMngccnDLGAF1RE0cmozgMJWThbxUPVEyui5wxidqLHSF1qs+N0wWdMGsF/\nck195IRdY8qiBrJGUH9uB+4/bcnOOu77qyto3a+VURSYqdArXD/JoBhoe2lf\nkPhOXRASljoVOXReKD34GaYLP8nRZgS9sbLeLaJLY3Y9PhU4F7a3Knkax1hO\nlPMxeXLX2x9h13/Rb+FoYgontLXAmuq28i7/OiIxbp5fCyEYF2xGTsEmvZHq\ne2j2ZKkyUvZI28wWItYQ3v0tNUlntjGRQpEJT2ASA+wpepD/aDbv5qHg1thI\n8lu16XPuY9lQnrbCRa3xb008PLRabxZQ0Hxi0XT+bEJVpHXINRRx6d7kJDdb\n7nt8dXHl+heiSS0ag4WgS1tTkzbsUcroJgVbJHV8Mqt+HooFc5OIFOg9Rrke\nYZb6wycCr7i9QApHY+3td1fALMelTzBiPBcB0XiRTGCmn13G3gQueiicaINK\npcmIEMxxoghbli7BieoeC0KdchmUqqzqEmduAhmAcQQCmsjnZwZDsrqX+haX\nb3u5\r\n=D04S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDg95urLRHIT1PzkE/yDtRSktCSB9TgqvJ6m56BRZ78mAIgcBISEcVxZM5QXOvecxHafUJdkBZ/1y/PqD02Pkkotds="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.f853b14c.0_1612971082812_0.45402611216971134"},"_hasShrinkwrap":false},"1.1.4-canary.e3df10d5.0":{"name":"@atk/mise-ui","version":"1.1.4-canary.e3df10d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e3df10d55172c129bb917cbbc30075a3d392e3f8","_id":"@atk/mise-ui@1.1.4-canary.e3df10d5.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-jX69LdXbfVz0uR1ilAq+J/fnRhNV0/NTmNA7fm6EfcYVja4a2HBLgoQoIN5gSoIFgzUIuY7gtOPnTS1174zNZA==","shasum":"7727f94101765d1a605d0364565609650bcd4555","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.1.4-canary.e3df10d5.0.tgz","fileCount":194,"unpackedSize":1355064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJAhYCRA9TVsSAnZWagAAkW0P/jF6QW+mpEJ5jZRivx3I\nSz7F58a0V7lep/5wuoP5crGodh/fipXUxJk0a78T1p3BgwLORgIU4NWW0Ms8\nz7+DpvdJ+LmAaZJsNNtOBNm5DWB35Xo14N85e/g77wuUNG/Qo3yz5gsq9YA/\nzgRvCCMSrdIOYvAJ81Ci8OJC7qumNrOZH3riUSrexoiNFCDnA+RD4o9tswkF\nEcadsornpcbsTNlGrSvCLLuQMRJFbDlDDTw9nBK4VOrTEMCHMeVxUl1F2Mv9\npxAJD5SwVqYBr9cUqLmmlIcibmaAmxENPPIvd3jSPSstXtVMmXR8AoHl0tJ7\nozM/PE+q/nG0L7xDM2YlrPtkLoKLU9la3up8ZbRwEvmamAg2qWMzlc5e+Vs5\nVRThTtyeS2xogSvC6IeHETcvcHSOlVKYL91XGLHiogn+CLQzGH12G1zP2E4+\nsywHcPX+P+St575251y01OfksIJ2TGxNaz59zbV8lR4tnwf980j+BHx0xhXG\nkITefxorhngePXe5kNwQYl43ulnMWOd0YTgPvl0F8MGlFM1DOtI1T+P/CkSk\nXncIXiZD2U0QPbkZOWpS2zagYuD7zudPIx5Mt7kwd18IqqiQNqVqfkmvuYCv\n4rLyLGJtdRiEaDNEIhLu0kR8ZwXm0b8HZRWvr5pI4LkQFXqqmZSvyz50Jy9l\niaFl\r\n=yaMk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCc53w1st/yb6/umDktiBawmRSbXHalWe61d8vApcXkCAIhAOnLG0mgAZkakzXg+8EmPDZJHZiqGK/Dpc5rwIxntgiC"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.1.4-canary.e3df10d5.0_1612974168032_0.688320107634284"},"_hasShrinkwrap":false},"1.2.0":{"name":"@atk/mise-ui","version":"1.2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"02fbf95475f5cfcbeca84dce7cf63e29a1819b97","_id":"@atk/mise-ui@1.2.0","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3PDONw5DqadRAj8fu3TIfGOdga91bt6eOp0RK1eHyMqtHBQ74wvtMyGhSWXofdx56oltL+eAu096yNJ4AAFC9Q==","shasum":"c5d2bafb3d783c7c42558994aebdd7ca0f73c3f6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.2.0.tgz","fileCount":161,"unpackedSize":1237405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJUQ7CRA9TVsSAnZWagAA5VgP/2wxWWNI0yuJUN/mD5ZB\nDRgnCv0n2yABUKRZkPVtkjCiiqXwvrWoNT1o6Tpi6Wq2Av/sDn/WXcsVQE5o\nSMjo1ePlp8lP7cegOYFG0YwdXUj59zFz+vRDNppjhrHbjg3VKOX9lO50QeOj\nSa4j8RiOTotnxfUWtemT6ykwOnX7keIsSbBcgpHUiRkfJP3ej1FPZd75aapN\nLZmgznP0x6Md/MRbCC2cjjNzfsiHjFW9PvIuqrj1UVL9CePL6B8V4aH4RT+v\nQp/iU/amhwuvjnn+4kHd23sRcVw+p+lv7X14H04CwJjZy0bOvI3MjoCQ7R27\nbr9DgyZeGGwXk9OlhVatUn33szpYjubjuJmAcL4Z8hMih1ZZ6Q3mZSAM0Nuo\nYxwI9mklcIQOdAGZahnY51KaOa7EHOlB6Zh0t5tQop6jm2wWOB6W3Cg5qIE2\nplUTV+fr5o3qigXUPkT0pDJIm3BVSf8StAtpYyJFR7fYhFaq10SupcOnlDRl\nBaDT69lCasXsLpfJKCRKNIPjQYuoImNPCu/aWwejtNlPqKQ5qlBJka/JVout\nVYICV/F/lXC3dUKbXmOiD/huU8nCyi+lvyWm+dY2JAe8QHWFrD3GiUwi9uN1\nvu1fHrY0xNLyQG2mKkGsrjqmUZMLNs7f8pxmxT22Ejy3gqvfL5nIBOJe5IuN\ndW0h\r\n=C4mG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGCHVo5LeApgBi6mKBFwIZA+24Z/FaBiKyQz2gjU1nFAAiEAnmGTOBIYBXXMtEZavwvhHtAVX23qGrFHuQ2wWvuiJA8="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.2.0_1613055035038_0.48044381546371184"},"_hasShrinkwrap":false},"1.2.1-canary.0b14e4ce.0":{"name":"@atk/mise-ui","version":"1.2.1-canary.0b14e4ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0b14e4cebd13a16d9c5764f7a5380a158f40e491","_id":"@atk/mise-ui@1.2.1-canary.0b14e4ce.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hjWlYS2dSBzxp70C5IhLhw5oOQPkut9+a/axVr8OmQ5eH/n6HF7sGuF+8pfDHs/8CfbRALU3uEndTXb0FIXCtA==","shasum":"cc624a7874f8f188e20e1ba1d9df9312d6d87b91","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.2.1-canary.0b14e4ce.0.tgz","fileCount":206,"unpackedSize":1509168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJUuhCRA9TVsSAnZWagAAKNkQAJX2mYpyPo1S5e/Pi92s\ngKBfOIF8ut2mC0Meds4N98TnPZZELSVWgqLH1DIKiyi82v+FuqmYKUlFxmxg\n18CqklAqIOOL1MtcnKyF4svC0qv2nGs0aNdhJy3yAL1cYSoQk+8rkbQGyiLN\n8NRgur+OrFJ2uaa18WuhoAje1aq6zH33dCguh5B//aCLs5j1uc3H7xCb82qn\nO0hto7bOVevWyKlZdeqnNDRNyi5qyfdBqz8suEDA9+8+onr46kRrwudD1P60\nGBmzUVgPqoBOLPc1+HJ5pvqYjtT/8SSr5jewVTvwEU7OGA4DKpjw95SfxQzf\nz+SoRRdc4/rn0knPM7bqcQfhCjvLCmwv1OBmvAm5fbR8R6X4UMMKskW4SKjc\npIBiRf/tKFpm5TH1r0Ef+OYtTUC3q9KnBtWPT4MUipSLJR9qIGulBnVigj2F\nrp8mc8SBPoYxc7KmHnrVHmnZGl9/YvgxAI7rC5Wl8ORlaG4V+nlzH9bWCBtr\nCe5jNxp9ekc2ofr+WR86atEmHp4FKsYKTd3WEKxf+MWomkOY+hVoLwT1B3o6\nlL9JH+Ycvs94XgeZOpwM+/zmbL2m35NJn48p6VUs5Ldj5lxz9+YeB4LlLPMw\nalsEbaku2HdWg9n9MX5IOPKAdmJle6pKPWBrJo88CIbVe8XFOb4PS2UNQ0Pc\nD1df\r\n=t49g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGRQxqDfcXCOECjLQ6L/6xFGLivUNphl71q0E7MYiEHpAiBRbxuYWNsiN2GAHb5GfyL3VYnu+fXdNsME3/YMjRbmtQ=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.2.1-canary.0b14e4ce.0_1613056929250_0.057389419583285584"},"_hasShrinkwrap":false},"1.3.0":{"name":"@atk/mise-ui","version":"1.3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0e4d506f646f4563c9df7624f4c97980279d8e19","_id":"@atk/mise-ui@1.3.0","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-zrymWayFDCUt6GUxHWQtf/EyeR3QzeEE+dZnaMU6Yt+zk7TFv7IkBtUWdrj/ooIjhhMrpQ84cuDrDAo9anxwEQ==","shasum":"3ff0cc899d9b1dbbf4bdefc0e00d6447f873b40b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.0.tgz","fileCount":164,"unpackedSize":1258506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJXBACRA9TVsSAnZWagAAkq4QAIUvKXaIaC8GGi45KK+u\nBxkkfpz4pAsef6Tg1zRbOAmIuMd/NbWIxiLcnp9bk36bc5p+ACfUfw4ySvj8\nwZWt+Ixz93o2vdq89R0T4gKBvtUdDtBIYknPahMIncq7dCEWK9jJn8zq3qSb\nJ7aTn83MXbwDHTfHW3oLeGyeIk5zLmdDEQ2/OGyeL/iBGeBfTpYNhZhp9pVs\n9VKHDI0rFte3BrHPwI1AuUo2W6xMaSjim5vArvctOnuJr3PfYtHg6qY6+/Kd\nBmmzT6EhBnSFy5zeMBzIOalUwk/3xWc8b51X1uPFSlCCokiimYZSUKLVsfDX\n06TnnhOH3+byNCrgWLiok862+YHwCXIRgBNw4rrOj5OKeZuHBBppZz0RssU+\n7/Om37XMDCZVGNBDYr5RJ9BSUDSQhE0gvEtV/TdYu+9xkoXGE1cALvcIHe2S\n5HznhoV3IYP5BuUYNzpUHPqoSrr4/fpbmcDO/zmwePEtU624ascVxub3unQ8\nGDdlIDLhWpRq/+fLeE8fPGaU13TMkL4AswZMQ3Xa0t7iPDgo7uukyCU2EG71\n2ENwie9KzHqvHiTWiXESSpTpXNkLIrzd+0HErx9K20iI0TcKt065SljOoPef\nu2GTq/XJg93MB0FlddH0L7N91rMAygoLMcPzlj5dz+W2rb0XGXPfce9cGupL\nuI+R\r\n=qUtQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqe2bOcsfMuFQ9cmoEmq5EamBxYcw2DsIpmTpJbBUFjAiB8P2x0l25yK+6II64oWDwOi5fgagmIMLa/jUF8qsfv/w=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.0_1613066303549_0.745554740634611"},"_hasShrinkwrap":false},"1.3.1-canary.1caba534.0":{"name":"@atk/mise-ui","version":"1.3.1-canary.1caba534.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1caba534060722d513f8f28e511e653a6c057171","_id":"@atk/mise-ui@1.3.1-canary.1caba534.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-um40f5yvltRuAAdaZmF+i0BhUeDDncxILuXOZHHb+Xxy3rDQTPpuvvd/VvmLhw/+u6h7mJ8Nqm/A7Kj/hZpZsw==","shasum":"e8106f1589bb892ac1943a66839e42a79e975a6b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.1-canary.1caba534.0.tgz","fileCount":194,"unpackedSize":1356075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJo3iCRA9TVsSAnZWagAAsJ0QAIqDJSjchnZ/0lMtL9GG\nQYSTHus26Cn37vqe3H4nvC5jPkiHJziwO6EpgH+WmCVSumjKI36h6lIr7FyZ\n8f1U+nQBEO3sylyInkg8IQSukgKvEzI4ENBne83K7hl6w9smO4RcI/WsrK3i\nvzAemLL5a6jZQOt5IKr8irq7hmRkx3sAkWbS8EVeNWYf49gbYhrKYpO3Eo0e\nBnO7DJ6hdZK2lX0NDnkF/AY3zfhzH+G5343Jq7/PmelKhsanYzY4co2ERRc0\nOFOBRW7TiLpLBBTHDaD2WM2irQ6kO9jQb9CjQF8YZ/KOz0tF4MylocZYZjde\n0ua25Sn5IEHTc3bR17AjjtTJbszkiEEkJNL0+hNfK0tkFHCqnJGlBg/K1e5y\npt1vXJzPjx3UaCop4kg8dusmOMzvO/8CZ1hb6ESBQ1tKpqcCgj+MChJTChhg\nG69rc9v9YGIL28/Vp39Wz2bEI89XKqA4JiEq0BujseAuMFSRnu71a5yAPTpd\nA2yn00AQ8dw0gVAs9jnJUUiw95sEq5Is3SqiLhGO+gbF2SIGvh64Hf5cxyXA\nlbrvh1yWtbPLlwdtFofbBeTAGscFL1MzBGIk0NSTGxUH/q6CWDrFbB7CsBFY\ny7J6NcUsOnypcl7X/VqoHpuQufYROpKA2BHk/EGY6+jqaV1YmkUrWR8NEheP\n0Omt\r\n=TqBF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCySJvWgepB/Qrr+I3ZjNHPzVHVt9GskFi4wu8CbV/VWAIgZdrkFRfVNVqjDee9hBOtUxBYLybD40r7wfHqvjGKhac="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.1-canary.1caba534.0_1613139425492_0.13406110175805397"},"_hasShrinkwrap":false},"1.3.1":{"name":"@atk/mise-ui","version":"1.3.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"74754a7114b7d5c568622ce4a700f253315c4661","_id":"@atk/mise-ui@1.3.1","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-78/YQRKFvnShzyxT7mS5QsY/kRIaCgcfmIKoVBTIB8m229AEFtaOaF51F9c+jW35leqxh7zjpBHTbow2/op5FA==","shasum":"d10548e55f04236112bb5094f7b66d9fe8448ae3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.1.tgz","fileCount":164,"unpackedSize":1256139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgK9WgCRA9TVsSAnZWagAAq1YP/i23GRVSbrJ9dv0PKVM4\n9N4uDfXU3cPs1oZEDiibHFQJvwPLA6BHc8qL5krpoCpAvZeKNgCKz/VIKBv3\nqeQ47mS+ukEMvDZvjv+L9WIqAUSHRqHFZwneehE2ilctW65VH/olKAbUlnUc\nYrPI8US67qjzmyA/jq18SjK1zB99yYUVufzwUTKpVzl4tzTqLF2ZFxP5tIY0\nszt41kew4TxbyqqKwe8w+y4D3ICXJz9kl+Uue4qgfj7vfofRmQH1QO15PlaH\nRzE8G+yWTmjja6gZRF0ygKW9oEwpdw0vbY1Vd0M0B1iEUfeO/jUk8XTmEgZC\nSiARi6Zvrcpho4v0WzWeasV/FcdmHZVD+tqWmXKlumGgRlBk7mh6wx6wj6DC\n6mkFcEHfzdtLdHHT5Ew1iORFzOSTCQcWp5NQ7bP7rOectfWVLeKa+RH2wxp9\nFPxkJ+ZEDXjc9i4GTTbhb4B0QiKUtKfdFjS3KLMtFgbbdMlsNPIN7sj48KxT\nzfZYAybySp2uBCuvcC8aHGWUgH/5/DCguc9ZrN4sANdaAZzeRUd6YIOZDTG9\nOLhvWtje4K1bat9kSjM99NZh/BxUL6dB1evPcf+wKk3Nws5PwcaURNfFU0sC\nrqZAdKla/CpLkEt3DeElljF//h4Oe2kjRj6d2gOWxo/DMrtDqSNufm7rNKc3\nADjF\r\n=7xpl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2oaAVaSAXzKTZb1JwKiSeatztaXeC/wSn8jPPQWeQ1AIgXaoiYkOJMIyTkbQ+uQjZO+ZyojPF2mBJb7VjqW+ObKU="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.1_1613485472305_0.6145794392134418"},"_hasShrinkwrap":false},"1.3.2":{"name":"@atk/mise-ui","version":"1.3.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"92c82cccbb2ebdc9adde60816305acaec80e715e","_id":"@atk/mise-ui@1.3.2","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-y7zZpRRbUy3rUrabWbr+qnpESU8AarP5m6MiFRQFQkbCmGMEdeDLa0UvPRKmnjlywkxlMC37YNRi2lQGJbn1Vg==","shasum":"76d07b9f205f7cc5ef4b94d0a512a409def2dc57","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.2.tgz","fileCount":164,"unpackedSize":1255622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLD5ECRA9TVsSAnZWagAAC7MP/2CBYoH0oJuRoqBOS7HK\nFdeviKpcEo0T1OD9F3yIplSmtjM7+2PMnPX8wBzJmpPBexUiFzCDSPs+VNGk\n62/0LRm0DeSbKEC/WvaR3W0CP692EDvutUYSDOfyuj4J7PsKvDyvOacHLxFv\n/XY0l/YYn+wBh6hM8HUVtUBhk7VAiZbknQAjmi+Elm/cT9Y1RbjURwcVpO6K\nrc1qiDuP7P0Y9KVDiAP6CYO63z/M5UTE2lvAo7vijeVy45OwoEHTDHvy9EnB\nYbtGt36S76i7aBTLUbYl6XECtPVAuNh9+/ueHuhql788hBRO0yzoL0RT7LE+\n/81SjD6Yrcu3mLLZZfXkLQ2ORI/uZt+SIl8Zo8GsgHR7S3d/2lgk2dWcla5J\nozxs/T5VUOHcNN/0awYy8r7olNCAKzJ5ZcfcKSVUswvjrq/GLBqELjGscNxe\npydtc0yOc/DI4QF7IXBWf7xvctK5cE7Glfxcsf99XlQli0rzuYVBhmw7tCKF\nIfTAi2t0iOeRIkaf8H/ZTIcxSJb1BWpcwHUI7uFazaZ13wV4naUG1F3ndPzo\nhsu5HRhgB+ii+iTa9cZnwHSvuh7oD8WmZ61idsBi4AKXaJ4UeU2xQR1ZVsak\na4uK0AuUKx3dz5893FJRB6EGQaTGlaMGpIcuI6l2BKwo6zkd3HNiZ8+9bWcn\n7NQv\r\n=kOhk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbTHyseBcbkY838Ptmmn8vOJES7dTl7u/cD+qKuNqNfAIgeIUrVw6aTrl4R7jpa7yY03HCYb+4ESmuNndsZILyGSk="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.2_1613512260023_0.48287342504777775"},"_hasShrinkwrap":false},"1.3.3-canary.aaae6c34.0":{"name":"@atk/mise-ui","version":"1.3.3-canary.aaae6c34.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aaae6c3491ae40fc70557d188d1715d1cc0e353c","_id":"@atk/mise-ui@1.3.3-canary.aaae6c34.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-AdBUOTIya9umHmP6RDHvnw9o5N00rywwa8aIdN37E2PonsjWmSy6QrT0s+F8Ee2OdQu5UKpMRAxHGxC0rwBOmg==","shasum":"a305a8d642087b791d318ca7222556c334d77691","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.3-canary.aaae6c34.0.tgz","fileCount":194,"unpackedSize":1355845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLUa2CRA9TVsSAnZWagAAzEYQAKDJlhJXKH82ix1XYMPV\nEj5I6q+jHRGinJZBQZZ02rV08QIAOCyL5dEMTu8xqth3ZhEy7nBIdo/eao9p\n318yMb6IcLs95cqLC9/xDEnyjYsBY5IMPd9VoyxxzU0K3stc3E+Oe1FoUeFX\n95ImvYbxioZIFjXWPRLGAvFer3dTMaabQ6JaAc+16dQ7Tfstc8Bcy1o8+HfW\nsjlYLNbtcSEQj7h7GJ9aCT/9qJEoIk8WIcUjBo2+kuy4Zx6J7ld3H6mS5sF8\nJCJFFlWFMtoCswbY6GjJj1gpDdaAKJu+kK3X5g7SH5YzWCDJ3DZu48xmLy14\nVB1P0l9HIT2EnwYCScKBsnmZ45KnxM0EqAiP5VwMey9KvuphaOGFMzSomeTs\nkhJs94zYww7hh326sC8J7scAtuxjpPhrVLbeNiQeqfpG/g0I45ibedtMZ/rq\nQJHQxsZMsr7LZIwDkMxgAWW8M/M8VETwvvKtNTdIOtaUN8YGFLQjtEZOZk/y\n++GC10Gh/+j95+FRnjNPkClDriyzSSwXz+/hBpsKS+6EGnItP3NX6zR/4ENA\nNa7W9ZLprQ1eOgP39bwbD3tjbF5tfAc0cQk6v0NnYCvA9KUAr2SYApMXvv1+\nXYlK5/lQ1tluma04/QyE22RXMCVlYsvjic3hox4v8QVITWiFpM5LugUMSb8r\nYg4+\r\n=pyMt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWKAt8XEJau0eEruK7jQaPLfC1evrvRqb7W6nlHj9zAwIgZp8KW8wUsjGJfDki86vYLrBN7T+BdePLIS1PI7c4oFU="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.3-canary.aaae6c34.0_1613579958068_0.476268334247562"},"_hasShrinkwrap":false},"1.3.3-canary.eb67e6cb.0":{"name":"@atk/mise-ui","version":"1.3.3-canary.eb67e6cb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"eb67e6cb6e854256a2f1024f958ac2d90aab88a3","_id":"@atk/mise-ui@1.3.3-canary.eb67e6cb.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-KixF2qFVbeqa4ffGDXcUuiJBodc2jA0gWDjOgU/ROilMcutyVwv2ybywHqsoYXjb/dl+arWPxFv6jAjDDH9DVg==","shasum":"da06eaa64aebf0798365b6ad8058353f61abf822","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.3-canary.eb67e6cb.0.tgz","fileCount":194,"unpackedSize":1355845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLUqCCRA9TVsSAnZWagAAyAMQAI6F/8om/OPSWGnwsJ2f\npKJOPPhLOOK0NSbYUrZffC5hNYlxK5fVmAvDr5N3WNQCkWibVzy4nSfxYK3x\nHVTmoKmfikdh40xYJ65n2yBdqtfvO9g8dS5DznciBe6qz+/pLxfYZpmU0jtP\nNLtHo8lephvIeIsl7Ee5Pq/qaQqKOXLTkytSqGLkYu3hP7Cg6HyarQ9Gq39p\nBGuPgHbTjAB/LsYN2vgu8QlMiaBtwd73kQOelB5VwTwT9c0DlENEE+Kfp6He\nBUXzPtwVbGYoIva81LYnifTZc3ieNHCFYqTb/kMerICvM/qPL2KlIYZERnhk\nijeeuS5a94FKo3oF9GtDRNqUnQU2kgSrRoL0/5L9b0t+L8lkfciGdsjSeT+J\nY2Z+wp5guCUaEmoOgF/Mi6RzUYpBYhnUe00M3DMqpf6O3Ug07O6lG5Ggz0nK\nTVw1Aa1co4woTkzKX8bFEqT9L+6wsZKEyTAsXDivR96DRcuIGXH7WuXkqZXQ\nvEQ4eg1dEEJSZFw9KQnx2WhbPwgZemCM/q6B2bWuYgU3AmO1P0h6HEjERiW0\n2kM52NfTtxXhixYhEtwyCOAJiafwc5aUHnNKp5DwuHabiS2hmUBpebpENTMe\nTJJ6yHxwWia8B0RB7IwQHIv4j/W/pm/xHCW2uMFkITihu1t1+x+HTjldjl5A\n5Nek\r\n=CPHT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsKdPjRbFVQ/gsW5+/Rz6OVuBrTjDjyYrgSY7KFakfGwIgKZRB5PI3xpYrPA6FO+B1omlhJ8jF5V6IOLwERmhderA="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.3-canary.eb67e6cb.0_1613580930164_0.09883435738693636"},"_hasShrinkwrap":false},"1.3.3-canary.36c89458.0":{"name":"@atk/mise-ui","version":"1.3.3-canary.36c89458.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"36c894589cdeeeac08dc8c5257e135a427a9b677","_id":"@atk/mise-ui@1.3.3-canary.36c89458.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-wIyBFG3X4BrEugaPoQ6URkVYqAwuCTciDieJLeEamEVD8+QjXpEMufszAN4C6b52AxSXieuU5Q4Bzkz54R7n2Q==","shasum":"41042a21e288bf18797c2bc4c2cbb33400c73dee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.3-canary.36c89458.0.tgz","fileCount":194,"unpackedSize":1356831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLU6OCRA9TVsSAnZWagAAE8oP/3UJGVccqgpWjaXzSzBv\nF4Ld/q2IxhPAf8bd1Y3MwknlWLKE2/26M0g1quT9wJQw8nV+v+9mge+2uNiA\nXCyQWFcahLlWurJkPH6yJHsxPK/QGv7mU0fBEpxQW1bO0v1hlQkXLkEq3kNL\n6+XHx5mbj+QOzqzXnvQf3o9Arj3KW8Q95jNPoKub3392YnQtisuN8kEOszsD\netg8WuEnurSCClWZlhYCQvp9KJFr/+cJSHrIcz8zLKJFt7d2+3oxS9yDSOm4\n/mHqomlK9/fxyaRkVH6C57+pmVfGgkVxfNiTYDJOAvlkmBoc2WBJZsSrMjm9\num50PxGVStqgL/gozSBtJdarJT7cPLfjex7jOR4Cy0j2kZYC2eThsfut/+4m\njGW6CjYSx+L1hj9tS6YnK46+xq/1pp1SmkANAQqJeBLnuhEFjqOvfUizUYYm\nbybJqFal1j8utO8pbna9FvqN5y7klgj57a95iQCXtE/EwW1N77H+ZSW6wgam\nnNYAC0eJ6c3pI6y0xPfhAmceXhtJJwmxgNbM752qkLwTlYpxMwIVt+5ZTbIt\nWEKezNIZcR/mzlCSEYSvv3mzprHLgcr34PTk1l0UztQ1YTGtLwjF+XipQKmM\nfRpmkW1CJN+QP9v4373iaofhEPwH17nufv9wmXa7fX8g8h33/XbE7+KYCD39\nWPHX\r\n=REkq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmCuVOEkYdM8cYqy9eaRCEXBwtPR/uEvNvv9IXGCRjDwIgVCU4zOW+idTGGVGuQYf9YyfIGj4a7rZdVzyUt0sBfTU="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.3-canary.36c89458.0_1613581965263_0.8665488362540879"},"_hasShrinkwrap":false},"1.3.3-canary.c411e88f.0":{"name":"@atk/mise-ui","version":"1.3.3-canary.c411e88f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c411e88f843ba3363614616cba16f1f58267850a","_id":"@atk/mise-ui@1.3.3-canary.c411e88f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7wU/N+pl0mYt8+CyWOFl8cHGWW/Ddr2et4vbsido+bexDfCNvwe/6k9IpzQGt7NtTwBPN2dUHfsPSPwQJFyG4A==","shasum":"f427ebfd44de48a70191146da6713c11de4a99a0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.3-canary.c411e88f.0.tgz","fileCount":211,"unpackedSize":1537369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLpY2CRA9TVsSAnZWagAAGbEP/31UrwtEZmv3OjZyhULE\nRvgoy36S6NH8iwO1cGOgn7w5IWjHx1KFH8I2VXWltHHCQYqV0BcMoIJ5CY+o\n5uZRBo6f1mupoHr5zMzWvKlILmX6Rqjr8Qzi3scRMflXbbb27L+2kpNEMmTB\nCH7ipeEzQMdvrLGvar8x0Ly9epuMbC7grHY6Jn0TH71Jw2GHPfybnVzos79Z\nxquGaI1u36ZvxTHRKy1DAwhu6Kc/q4AlA1HFYut44ogltW+iH27/wmrKDaqi\nLq+u+Cc19fDP5cljqXZ5A/UAv1FdPAgJj1uovZinWhQeB3NmPj7TRxnzY/v8\nD1Q/BXMTXi8paqObioUxTTOmiq4lG/zze4RjtQ2V1gUqLeVaXCDGueFwJxll\nW+7zTXvU38PyAfwNtzO2jCBRnQyyt/zdZM4O7UxRvAp+16iUxcdybUkiXSKb\nb75JFDvBlzbfIpz/ERRs2cl3oZ39iVx6SqiXrkqCbMFacfd+9fQWnh2z28qj\naGHblfF+m/lTjiIvIEtJgTJDd1M1Z+W6/BXCQ+Zs5vZ96yNo4poThd4eLIGY\nSvuxp9i+9vIAr4T9l5dxETILtklre86aPbUcibKwkYrJ82I2zPrp1qatrany\ngMS2UaFgsdrA6CexopVZ3+vx2+0IZBJQlXTmeUIiqBND8XlNpeMqYU7MOXi0\nUguG\r\n=arBM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCHrr0gP0bmHiGbfe2EQXEVtKdquQucZnnqu7f0zthKAiEA8c3coWXy74nqPJdXQOU02wvNVP+5dutems6TFb3LpZI="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.3-canary.c411e88f.0_1613665845992_0.9597885474929579"},"_hasShrinkwrap":false},"1.3.3":{"name":"@atk/mise-ui","version":"1.3.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c3d603e01f8215ff9024642548a4bf8c68063283","_id":"@atk/mise-ui@1.3.3","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-b/QHLxx+GlNOz9m5mbEtVo96heFtp3LNTyvD21VUleIwJ2R3wkwskMX3DBvIF16C+14PeyMfdxFFlduzyqDTuA==","shasum":"4e0f3b74b1bf42a8d58f76dcf4a2edd367bde603","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.3.tgz","fileCount":164,"unpackedSize":1256400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLrbQCRA9TVsSAnZWagAAzRoP/3Cp3bfc5kqti4C4yRpG\n716hYMPD+/WN5mm+QZoeWUaRhR2i1JWUoi6fOOu98afyNzlUvRy1n0KBULmB\nU3SGbrSLM2dTyWzrfAcKAHYTUj2FNgtyzriFrT8quHgnGi1iCWvR2T3t1/Lu\n4UQ/7npfJonQoPKWmDwBcgeCg2zrZO1g2mMJ7iy5HbkXTKtXGQ2pxTdmfC8o\ngkvXn9irEnAnNXaA1BEXdrKilIN9tL0xRPq7AIg0565GxcdOGxWxatWTNlt5\n57J2xDeRizpnDQ+4OcE22KkoRlP6vlOzF6Yy7UMrRIobAMFw7WGaKY15XZqX\nObixz5A/p10+kj2QLTYUQ3zjjCSTTzuEVtsI9zczTKPmyACZt/UsMicAoVo1\nmLVMb8Fskw7u33MQjZDOUNUia3tRCL42G9T1Ym2B3+KADXP2X2akeKoK0Dzl\nDDErPw3I4+RPrlmfvpvUVOkWnK34fjCXsTxYXvg0kPL4afjC5TfBU3OqJ3EH\njfUfq2yZhX2g+qCoco7Ib/ndlzhDFbiwM52As+Z//+f8ZN7oMcvF072QNwJs\nJM38UYDqmw05pB2BiTRF/gRIeD6zeQMJnsGLrvffKk69PCpnr4ZbI5cqIAfS\nBsYva/UZ4XYE1OaXVt85JdxqVuEFdG8LV7nQoXy1ukDH1mp0KvH5yNJ14wZ6\nSXE7\r\n=DYlL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoWnqV2m/pK7rZjfbJVWDS1/ElMVaKemwRVDxqUNxIkAIhANtgMEBd/3dxKWiZVa0QNNqzDveBAtXIKdR2VhysDf7I"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.3_1613674191926_0.3692973110603994"},"_hasShrinkwrap":false},"1.3.4-canary.767d7e6f.0":{"name":"@atk/mise-ui","version":"1.3.4-canary.767d7e6f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"767d7e6f71bb5708e5c2058d22a46d14b2d35d99","_id":"@atk/mise-ui@1.3.4-canary.767d7e6f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sNWl8vg99lvYxvDNLzwWNYgiFkW+tGQkyH4niDDfqDxvRR7qLDseYIqqOw42h9fHsIXRyDmVTlchWZVkjlk7bA==","shasum":"463b1ff793a5d6d9a9cc1eaed7ff99f4e1787b11","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.4-canary.767d7e6f.0.tgz","fileCount":212,"unpackedSize":1540719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL+hHCRA9TVsSAnZWagAAYggP/1DV9nPE4ig2iLeQpONg\nf37E/Ue5IKwJEWqvAO29WHTUeorIFqLusJibtwwZHxYtn65D0ZlDaGg1Si55\nZ3a8p7cVVdIiiSpz/ket3DHCTOSUvgLmBOKuFOBHjaj4tcCAyRA3jrR6a0zP\nwOpI4cfeB8LkPqJoueQyTpaz+Km7oqfktiQTWrEzRW6ib4Clb1aJ2umaASFd\nxtZHISYWIbC3X61wlFYiLgMilrYxgPWEE0iP+JszTQKkIMEDDbxL/TE1JL7O\nXRVYvWlMgcHFANSFJhn5VdOEpn5C2cyPDVt2B+d4f0ZTu/mcXhOj3ogdUOCM\nbXQ5Bw1LTlaVRerzNiItVY9Pt2L381HXIcFepeW9xlQ6fighpc3grKt0CBk3\n9yxQp0dnxKywTK1JSOMHr6AU7HlM+x9JRALVGosbFIJassuKvD5JKC5jl4aF\nQ8KAueGcErJ/z9ibOV27homfDC+y+J8mlOEKQL8U6Jtowgxbc8QX+vRs8SgO\nioec64jn7H8Ir2WV2iIHt4KboHM4H/kZvPD3uDjfxCR9OYVUEZ4Is59dyDZS\ne2At2+fP5aXpW3KD4Ao2FcuVGe+cwCDUWA+o1xXxxDDq7btHlZ4rihHpnQ9w\n94Tvc1ftBdLDmJN2YXJTNgZ6/Kaw0gTH408/7X7WZMtLkeX5n7ft2GxV6DVi\nC/W1\r\n=Dep+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5W5kPzpEU497dNk361Za7/N4lZG3PSHZM5JQkusZwBwIhAJpgP61+HArXVr6oFjaseodMKl+veL2Mfhn5pSPxut2z"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.4-canary.767d7e6f.0_1613752390424_0.6767542094247232"},"_hasShrinkwrap":false},"1.3.4-canary.11a134c2.0":{"name":"@atk/mise-ui","version":"1.3.4-canary.11a134c2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"11a134c2ea60b355aef5257188d690245f014f46","_id":"@atk/mise-ui@1.3.4-canary.11a134c2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dYSuImQaV1NgkDCbaFLjbTGH6Lw6QCMHSb/Vuh5eAp53SZepaCemwrxz/oIZ9LsONwxi7cfFHsxs/E0vjRgh3A==","shasum":"3ea6ac37f3fbec2df454ed09589ce6043d4eff8c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.4-canary.11a134c2.0.tgz","fileCount":195,"unpackedSize":1330522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM8kZCRA9TVsSAnZWagAAE80QAJAOtvn8vEydoGYFH9MU\n8bty+nxMGwiJB5rF+EmxeUKrrc7DL8F6v/5Yi+u44yEMlo1mLsHwuW+US/7C\nsZcidjMY5m8I/rj7dwCD806gX/UIAa9sjTb1LSchavSZAU45uJq+ea+rsY6s\ntRdk/mjmJpZMT3dbJrobPAvzp2Xnd5wretEhsQyycEUzzQgmXN8g8+xzPuKM\nZy3geONiyi8rzpp2Sgn+aGGJwQ0sRNMa/NgPA499XQbtmavVtFiTSMFAPYDh\n3ELBNs2oUq31ICtVcCUJpxqx+auyF7HgUS7qVkEHJwXubHnfqwderb0a6Y7k\non/9Oeqv4wzsQJxpjB8Q7pp0odo7KjLZBYyYOjP4JuWstnoDllHKP79OH02g\n7YKMsD3znITE+JPFy65cuQ/K8bsmNzpMSpDeiXS38Fq2tNJg/u7P20v5hxVT\nqOieA7cPpV8K+1JoJJfye2tNeeHcnAiWPQ5qADDyQ5WNf9R0wPlb0IZ9Tajd\nY3jqjJRHVB/tMqaQKuTWjvBH9A9Ipqe4kKsqDoNCy5Gb/M3eemu05Vi4hqWm\nxKt8Dny1WviYi6ymtLuimnk03gQAubxbwKhY7wkO+P4rsbd16QNFOyL/ndcq\nEX9EyZV8U6b3R5vmsYgabn9nH3iBOI0cKYoHsdX3mv/zlmWxZZdc5LDUf4WI\nEeLt\r\n=e5ga\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjF+CMfv7GPiELCnRFpL91BvJyCG4sEK1/4AVwH62wegIgTRJfUoSL2UOMF9TY4NwCBdIFhwVbO4A+Ag0o5JroEf0="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.4-canary.11a134c2.0_1614006552752_0.4681144483092279"},"_hasShrinkwrap":false},"1.3.4-canary.7edfe199.0":{"name":"@atk/mise-ui","version":"1.3.4-canary.7edfe199.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7edfe19905ec29bb0d4d2f122b5e9f8cd4971b4a","_id":"@atk/mise-ui@1.3.4-canary.7edfe199.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dGflcnSfe30YMmh0/jPDxZTPFh7jonNqe0HQ5qxxdPmKOnVKFsohyIalEwkra9R3Hym0vFtIC1g6/w2ISVAnnQ==","shasum":"285213f68a92a6999f665aa051d904cbc26eaf3b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.4-canary.7edfe199.0.tgz","fileCount":212,"unpackedSize":1530804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM+D0CRA9TVsSAnZWagAAOKYP/R2cADVbvvOSutIaMEj+\nLwmpUN59HGt2GxT4AQ0RNZLE59kJyE1QrKyXVd7eR7rjOsHqBkRZO6ZSJNLd\nL4RyLriH1iOPGHTlRhpAroUIstkU0JDA97MOw3F4kMS84QsX68lXU2Bc56oN\nuCN1RGQAkDGJ8zIgihQbEYo9DMnu3zeDyYij83K6UNZiFsx8VNI6bCcESK9Q\n3RsaRBrLCo/tPZIJEId5jO9Qlx0ordoFlR+j6eQCzd9OD3UfZw/GS29/8MFJ\nK6OOsXjqfPlXaMITu0TTpgbPk6xYbpKVaydZn3W3iXHoSRMwcfXY1pPC7NJC\n+197mqVRkXt4UNVsbVDEnSvt0TfjgrGCdbsw6VZINILMMU13nH15K3jbdHvb\nmRfpntVDkAi53ayp8qh9+Say6fpIPpUk9UMMQ0J1Oi5eXmeDPUaR2Pn+nZ+s\nEd74UuPc6EJr56ZqYzEt25PDrby2JyFsy9VDb6d2is1COIiZGwymTquRnC2S\nnzcl+i8in8V9gbu0+5C9G4uM9JXYIZhQAHCupTJGd+a3i3CsLmbC+g/qR8Et\n2OuLIW/7pjTPEro6u/t52RRHhuZnsCKwpx82NybCSSHHMtRHsy5m9e2VZCr9\nxAJV1BE8fSGvuNvbeLBkFSCuF9WwvpR9zfZJPp4Vb3BgEpq8rOY2/6NPaCCF\ncEYj\r\n=FmmK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1XbT/+RFAGlYbucag9tA3CBXlyyUdKS9K0CD9wqYw+QIhAJs4dm6kQNEPqfEmdgCqJINDfDmCIsJ1VrIu+wq3yh1I"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.4-canary.7edfe199.0_1614012660121_0.2113411293223264"},"_hasShrinkwrap":false},"1.3.4-canary.798c8fe7.0":{"name":"@atk/mise-ui","version":"1.3.4-canary.798c8fe7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"798c8fe766491921bbd0950961d9e94950a484a6","_id":"@atk/mise-ui@1.3.4-canary.798c8fe7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7Or1qMkDA0MMal0dSOqUmTO7JTCrXOiBvCi2L6ZNIYa6AgxJG05QCdiuUlZaPNacd4QftZjXtcfkyoTyO9Xpxw==","shasum":"a01f54505255326882b91edc972f9f2c0de5ed9e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.3.4-canary.798c8fe7.0.tgz","fileCount":212,"unpackedSize":1422640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM/xrCRA9TVsSAnZWagAA5t8P/07CY4QcCv1QZgNOTXzK\nhSMheOSnqTPcS7ODvm7rCva8NR8Kbhd1jywWIBCcEddt38B8ITMWp16KHJoN\nUPhi0V6QViUVSkw1z926Ei5ALTobSDXyq/Le9DdcKugdMN/iOPjwOnxV95zo\n1rGQibwFKHTN7h9LrJcKuYdpLPSiRBKsd9e+3w2p5ZpqbJ2kA/XdRLlmmZws\n0EPihnBbGIf9SorDcl+meBiX3TgPrMAsvzanNTfHcHGNsFa57tfOASAg57Nb\n1ivnqCKoyk1Z2Ho+EF3+gfQx4U1K0OqdeyChK6LGvjaaeJgql4CTFrCDe8uB\nDX5zgTYK5CphKBa7W1oV/mnbVkA8SwutbnsvV90JDy+wGT8jaPTGZU4ShXzj\n8RyOd04wi/gULbWd1Hua5w7iiJzbdv4CL9W9pIeCOpD7iZXRKoKCV/MqPgTF\njIp2UlyuVXOqPDxnZDW6QBv8SpZZYZMJ5ZBOzUvyZpFCLpYFjRT8nz5BbiPy\nRAdWm1k/C0FYTYNsldk+LJfNKPEOFvxJnuBnBWZJsXPsNZzr2Viyit6GoQ+6\nzsTGp7vonyS02kVppXovTPKfk2qJ0a+BNQiNhb3brLuJgwcUgHDAt/yZXjEn\noHEkOXlVTuZAFtYU5bjhq+eFxue+qCqgpBw7zzBBIL5NHc0pkvenag4eljHC\nZ5bp\r\n=g1/C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBx3DztCgfYCHTJ6KhhVE1Vi9rGyNI9f72Ehx1aPyICyAiBFamDfim31nr8EDv1bn++r6v7GndOinQvcobtDtJcPow=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.3.4-canary.798c8fe7.0_1614019690620_0.23726952898590148"},"_hasShrinkwrap":false},"1.4.0":{"name":"@atk/mise-ui","version":"1.4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"516b9a843792264e2b264de8915e93f0287e5e38","_id":"@atk/mise-ui@1.4.0","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-mSJi+kKMqv3WmoLJOJjyBTvOeQLPf+HJyyV2jEYiLEN4t+XQ1lKoj6nAw8lZTiU0HKzyNrHXJ2lUvkWGxvgAaA==","shasum":"f1822d03f789db87578044e258de6ef52c523d76","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.0.tgz","fileCount":165,"unpackedSize":1150543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNmWNCRA9TVsSAnZWagAA+5MP/2Se274tg59JTGUp76Pz\nPAD1Hn9dJeYVoHeSCF6WXlWwS/jDNu060nqhoEdH+VDEoRNGl4XlKc+UkjeV\nahjLSOtL5xt/WtvQX8fS3RaYqn5UPKtnQq0dx3PymJ6ADxEbVYZH3J44TnrU\nvSOMNllock0YhGUR7IFEoBBU1YfUgEdw8EgGYf/Vjsi425bUmKHd9Wb5VhU5\n8uG6Z0OEKQzXgjU/9lBgiQRl2Uq1OQRr7We+DwpJZ5m45JuTXT0anoAAn6cl\nJ7wslqSg+VZZnCCW9BDU/QKZn8yN/KXmNzPyLNiGZ1l+heZxv03UwsoiHw80\n72v6ZmXUJI+WXE4vcjyNGf3YqsvSd4YDv2ZcxId6phOHCAjsE30o5ARYTdLJ\nV7vt/7I0tDhht3jcSXbV5EniJK5vTR0YrqxiDAPvI4LXV1CtI/b0ANgcLRZX\nx8IkMF1kvZ175MH8xnW6RULCgm7DkoJNE9PUsM+gdYaWzcGzOl2PlG9ZOYlY\ny+vsgcrts22r5NaMxGyylP8LX41mAQ+EwQA9AryOiFuTyfgA6IMu6r19C6PI\nb0gkhzUeo9t6JIiQlvtxcgSJShuJc8KTKrje6XnCRNTFA4qh5UCLb+rBBX+6\n47KmU89M9UqHraN2+2sO8uUyaePl51EKoZHAqn8hdGyxwbvAl7+koQ+qhwVt\nxIGs\r\n=KIwi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6dxv6Y5AMnSeSLpgRIbHz8z3iqdDCHGHNGgHmZJiVswIgTTiTrLg9vEuObm75ipkDRRIbxvxEQujNWUhcPZ6F41M="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.0_1614177676482_0.08481064048610465"},"_hasShrinkwrap":false},"1.4.1-canary.ab4a440a.0":{"name":"@atk/mise-ui","version":"1.4.1-canary.ab4a440a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ab4a440a60325f120c2c39ce3f7f14ccc5ae2cf2","_id":"@atk/mise-ui@1.4.1-canary.ab4a440a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4BavOW4cCnPuYq13zWrCANWtpx7h9iCV0KJoIelTGz3/DJMxG8FsPT2z5bsMJBkzdR/SgC4LcCxfH5fCbgXq6A==","shasum":"0d630d189e98df4d44a1f399d4682982eb6fe5b9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.1-canary.ab4a440a.0.tgz","fileCount":212,"unpackedSize":1422640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOTVHCRA9TVsSAnZWagAAVd0P/iehqMWHrocMoEn9ZbB7\nJ2GBBJAZGjkrKonpUNLtGyp1Zo4JIJ6LQSG9lr6QTgfPkFoNqoyPICahYor6\nEq6Pjb2Yz2JNfl9b/mMxp20KF+VaERu/qtkTiD9+moUo985xE9z7PFlLYxnL\nHZfE9PFntiOiJ4xylrwvJFoZnQKiM9tDY/IqN34G7mzYLDOzAOp8mgPuFQhk\nlO/LWOc2IwYSDVOo1TM/ScdXIX33034ItQeAc6zPq6FLRkHU+bQxnoxI1Cp5\n8JnxEbKcRVTQORgG7cwszNl55COCVfiUlVwU+6ePVxaPGpcJ0VQcemzPTgyZ\nPfJlPg9orX944wEqUY8rixzz0EA1pgTLaizjvja+P/837xFCNk5Agk+79ked\nKACvGAkQpCTzwxONd9ATZOZMXss4RmARonzksqy6oT1xXWBcq7g+yHcqWlxm\nInXaaJjOOcRNVxgzWqez38E5MDsR0cr+cOQoruSpaOwmPrsXo8qeRUdbTE/x\n45kVfyFgGU/n3vPRrOzF2sn6Q6ws87ZvTI+16xwRwgEoIhROPAEtJxDgoXqH\nl2Q01ZOtEt0rmG41iKBRetC1M24vIHP5CBtgshaOC/jikUPneGwAspil7mlZ\nwtv00tCU5v5We+pPPmErkfuXolIJdpr8JweATo71kvKpKiGmZ7D1iqu7LiUr\nqnws\r\n=3eHZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKVEfbHUFd5prl1Awn2oRrEp1XgpZIFT9bG06oWP3RpQIgdhkyyx5gMBMV2J2l87o/DVqMCqdrg0Iq9+MVPdVuT1c="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.1-canary.ab4a440a.0_1614361927021_0.09062990481363786"},"_hasShrinkwrap":false},"1.4.1":{"name":"@atk/mise-ui","version":"1.4.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1413c2870bca690ed07d2bf4f8723c31920d4215","_id":"@atk/mise-ui@1.4.1","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CFkcrKVwFjlChpxfbNVqd5PXUWvvCYm12ZpgXhC3XtUGBeoMWgZjXRYPQeHrc6YPKhF2ZW/ADLU8iUGXZXmUOQ==","shasum":"97b82770704600fa33ba5216eef82ad50843c70b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.1.tgz","fileCount":165,"unpackedSize":1148970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPk7fCRA9TVsSAnZWagAAOkcP+wWRHMTC8S7C4eshctlM\nd3NXB5x1U3zlSsVMPM9/rBpV/oXvNKMVNncvFzkpngyJDqXZ5sbxE0QKp4v6\nM2RTazT9jPGaWNZ74BwpBum3BmMb/x1WKDRtDMU3x6BWksYJA4ZG2hEy/of9\nY2/3fPeCNpoghRQzDRAKT96UMFgkO82UGz9bcP9OddtNyFM0qH+UL3TCe4b9\n8RnCk/ZmoiitBciyI03hOm7CqY1yq5n01vQvVkp3TGrbUb8t7c9B/2LBES/H\ndTv9Rg8fVz4+wbHIMN0OM0T2DiS2gjKJe4miWA9zNF5nVpMbnh/qWp5NjJ+s\nCP1IDcCeyH0MxBZGhwLZNV1qwbM7EcI34mR3JXEKbIrAozLJWJkLgEBU4skp\nwMVprgl5AyaVLp/euuGgIPGz+k6G+9Pks/TtD+BZ65dnNui0vZz7nfSmGbCh\nV0bPrYytrc7gKNf3wafijkeIH2VvEJfmDq+yyzoOvMh4nAyyWf5YKpw8tPU5\n3FFPoBYaCfqNW091pFxlqGv/+GvIgUbAOsXVhZWlo/CHtaphhL0haiW1b+E1\n4C2hZtkDttJSAT9g7YWaeku6GAjKctV0qKaGGeDsTZIU0BsaBYeIgOJazCOh\n+3CSDWfpDkVnQhrOuG7tkW88jOahdtYYoHStGOcKXHzQsCd7w5KIHFyRds16\nq3h4\r\n=wD79\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEueV1FXMXNs12eOk3kUEgr7CYT9h6PmSS+FUbcUjhvPAiEAqugsxSaij0VGOrewqulDaZmLPRqJP6RYKaibHz6o2sc="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.1_1614696158841_0.35543978451599334"},"_hasShrinkwrap":false},"1.4.2-canary.dd314166.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.dd314166.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","plyr":"^3.6.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^16.13.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^10.0.4","@testing-library/user-event":"^8.1.0","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.11.1","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.4.0","jest-styled-components":"^7.0.3","react-test-renderer":"^16.12.0","watch":"^1.0.2"},"resolutions":{"styled-components":"^5"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dd314166e1178169098c55b06b21a366f3797a91","_id":"@atk/mise-ui@1.4.2-canary.dd314166.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ttx3ZBum3yY3/wFsQFEDB9i/V2Ysd7h3MmTyMRMOotK3zKwqzTLp+a3xQSb/l198guFj6zVeH1XW/LyzGuRjFg==","shasum":"a3abb0c06dba4b8e59a07eb066e99e17717c953e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.dd314166.0.tgz","fileCount":212,"unpackedSize":1542154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPoWHCRA9TVsSAnZWagAA2SIP/RDQTjq8Gq5S3x2CAwH1\nXUPrf0Uh9z8oZZjwL9i3nqJyjAiNnb9bQcTQlaB0lvKlGc2a8zDPgo0wMGpF\npuMljHKoJ8CYeJRTpoLpTC1SQqXZNLsZIJIWJr94LNhVzOilldTlCQJ0dpTB\n6mZGgiivXXPi2jcbjzBtRg0DXZ4wICc9c6JqCcozsYxvEFPa3Vg0kkG3whDB\nEt06cFYepHjxS/rZlXkjsunkr6Kf63MQkZjeU2nYoA6OCdUvKi0aN4OiXjHw\ngmFBGSY3w2g3oxkvhtVCJmPyTU4EIwyFAzsr4UMwaVMT6fvpDrnw1vhVq3pe\nvwRVdEIUVK6WBpWPdTzQzTTrbHlenvCJHgRW/j+OiS3fhjMCcr/dR+EmA6Nl\n/vHwjKRILMimpkEu0jera7+Xwi37sGibqD+VrF106o8eIPrkZQpZmf6/lsYk\nkMb9oZDbeWGAmoDgBAcElb2nFOebuURwVQsNKEw0zRP9q/a5siWp2rFOgBJC\n3yOcqINX+HtJowJdkm5i67np2RGxSdeHLrAkl8L7FsusTHkPQTQmNkQ0bKjv\ni06KWdAHQ3wFsD5ya3JxObD7xmZAyxQtyx2xqXiYbyLYWwqavgZM9dIO/3v6\nLf/KAT2maO6+9QpOqCNsr9ELykl1X6NIyU3y5/iF5BPPv2zGDAsW0aWus9TD\ndf1P\r\n=Mtum\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZqFsKraXzmqYehAygiNo8WfBPqkO+3awCOM8jPx+OSgIhAKFBSVMV1hJLOxNWBir6OCF51G2Ug/UmjBcCQIr7WApQ"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.dd314166.0_1614710150931_0.260041526861851"},"_hasShrinkwrap":false},"1.4.2-canary.17df1f31.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.17df1f31.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"17df1f31e753e74621fcbb24c00334a0b395fb28","_id":"@atk/mise-ui@1.4.2-canary.17df1f31.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HTfnMfAlbaTj5EbehYxONfQonIuklAN3z91oMKlzQarnAeD59OYaFRdDAfYXyCEW9V25y0jf3yLq6bPMHHeNmw==","shasum":"a5051efbf098735e4a4bb2fc50a0617202317fbc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.17df1f31.0.tgz","fileCount":212,"unpackedSize":1542076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPoY7CRA9TVsSAnZWagAAFR8P/3VNmx966/tDOXaYRFq2\nryRPscLnqPiN+Gv/t2uIqTivToXEdy33FpHFvKbZ13RskBQOwB6ojh4rNBYN\ngSHNIWVI25Niub3rx4pic84q4Egxzt2utbWs8ZaQo/Po6kaU6/pBaTyYa2bg\nSnuktSvdLHb4wBxwh3zEDSULgaahYz9/Pn99+TLGKZgsIW+tKn9UAkEmQ2Ma\nYtP98UxQ9+HJfBfaIFOuyvgrdKkonmx7p+Pcd6jjvSIYWRuu4P3fE1yaAKAZ\nPKaXC7aPN7jhAZatCPEKOe+M0hXRFO7EPH7IWUJcKxuJGjWx7D3rFDx+gW0t\n7XJIyK/oDHHeruXxUe0n3S0v9l9aDaodgDezRSq7z4H1YuYf2kCI8EpKaKRz\n4eYrZaB/QOqQZ1ghsLp5RXmuePRYmF//ljbzjzCIn1hyZl0pF7R/vv/p/jmq\nLFmbCih5O397JmdEKANU7TdcAWru3dPUVQFKSa2J6o5ktSTtHSpG2lLQ2pmZ\nRbKRN/46fDnmNtUd5DiMoflYm7niNfLvVkR2Bk8HTHCijqd/0rvgDgn5HvR1\n8HwsD9Dp7Ix8eTaD/glktKd3/+WVx2oclHdSVgZbnFy5fSazJRNCMQcCRKHW\nsGT9JTM24YCwh5z9mi5IufVy0xxEXSM5n6YQPXtMBOc8ujQ2UimKFjvMLgtJ\nWTwP\r\n=jDoo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGk/gCo/owsgm2oAhiGfKnOs+difTTUTuEyL+SBu+KvQIhANBWPtCRMS3RcTl6AA5tOFAm1GqIRPPgDbwx/bgAH7I7"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.17df1f31.0_1614710330743_0.4353353579219348"},"_hasShrinkwrap":false},"1.4.2-canary.50818e44.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.50818e44.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"50818e44258f7901694a0811e3ee6ab406db410d","_id":"@atk/mise-ui@1.4.2-canary.50818e44.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qqJlUHRqsemKpPVgEvmF/l4ohLxjx0ZVvsQXE3sr8Husp1fGQxAjeMcHIP69zyxaI9xUpck5bfzghpY/qoeJSg==","shasum":"18b94e316d95ff1c03d3e1c763c6cd0c92183798","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.50818e44.0.tgz","fileCount":220,"unpackedSize":1348946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP8Z0CRA9TVsSAnZWagAAmz8QAJLFwGx+97kWx5FKAbSH\n8c/alFBumscl2LD57zuXhlMgDp6LamM1vpzfjdCP7ZsWwjs+5r5XcPkA5dRt\nblRDPDN5qNCTfPB/0YNKa0q3cOHj6at9rpjG9ZJGasHItdfYx6VehI3lXgSz\n/oCIpKF0uBpCbQVZcGs/KCRx1ey4yDvP8oWe/lwl0fZmpCCugftLW3LG8neC\n+PI3txptN8FM87ZL4VJ02KX8K7MbAmL1WYpox1Ncl6TcOdu9wlm7agF17+Dd\n38omtbz4vUvsFo1Htuzg27XzMZUxdssX2+OpkblHhQnlr58OVLltPz33lqX3\nalGgWHC3TsPb+gY9Yj4Nn5lZ9hq9Um6dCM5HDSiYwakIM0Myf98uzGZ6p+St\npAot5wnNBFLKKYpz2dKwXBwrTLPYne711IgbI6oAPxxWdUKnuAGB3z0IRA5T\nSzX4InyQw/iRnFkTKj1oJYs12Oz7LKcdtc5MKzUg/ntk9SYDIrXinYpOM5JN\nmmEJzeLICbLz6LwnWrVxJYgkY66BISIYe28aQaXPMtjsIp0LuYM0VPe7BYml\nq/96jAcbYxzzyzNLJ2qa/7rbIwJSJQV+93RFCfeMFrhmRoGRav+KfWZbIhtQ\n5Fl1Qsn+oa17gYTFRW63Uy7uJ5Y8BqMQXFfSvpOucJAFuCfTeI9zKnvXpLff\nE8b5\r\n=YN5v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH1JReEgLfjDyScfKWeCi3edLo/bhcRUlJ7oXANnNb/SAiB58glOVJi+TwsDMT0S2qZHp+kEm7UHIfJLEuLXXgERIw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.50818e44.0_1614792307377_0.7345652769317486"},"_hasShrinkwrap":false},"1.4.2-canary.50818e44.1":{"name":"@atk/mise-ui","version":"1.4.2-canary.50818e44.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"50818e44258f7901694a0811e3ee6ab406db410d","_id":"@atk/mise-ui@1.4.2-canary.50818e44.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-e1LORZtXjWIXMXSUjk3xI7Uahi/kMax4Rye8l0I6qc276upEHncGCj+G+K5LEmesn+UKqMQALqpYOcD8Y+mcMw==","shasum":"125e200c9cfb11233dc76748953c0193a4af8aa6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.50818e44.1.tgz","fileCount":220,"unpackedSize":1348946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP8ahCRA9TVsSAnZWagAA28oP/2H3OKpFrQi1M2xz8mUZ\n8jp82TfUqisRNtP4ipeL3YVCMihrzMC12D5DevGuUU3a1s3t6bM484du+E5R\nMbgklzaFZ7J7i+L1rMPHkg5tm/Xr/+vVTyN0oM3Zhnjzu7jbys7Y/XxpcpYm\nun5RXZf9h315aSgxjFaQLondLTacPqt5OI5RKWcgqSvjUWMP6GgCs3OngbTL\nsl1yccO4CmB7F3gzSi3FDnC1emq/aDHaNQDRSNXa8nViza6x+bz8SdpUbqJO\n1JuiW+YtHyTiWwHW3K9sejf5NuX/D+9sGMMjlU+f7QPZ1OIYh7M8zSSjpuXY\nj5ZHtcfocC8i8L677T3FpSmoD1PcjEvNVkXK0P9i8b2OcrNvSJk4zs58TmA5\n7gw3aVI1UqPCVE4wl9dG6pHpGSEaEWoFm8DmyEMtpU62oIpvQtd8faeVEuk+\niDgBv/Pgye2awIoPJx7qbuznxV+USXevRdhmgPBroeeSCYLlVuePpurgA9QZ\nnFAhpEFToJ1gpNUPcCa1mWefnYgU+wnX9TvUOkGaIkUSAkHlc+63U1zM3LBQ\n6GqwthaZxu0DnmmB+egFDxe4Im8qp5CJRFYyduCRxZcaD/GVBGV5LGiq3M5N\nb660oV9k4ziRlJjCvytZ4SRFc1zCmzC4n3MG7KmLyB1ii6yT70eZN8Qwh5Da\nhWT4\r\n=LOzQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCng5nTiSMb2t6OfchY7lWTa03Jp4q7BOZsKCblNbeVbAIhAJe8W6hv5cXheVd/XBKI1BWCCtHFRJ0ZshxkbW5pLcbG"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.50818e44.1_1614792352735_0.9103103396770444"},"_hasShrinkwrap":false},"1.4.2-canary.5d9bd693.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.5d9bd693.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d9bd6930f0796d788159f1af2b91b7efaf1a6ca","_id":"@atk/mise-ui@1.4.2-canary.5d9bd693.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-PVtpAGEw+XADCZIH8X54FEUy6/B9zygK/3mWJNs1Ngr5pj7Rl5Bhhyb2Jbvn3qoO5uqnMmrjCuKp3F2HBXlK9A==","shasum":"e44dc48907b896f8ff92cb54f058fb3c3ec615e7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.5d9bd693.0.tgz","fileCount":214,"unpackedSize":1446584,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQS+ECRA9TVsSAnZWagAAPjsQAJMYLW5WikZMbrdinCvi\ndrYRZTo0h9evYonP0ZtRxlCRasLzEmeyPclvVf7IxN8dZt3bMu4lMFIICoAH\nBzq1JvwLQFRlYIN1ci+/AHdUOKCOSjmYukrb+mGJiEnNcADGsvyCa1+EEOKC\nGgmCKW2bXOIgx6MWsF0WjyRGmV3sWOjI577AWyw5I5rUD0L3VnloFm0NWX3C\nA22tBSWchFDgKoggeFbjax8b/rTYBNEoZIi/YGdlr87m7O175D4ZX8kfy5ka\nBJLeq2s3rRJXgCHtBgFTyIZi/dRfZ86NGcMkVWzFtzG7A/c5WHP7XjPWqMWz\nq/4RJ33UvJfmTazQS39R5bIHBWOKw0AwzROzXcDSNDpxUW9FO2pPYUojvSki\n4eo/5iHMTo1dLgrdNn+7vgAaRr7qFLJSh7CQw8s9QQ4A0gKtPuHklf7WEOfS\n1ItQ58a6lJI1FociyV13REdzZv5wMp4WKtiq2V8FPHeEW4oUkgty6sx2R+h0\n99oQ8t0kmnFSsFCh63AkCqhcAOztR3vIMbEirlrsNfPmtPKWDdjQXgiXc5h6\nWFF0q8KaYIvn3i7MwG0z7ro3TnfdLPstwq6LQFIdb0oviJObRxqEItLKej3E\noMgyBGoeQ/As0nbMVSkhmjMJfivvGjuamnVJkjtmNNTErqhSMEvoxGuU/Kc3\nYXpc\r\n=3nXQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqqlV7tYikULJqqZPDFdqLtbOfjuDPwxUSWPy/yTrwmAIhAKRyItkvDDKsX+Bsp3EZav4e4hB7ikfYgdV/aBG7R/Q5"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.5d9bd693.0_1614884740031_0.6163466914392486"},"_hasShrinkwrap":false},"1.4.2-canary.cb11f4f8.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.cb11f4f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cb11f4f89f1eb3d6c8cd2d5c6986bc468859230a","_id":"@atk/mise-ui@1.4.2-canary.cb11f4f8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qZ8SzxG2gIaccj7Iq5C4/Y55HfuQMItPl6/cfB//biM4oUG69oOoY9F8HHzUJ8KJnuoYxU8TAiqkd32ZebT1sQ==","shasum":"8609042458eec1cde8aa998dc7a8635e4dcf526e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.cb11f4f8.0.tgz","fileCount":214,"unpackedSize":1446656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQT7mCRA9TVsSAnZWagAADbUP/iBfi01ZfD5WtQ9qse37\nRoAsfXE/ALIYmj8DC5AKfZonaasFvemtdnB0lS1aHxsTT9jfyLQlQCz+IDsl\n9CyYicOhyMXK6028fPOHbt3vYkW168wNnlUJ/myG2LyP0Jj7hCopqKHGcb/c\n4Pf2+XUkB6cKxFWxyerLWVzgYnReml4J1gq0vAEBhN8ZLtBEgp5eqk/s90m2\n5l313hy2GXDFzI+DbXHGUjdvu3cCKYjfU0C/sgFvenvQBWfno4JocyCqB/pX\ndcG1wRAQpOmtg+sf9kXWVzPeUOkfmrErUyrUKgkTs+CWyocFyopKge+twoyp\n6QDMNBjIgfQAFfvbSX8WMYv2NV2RIAO1qgrKdckymgiwnlbrRf9IQd27G9H9\nkLofzlis0d2eldKmhXyogNdCvCsVRg179OO1D21utaC+qtn/7OYNe2Azy7XH\nkbNwJOAVkwaPJQ4cwLvCS2Bqy1XYmitJledqN92KbCnDbzMGtcmRD2gP0dVK\nPuInM9UYAKpkBBO4w0li062mUj0uin3+WzZt2UhE2a/dry3WcSwSFCTfkhQg\njb0HOrLg09nw4f8otPrK1PtuMLJ3o6vZGOzveL5uccsio+taCDyiXJz+bqFk\nQV6eDxKZwgsr4b/nJZDz/TCU9C7xC2cG6Kn1i5QaNdAEvv5AxizN68H8S1oT\nqWsS\r\n=8Pk2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1X65qt8KI+/LxahlZhDzZKR3UsogmIxPuCy2IQ3gBiAiEA7icZa2g8m8Jb5RIceIFLcZ1HalmserJW0+10IUjSMLI="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.cb11f4f8.0_1614888677812_0.4414906147829918"},"_hasShrinkwrap":false},"1.4.2-canary.46ca541c.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.46ca541c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"46ca541ce9be32b7c6a7df4f199e0b313fad9833","_id":"@atk/mise-ui@1.4.2-canary.46ca541c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Q/vxnkq3yXi2+qjXttDZw32miUxWjq2VI5YmbDzGkgpSvkIjJY3HzvrdEKc2ZVGcUpcxPYkwFvZAi73CK5qVQw==","shasum":"5dddb4b4cb9410a4fb70f9a56a271230fd69b5ad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.46ca541c.0.tgz","fileCount":214,"unpackedSize":1447418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQUVoCRA9TVsSAnZWagAAldAQAJwIFwjGN+IFss3Ov6DR\nVYyQRVHrjeoQmN3x68wY8ARgwu3V7q9ipNx++UQeUFNyIab4lIKPPYffX0bA\nSd/k6k2VT2kZep2e739nW5/ygy2j84c42KvAGLE62VKzKBMrzuxR5Pyh0mmt\nRRyIExFRBjwoTJyAoKV8+gNKMAoZjg/ip8YLnuPD/vtS0s55bM0qg6zJQInw\nXdVB12RuZmwiCtezJs30pjwXVprgm92nrd/hy6HWUTJckfQ8bE93CNj3Moaq\nLBffmbm/gwmbQ2+YKdLHKdB1/xVmAAgYKtih/Aeh7aRWcIlAThjUQEJTn4NM\nH9gokt+oa7Cy8hf1qUguoX0w3Pn5f3BoM5hR+0AV1KwIF8fLGdkTPgRU8tZD\njXwKIVY5c6FMLsEcZUTIv9zaZynWeNbzIF46OK2CLJtYjPQxU6gUtRyRgEa8\nFdn5ti256oGe42ndl1pUHmQgjmDibC4ZDBVsRvr9eU2qEDLmLiyYgIpnk7Dz\n13sPV61Lw85pznPQV3vEfAKXf67qsvV19xd9hd/RO+NgH8XZLjoYQdDh2JiD\nSh8AaAFGPsli6HXJJeoCA1PDYUBqNsc2dV1+pwUc7xu7H2efy4DnWh8EIgZ5\nnNgAB/RQoUSxVYB+80PFR6tsXod1lkWn2JqRip85kleHQaMeeYl0z7lwhH9M\nFnn1\r\n=UAID\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUtzRCeMSvPBYfH2VEgO3xpdC7W9XIN5u1X0NEIR6EmgIhAM/93fUQqig4U7oMSxGZ1FS63l9Jb11NsxOVJ7dW468J"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.46ca541c.0_1614890343956_0.8836647095518244"},"_hasShrinkwrap":false},"1.4.2-canary.86423d98.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.86423d98.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"86423d9855dac6bdf9757abc9cb8acf2bbbc0015","_id":"@atk/mise-ui@1.4.2-canary.86423d98.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-kErlrjdTdRzE8YNciw/VyanCgU/1gvq4nDLq6qzCwJObdn40aTPzgoj38zHBCXFJtmZP0Llt5Ku2M7AwOilJuA==","shasum":"92bb4749df92986ca067f1f7b2f3844a20d9781a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.86423d98.0.tgz","fileCount":221,"unpackedSize":1391526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRnbJCRA9TVsSAnZWagAAm28P/1ZVkYFH+x4UOiqha87H\nzBlAFR3fVcYcco+KFSEnqbsDcnGF/TswGPSJldidh2/ntvOArW1BB3GwSGWe\nbHMxM/7jS0DpT0EVqR7RhPRbd+XEDhhcX8JZVRtjFd2X3jiX2N4UIx/zzp5P\nhukVHtvSppTQz/GjOnbDxttdtihWTYYbAQaoCssYawPjtP4iALv7zGJClFB5\nxrRtgLvo11BbAhZg8xo3jJnCf4+CdbI0uDSQwP/dpKuOOSA91eaowKkMq/u8\nnQsQ5uYIo59eJs+/M1rQG/zO11cyqlmBryxa7o/8hfcb6s4Gx4lq2Z/1tdUS\n5SydX3U9Q0tzV/p0PIrEX10uzwtN7hspClbs4gRtdEnHUO2KpJhAsH75W9aP\n+tpnX6aQT9BhOJMghlIL2iOQ6CqS74osQNwvwyxsan6YVRMgaAY1zUYxmuZT\nmrHD1M+cIGcfvHiROXzixlA3LkJe7PhTooO4egb5+7O7knPG077joobccZJx\nYtDv0/Zja1m+msEBZRTxojYk9INoC8vrZhIBMgQF0j2C+T21yDPsFLTe8nt+\n7HuGMIOObLEjLjjvjUQ2fRuF3WMpJjrw7LodOcxvVTgNHKIQl7vtlH0FOFlX\no4X/5gS5+5ZcZ6zFwnUlrBmmJ049+yrXXtBovaHdA9Tezv1kn/TR1OC36sEk\nvBZ9\r\n=zx0i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHH9P9IskpFbpmlFNykiKHRl/TF93ipfmM+KPF2VC0juAiAgjAv5voHtbvCqDIEsTnkuuD1XpjwjNA2tok9SfWMNww=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.86423d98.0_1615230664263_0.3123710901001622"},"_hasShrinkwrap":false},"1.4.2-canary.8df36ad0.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.8df36ad0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8df36ad046042a47ea4bd6c6c1182ae0b024a4c8","_id":"@atk/mise-ui@1.4.2-canary.8df36ad0.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1TlEpUp6GmjhAo2UTg2H4LUC8xcWzSqxxqfKWnWnLHlbCWeXQW9rwRqfu8HkbHP1zJ6tO+mhIDgYhvgxDLCX/g==","shasum":"cd5a91fd3c2de4e9cf98bc1f8021ca4bd11f66bd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.8df36ad0.0.tgz","fileCount":215,"unpackedSize":1449724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR+z/CRA9TVsSAnZWagAA6U8P/2JyliiqfELQ8p/BcBzC\nlM86V/keX58AgzATRg1s07QbRz4chD/uJ4n8/gVG2Li7oL6JQ5j5oVIOk9NC\nzHa5JF8nNjX3K5gaNAzmkqD4vIXFTvftc48yJxnLun0fmHmMOui1ifcgpQSq\n3ON/DRJTx1lEAf/3u7M5LvYEDxqLaoGXcOSP29AQ4B6jwHM3o9stkYdlLb+j\nHt2E4IpHgEUf164EsbMgbvT6QPel8h5n9hIQxdjJlmsPKpn76Bvue9RATzkm\nfoX8dKl5zsH4PJ37kpJQB0ZV5kHQTnNeZH3DOcIaePmCqZ1x79m/vYPlF2AX\nxF66LI72Qo05fcsczzedxIHBinSBuWoKivAxcVP5jkTOdjSmnTq88qhwKYIj\nVsn69ayeFfZ04SaMXaVjw8j+k4XeyHlky7NUhQSArY7h4594CRF+8ybZnL1j\nigURd80+/77k2qinfwCznA0uhT/cGXJUF/4G6vS7Dj0/SCJ4+tFvmZ60ZUjL\nAJSRiyLVU64XbzGssZOmYGeI+rQdboW3v98dc1dzJEVmnZlEOgtAWxnE2EbI\nrkhTvLRgrg87cTn0aBC2KHI49Y/J9DOtdjKbTXOzzCejP85V9DnAAAOlyXZo\n85J0K0Q/CIVlO/cLHgbL00Wryqs5T5IVscAZewBTkWwhe/VJHYGLB+UZBTL9\n63eT\r\n=L86Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbYbgApOjPF+eutB54oOIi9zr94Q47yAkqAfIpHGkedAiEA5VmsHXeondxi085RwLcszkuvSW6IPGw3+VzW+lmGR9A="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.8df36ad0.0_1615326462657_0.710594000911879"},"_hasShrinkwrap":false},"1.4.2-canary.66038019.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.66038019.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6603801917dbd415739c6019db3ebe0ce945e5a3","_id":"@atk/mise-ui@1.4.2-canary.66038019.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hX8IRa1vfJaTJsrMuXlU103rW7QggiVYZ+gv+zQOMgUTYgTezwj1MHIo1IoFWLf2JQkVbaDMVpg3ZTQlhooLXA==","shasum":"f95824b6978e48122340e4b43230591013dc9493","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.66038019.0.tgz","fileCount":215,"unpackedSize":1450304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSop4CRA9TVsSAnZWagAAD60QAJg3hLgsvdJ0mhwlWzx+\nLOQ0p35jUMI9vwiozMwRoIJ1/C02s3u+OL6T40p86J+ZCqGeTnhLbnvfg0SL\n4iL1mp+QEPPQHncWrj3lDZs7php6kesHc13DCSeOAVbgGRu1fvtvk/DMCPW7\nfy6XGQ3uHX6tA4I+EJs7GVDOXIO9/N7Nde62VS/LKLBE0hjmsjQhMsw9D6Tx\n2+mrL/lzBTAs7/lM52Rxpg+HCLNrGF11OKLydXJYcWlwsgPTzrjNX3CfrG0I\nixD2kDS7TxOA2uFuoaa3DxOhcLqORJuB2lLASB858vSwTUDqmi5R0poWBMhy\nPMmHyIqNF5CT7WuistnV+u61O5C95BVA0adnC0uKZto9kO6R5lBm5Nl8xrr9\n1IKltCF8t79S/NC14o6tH3vWdnmKlnDQU7YVfp/ZHn3vOayq+BFcLd4hb+Av\n4nsfo0KO73jjYWi07gYybZCZxVW86uSaQMPoaIJ6pmZ4tQjhYUJMGiircksy\nZI8Km5E8EUSc/A7wKFBs9DCehNXLpdBtD4kcrShHp1rDQE3b5oN83PyB9z0c\nl6uUTwnvCnh/jo468xkRGLy4/EplFE2iBjWEIDLk58ka+PfE3KzN9tm2XWB+\nJhMbnC4WxYOuMUkNhGKKjINvZv7O9utDHyMv2rlH7CJlmbHF/LP16W5JxiiC\neOd5\r\n=MWJ9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJIyUFddyux7SPkPrZjEgKZLo1ZXVWzAWpzsNUpMowdAIhAKt5hmb2NeFVOMhVbKTP9lsFyBEl1JIU+gizaUWKHzUn"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.66038019.0_1615497848224_0.13444012250020232"},"_hasShrinkwrap":false},"1.4.2-canary.0d0609b7.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.0d0609b7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0d0609b7c1b65a3d6dbd70091adb436b43c05cd7","_id":"@atk/mise-ui@1.4.2-canary.0d0609b7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oLn1u2YdWFIcIjJNSiA9akiCXFFRnWTx39CMOWkS24hYPaeWi5guTF6ltloB2MgaZNtKsPijv7PX85jT9hHyng==","shasum":"b74c16a20612f1ff5696a8965086e9ddde5c7733","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.0d0609b7.0.tgz","fileCount":222,"unpackedSize":1395026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT15mCRA9TVsSAnZWagAAkvgQAJPsNWtKMNTrump1EhtP\nflaw+G5B/EIBHugIs5LoMjCCuVWHukQwuH+x77U5N30SU/OrwUdYLSa1/TTW\nmOfH0Hj7XQIHSh8dHGk1UHK8LTYBgPgmLSMkXMLVqHtoO03lCGrJFIbwXdb4\ntrLuZZYdj9vvyNaTJ+culv3PA9k0cvLmCUEb8mLsizVitbfIqEbkzPadLmDh\nk/U3Yh0+YViAI6zmkVDfe6rTNNyutkv3JYQs1YWusDvuNI4OeMKimQM3n527\nR+I+QXVosKgYBqhTEWRzNimoKj9aOY/T0h4UF4g7MKuMymXVn6kuv+CqUeTa\ni1uWZ+Fc+QyPMXm4ecMqiZgVLE626f81WeVSKhurTyb12Q00OKd3koHXWaOa\ncenYsaX3MLTbfGS+2ESU0Mb/hj00hbBGSmvv6sCtGm4dLR693cZEKDNH0E5T\nNdoB4Mo0SN8A1ZAY9SQ1KE0N4oNlniJDzyLzgdpRZZQzTO+E7JzmoZ8Dx6JB\no4+exb2yPOZTo7dcoUeYvfVr2tXy1cRQYkzZEZw8rKtyIAqfDOYAs4uSVyEJ\nnu/WPRNaj+CZS7JP2nioSuHIkecqkBIpaJ+UHGGWX0KhgBvWpabC8Ww7Kdxj\n5W6yFB78h5GWoS8uT2lKhEP777KpNNUG8385oUM7GMJpNHrz+Uj6F10TbGo5\n2sLe\r\n=t+vN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHeSusqVCmKGOl+OKFzKOIRQAGF+qlmj/cE5/y1OMmtzAiAV289JmMn2/jL8/Rrcv+ukbtWAdCN2adBUD6wycNSxcg=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.0d0609b7.0_1615814245588_0.0364451910770045"},"_hasShrinkwrap":false},"1.4.2-canary.c39c9282.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.c39c9282.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c39c9282e05574f81c99eff711776ee7b57fee5a","_id":"@atk/mise-ui@1.4.2-canary.c39c9282.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LS6pjiFr+TIwVLrtIMVEYz2MWHaXnLi1Mxz2V/yzo+i6kbCag8SJ5ct9U8k7n4pGJxsm8CIjxZ1XgzdoSWs2zQ==","shasum":"911baedbe54272990e8c5b7e35b53a7002e53e4f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.c39c9282.0.tgz","fileCount":222,"unpackedSize":1395038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT6+ZCRA9TVsSAnZWagAAUHYP/0zMsanzCszmqT40Neu/\nkNjkdlzsS2rkyl+SJN/8Qcy7MLRUAhMh8ZCo1pHA720tY9Qw+cQRBvA1bQTw\nhehaxXT4BRWX+SHjAHp27BXjqCLLtgsOPRpnIOCVhee7Mrfa/9D0X9TWBqTV\nblbbQTQd4tSUmFblg5RD29We7zx5bKOBOJr1QppATRUOVmN/7RNbUWeYlqi+\nFwHONcg1+VLtQYIGgYISHAc72S7tXrSt9NifJxB5fvnk2/d489oBZlVpkvsB\nlL0T3ybyCrjtAsfiPPO+0zpxF/QUSTqoBjoCpXLl6wiIoyxX9YoFo/8EE5s3\ncUwXDacTWwbhe4o4cSDc97z86TGFuZ868I+1hBWLRrFMnIfeevj4rj7upC2y\n7sp6aFmZYbWJtFXNj8mjttWabM/jv40vgXy/yy82lA9DDxFaxLjYs2APjfqy\ncR1C7L1xbDXIcHtl4iw+0gRzwi3V2IovKUzRx9W3N2HYTAlneiYjLa5v3sB2\nX4ApZtK00EIpGr+bE6w5T1XR+c4++33ASj0U7eSOx/zKWsW0C4zzSy4cmuKu\n4Vdcg9zLh9b5ZFvwQkmitvUtQucb9Nuc8Q37wbiAUg4LxvDsBxrooBN/ucpY\nkosZvjRiG3IMerFcflc+0tGXMjd2Z+5YAeahbYdBDF+UoFtoQRTXfMm/czRg\nr+cp\r\n=A6H6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgszSnjh5XDaJtZuu5HK1XG08apmTNXpJQP1iT4nmzbgIgSXqjh2qRi5Atr27JdW8XjynGdLkDQPe6LIBKoZHGrcc="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.c39c9282.0_1615835032484_0.5975568913633769"},"_hasShrinkwrap":false},"1.4.2-canary.889e4a12.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.889e4a12.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"889e4a121f801cbe5614d48fcf74730fd8db3980","_id":"@atk/mise-ui@1.4.2-canary.889e4a12.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rjGEiOTp0lyXLLt9XhBPt68kx7hbFOgYuueiP4TVM3iN6YyzSfO7mpXdnTj4dhFjk+fOlCsZenXSJjNNz350DA==","shasum":"a1d62561f19b78e0988cc8edc7ffca307b92eebe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.889e4a12.0.tgz","fileCount":222,"unpackedSize":1395488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUhNJCRA9TVsSAnZWagAAYgYP/jcL5Z8wHxh0YZUnadEL\nEvG9EgMJ1f+IQNbqtmOgv7I+H8OL7Aq9vWqSN1Sm1k/VV/GGhFr2midRA0z+\nmgCZekuuAaG/FeCp+LZxOD/NhJG2noINEZFA37WMgx62jeDI34CKT7oxzftn\nHXNIW+HgnHCshdiUKuPUrH4vG6IDU7m7z19ajf0R4Ieq4FkZxHrz5uxdCLR3\nh96BqdBWzz9NREb9SpXXW9jcp+hbKcy/Zi73iEzeSOrTCk+HT0vcEchPDy5E\n1xhBmWcA2xtKhXGBaz4539MN+48ht+loqI/NPjV7noaqB3ZwKGOf+lYcbt97\nYAlUsSro0db7QaJ0/IMUsCVGUf2oiHMltSlDxIWPPWWb4xF5/prARIys++5B\n6IZhMV9Zyyv3cQBoSnFEU/zHRZ6YZUbPYQgjMfB3IWXk4h/XIlke3+nXqJhG\nA5b/NiM8FhlmXA6z8G5lpXYZ+/vt9NayqdJhXtx1QRlyshkDLv+dMyCZthnk\n1/xg04C/DgOC3z0790MGx7O+zKiLFGOQDmVTXMwczynwpbYmGxMOBCwntTFS\nqIVQAOLTpaW1AwjDMpwmpn2p6LXWhOOOLjcDaEaKceMGOFC9x1pgbwWa4DkP\nJn1QqKy6b2ryZdR9Z1LYMm9lZtRBB/Qg2IVjvy6oAUY9JGL+mmHhlcSwEOqp\nKboA\r\n=I2qg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEB1ok60P38nM8RsqBcvo9Tj1vhClpCIqpqFEzibLlcdAiEAn7aRmv6CaxQtFajFEukU9WCPLqRx6OVxEq40wgKvLZk="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.889e4a12.0_1615991624824_0.46424173859372586"},"_hasShrinkwrap":false},"1.4.2-canary.7a60fd3f.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.7a60fd3f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7a60fd3fd7143ad3bf54bc67fe03a0be3be9e4f5","_id":"@atk/mise-ui@1.4.2-canary.7a60fd3f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Qzp/zmqdpg8kXQP9HZURjNStxlGmCwVQ2zyqyraR2U3f1ozMs80VV/+hIk3OvNEd+YeXT1ywQW5OI48qY/ooVA==","shasum":"66bd5c53d978cce3bb335245ada2672b5c18c247","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.7a60fd3f.0.tgz","fileCount":222,"unpackedSize":1395518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVLGhCRA9TVsSAnZWagAA9FsP/3q7SF5JtsPv6ngUUR+0\ng2HzEBhmZFE3AAX34h0f1V1n4l/J73iehEEyC+Mmtq79oajSz0+m8dfq29xM\n+I49zl3U6i+NeFIKTHicYluCord6JvEvSmm1D9xTJayXVlP/uosf5IRLm6vj\n5286eiD5zGIHE81r19jDo+5AjR9O8SI3gUa+1XGVJ7g5arvUaR9oXIIKsuMR\njGHKDGhHpwV2ABYxzBT6q+Fg0I+tYc/T/dFlS7BI38pCjTReub1QF7VMkEM4\nuG04Mrr5zBemHbqMbXm359IwivQAlr4TDYQ78XKjExK2jBzClS58LTiv5gGb\naa4W4535zERJLF42OxFRXpAGFzhhtax3ldX08CzB7Ctft9n/sqfbWFHeAENX\nIue+TdoANWpZfHCoH4kMCCp/hTCWJxg9NfrFXac4DYqSF/8PfpIZXFW73mJU\n0DVspVEjYCrzG8ymNH28zLMSuG5SSPgXvaQa3A17MQ9/v2TIoJ8cHPbnjniq\nBxQtqZzeA6XkWKRo1K+BczP3nF/aStavRKMoVHNm9CkSrVXWvvF3ZytFf6xe\nR4M+gLZNnC2vvHSgXQIkTmN1ez4miTUbbYfsBKG976YBVm0MHsIbPChwY/Ts\nnKy76wqNIWz4WbgQwJiIBlnCEM0MiT+sawyEj5LoORdPvzQ8vun0o3MS00Ay\nnB+A\r\n=Xzm8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3BKLGwhxSucnJNbUE4gzWCs9/lL3DOxqonlR1hB/3OAiEAuauZlKHWoB7yVX5LE+zyOnXJtHyVGz7CHCSQ5exnduw="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.7a60fd3f.0_1616163233089_0.5472710383192594"},"_hasShrinkwrap":false},"1.4.2-canary.ad7be7e5.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.ad7be7e5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ad7be7e5ff4ad54146d923a68a7cea6670d98a29","_id":"@atk/mise-ui@1.4.2-canary.ad7be7e5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-75fdGWWgpGGcGvoJb7oNA6mWJk353j8SwmAWCkRLyy/8KMprLjYk797LUiY2r6OG7Ig4bC0lblXZVx49WNIptw==","shasum":"ee96337366f41a665aa377b222188d2b189e1760","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.ad7be7e5.0.tgz","fileCount":215,"unpackedSize":1453475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVNORCRA9TVsSAnZWagAAWw8P+wZCDKr/CcH4J83jeR44\nV/NCURfYtkJD7bMozupPrjK3MqB+j7M37EZcydwUPLMgPzrVsypQsojqqAg3\nU11y7km7I0MonvligjOsHqM4qjOfW6BrIJiAzv0qdt+eMwJ4Xw3BhSst5az0\nF8qoLcOqDW9/RcGLddyzP1+07PXzp4KBravMJF8Q5ty9qj9i/KqAaT0DxHaR\nRahJOPIQbinXjnNpBRJtK+wBYODih+D6liHc8a/6HspDjSsHTi2w6uEXuqNx\nVi9k83Di5R/MRXx5WZ5PY4tlkiU0vQoX0p2UK3K8Ot4zSX8EwoujIFbAAwkM\ncie1MAJozaNbry5BREjRSC02yfng2Kz/D6OkWmGi4UtbLs3KwUrGs6NDJK32\ntSd8YWpUqGR/1quUFEwpnUT0e9EHKA8Z4niOXB6GkYU1bvTJpvzYBZn25oXp\ncIX9FUizQj77FZnFz/3mRiS1pK+20YSU0dmBzxh13nGmzXqUNBb1PWr1t7Vu\nmF6Q+oRL3+j6aD7eqDzqAgRQEGq4VUoN5uhKyFRFBoEQ5iwXA+7gLmN0/uxg\nnStci23mcBpwyJxVjUF95NvypcJUfgcx61MHIV5xqCrR5i2TbyfvN2guYO/4\npwdni+EjHMrTL3WKW0RNOyUJaIYTW2uw25op/05UYiAf2JZ+WDQDVHfkqePB\nXcb/\r\n=yH2i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFHBYaiJXM0i74+RmLXX0mbNEOwh0AU1fMwxllDc0SogIhAMLkxFOCIg5mUkxDUBsreEDyTdCnUDxvJ4dgngcOptQl"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.ad7be7e5.0_1616171920365_0.038654706838137765"},"_hasShrinkwrap":false},"1.4.2-canary.a9b77bbf.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.a9b77bbf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a9b77bbf12047a65bc658b69f6438340e59f31ef","_id":"@atk/mise-ui@1.4.2-canary.a9b77bbf.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rbpe0bK2s54tLqBaFQ97R3aki/dpt2DAAFxT505XN3iJXXrLcG9Jei1vUD1S1QhezPZxnNNIq6oqO5SZ5TbEuQ==","shasum":"81fbcd8ca1a7122526e699b63c07600a8f14a3ef","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.a9b77bbf.0.tgz","fileCount":222,"unpackedSize":1398165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWKeuCRA9TVsSAnZWagAAQrUP/0hHcyXzmTyr/CGkYY8u\nBOGrPRTFz3IJMEG51VFRYUL0Ngbaf1oqcDz12uP4Lm3R/ctKRyxlCiuoeS7t\n3YP8Pgpz6YgLhO/oWgsVfvqmtW8xKLYx2vfwJQxXyDbUUzN5i0D+0bRmdcG1\nPbIIILzW+l5Ol6pFOAZx62Pwhabl2v/A5Maz2IZsmFUt8iojPOhJyz4qMDeE\nCTLNA0c9xnnJHwvkMgsQWEWRHuwdAyS6nw0TsMR9XikICh2dt0amOHLE1rI4\nmbUji+1N3WnRSxNSskOMp0QVhDPkM3pMqKvqTEKajQTxLZBM1MLnV7SkSzMn\nFUOdxmSbFGBY4guUKslpbZXqCurfkGKXjspBBbv9H/lxMuO/9+GKEXPQHKbG\nHETuWFKGYtSUJBnq8EV6Uw1Beb8KLmwBQBuEZa9lh8RXY7SlvdBkhIyL/30D\nTrfM/BLscs49mQ/xxeq5Br3q05WPd8ZArC2Yw74xNnD6aWuzMIN5XiL0ImcX\nFbPyW81EFK1qCInakBR+m8mlPBEsOAx2myg7pf4yM/0x328PeNEm//QJs0F9\nVDhDSjKucTzgfJeOGw6OT+/tM/IEApAsIUnNeHQuzvKqFoX9eMRNFarXye+r\nJICHXHfCXYC+rOhFat7i9nNlNIaHgf0n+kPGOodyOzvYOe147ZAm0F8GFGIp\nJLM6\r\n=oTuJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8T/SFKrw4riTblZprTiAHYYjTnlhB6eHbofW494LFlQIgNm2vF8FMXgBoiNYpxbKkMeoKdf9WB1PGCqajYFB/g0c="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.a9b77bbf.0_1616422829839_0.256232305309827"},"_hasShrinkwrap":false},"1.4.2-canary.ae7fc743.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.ae7fc743.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ae7fc743ae03fac38677c9412025b43488e6c225","_id":"@atk/mise-ui@1.4.2-canary.ae7fc743.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-jQMj8TbBZdU64nwRXI9RkqXXu3E21fHk5/r6xoAswC1te1hjNDV6dyZDITDtgC7ypaquOpWRuxVc5riKfizYow==","shasum":"d894acc5c8a2a38978da3f2c5d8a4b9cef6aa1bb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.ae7fc743.0.tgz","fileCount":215,"unpackedSize":1453863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWLnuCRA9TVsSAnZWagAA+rYP/iszrUMI9brw57+6+HOr\nVQZFLg0298hi97jezicLgSPn5rMa+TpImkUqyucg1VlmZ6oVsCC6kMy7RZPJ\n93eQM0mSEwwV0AqyLcup0ovoz+8wyskb2OeeTsctRBEIx46S7FGc1lHZGiSZ\nk221w5ayMeO6Ga5FlCFXNDNDEeF2U1kq2r+xhzyLzEQJ9yoWdRvIsMMJoMa1\nIyJW6yHkWQCXCMgQHNUaXFR+uMq44YZJGSHG25ASYuoEawIu8/MIt4AzSqv4\n9GCdYLFnj6vFcGl/1rHDVTMsD9JVN6S+1j7+byhHb/j+J0BxChVDAEiVDCQa\ndRzGWp20ssXlf8FHrcvKL7sO+GVYeywH4GXzD8FZ40LBHpSBVX0+tqlAEBG5\nhpxfeXEvlTC00qU3/vQJ5WXfph9h0rEHIbRLoJXUwlXmH20SIXetH3mqk+MH\nTOiHsn51uoy0tcrpgwmhIebNxChpOrqmlWDihzLkzJ8y4Ez4NeMecpuAfEzD\nxDRINh82++p9KbwGeXbcq3Qpws3iyZeLz3hlTz6QjJBdcG0HPXNH2vA/NQjr\n8YdQ+PMHB8ggwUXRvcGHLfe+2idn89ZFti9lMUGjO01dygRA151SI0OdulAe\ncTzfUmHl+/AcrWcr2KIu8Gsa6s+8Zjb6dXFylMiegaTELAyHqWfavjGclVMm\nk7gk\r\n=bdgo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCaeivauaUD08oDRDB+yk5/DzjxPLLpdZ2eT1d/j+zCcgIhAPUGjosSmLQouFy3PHUxHG/RUX//f0KcET8tgcdF6z1m"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.ae7fc743.0_1616427502017_0.14153739890020356"},"_hasShrinkwrap":false},"1.4.2-canary.bc51192d.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.bc51192d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bc51192dd59e0d77a37ec888506c7ec5bbdae14f","_id":"@atk/mise-ui@1.4.2-canary.bc51192d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bGLb65RMvjwobuyITJtsY+s04YIsbbNvi/EK50SIx/JW7iqKx9CNxkdMzKZAF/3lXZVVeQeIdk6r9lcWM8YjBw==","shasum":"6d5c49a2a71a4ec74615dd062fb939e8581e66c1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.bc51192d.0.tgz","fileCount":222,"unpackedSize":1398294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWMHcCRA9TVsSAnZWagAA3uYP/1rXci84fwuDu7gXKre3\nktmsUMb2gWimgv9VpAyun57kRHiqggJ1ApYFzG9LNdxNDv46pClGlwsI9kSa\naMjyZIjtaIBHmzlNIyTuRbkWdYo83P2dW21XnYAMwInvEPpWjMjKNQWH7nNp\n//zRk93JC5C2BoHdQwyCzBA7y/B2askgBq2tK2aXcZfdW84+onLbEc4ecePo\nDnNE3P1ilWJkRvdVUBeuAVFIo2xwQv4gCKwVrNGDamCKyxC+4EUpNj+l1OwU\nXoIhDpoylTIh6om0VEXVXA86GbYiNZ5b0DAMn6su8uzbZf3WxW/4syp4nY6g\nfAcupH71nt7ryd9C2WlKSLxW95FyojjAFBZtbu6+3Tdwdc2UP+xciN/GxPvl\nZa3ytvfvpwNXxpyuzb17chKzLH9QsXphxdRroxGXmoRQBgcjECttmCBoAbva\n/vr3MdSIW2ESQ+NrJ6k4+1R6vsOsEObP9m78BKy7gnQU0Xca0y8/2NO3aRFw\njGhTrWr3AwDkN37k9nJ9HxGoYVp5fn2zmFIH+JJY+KyYCkfqU7OI85pii85F\nQOa8+ab8hVUL4YIdjKZ/N8CluKaDQamP+mI6ls/95ZWFAPThB91IqEMSPmix\naowah9S1zNJWRRY1ILx8LknvF4v2kAwAaAt89fKf21CZeW6r8gRsK2RmBFUJ\nrQhk\r\n=g01r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAi/ID5bpM/d9xWxyLdwLw57wAbQwFNHawDKgrOox409AiBRJJ6hLZJ93SrLnteAy581dNsOEyXYYe+WX2vDHICGFw=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.bc51192d.0_1616429531343_0.8268247061511276"},"_hasShrinkwrap":false},"1.4.2-canary.17e6cfed.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.17e6cfed.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"17e6cfedf04e337c51865d5fe63d8fc7d5186c54","_id":"@atk/mise-ui@1.4.2-canary.17e6cfed.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PDXYTu/6SU605BiPP1IEJMqllwRu1B1bBtalPyL+o9pNVhTeu4Ap32rSOhmXjm5x0gzyXK3RMG6zAtvSfRUGTQ==","shasum":"99ca4ab9be377a9aea7fc1c25162c9f2cf559c96","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.17e6cfed.0.tgz","fileCount":222,"unpackedSize":1398294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWMKuCRA9TVsSAnZWagAAXZsQAIOnG88wvfzMT2OQ301X\nVmhX7EcfRpnhhtzDE78NW4o2CsktkTQ2YSukKyCO7fO1l8RvbuLPcdSErvYJ\nnFXWuo7v5ImN9Fo8YgFzSc8mziTv42OZHOQwEheZ1ZTTplHJvxNQirGrGEam\nPbA69kuL3ZSu3bsZxtzRf0TgsQXgbTCy/tzW7qCp3A2zMZjpZ4Kbq8um1Lqx\n43AnWHMJ3vdlOaP5acX68Wp7/9zO4cR1xoBuD8FJe3FTC5PrAvyfVep7xZ2C\nrqG7NvS1s1AUqv8vCqRhGP8VJZT5X2rogI9iVNRrERvxOeSWaie+EwU8vW/v\nUv176QPpps+ipVQIrNnXewu9DgLPY8tadblxDBcCiijw8yrrb2FYU714HG10\nXFc6KYpronIeScztF66rfm63y4Tdtf5HQufFaCSEQLdRjjk4I6bxvcS+0Yss\nIpv9VXW3rBsxbjISK+3rxgf578l+s45uyOPayn6ncsm7UIeuyChg1UAG0+WS\ng8Z06pjYT5srfZaoxOjrFmodZahyjWN0hCjXtqgwvovTyK1eHflyVFWFCUbm\ngr+tH+Cy3hPl3ErYr3KP9YpQbC80JR/Gaiy00k6CummSeZjqVxFano6CL4+F\nJ0IcJVWSHEPEXTRwu0VRrspPustanFKBUnrRW8Ebctpx+XILl8j+HnScl4vN\nmLfP\r\n=dGkJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWsKAcjW073wA8ad8vP47BUF46PI0DDpDDugCrmUt4pwIhAPjClkp8Z+aFw/wq4HxzYA4hsbOhhLyGoGJB3+19ag3O"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.17e6cfed.0_1616429742252_0.5863651294097629"},"_hasShrinkwrap":false},"1.4.2-canary.02f39d09.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.02f39d09.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"02f39d09e43d428d14be60585159d6e940cdb775","_id":"@atk/mise-ui@1.4.2-canary.02f39d09.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-x6alZFB4B7Bp3Z+vAJu3hGHrFB0TwIyfEXtNitZxRruM4mla2zArPxGr5PcMMTDS9vB9JNYWLdQkasyZcwipMQ==","shasum":"76807cd21d03cd04e40299cf0e162bcc365df025","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.02f39d09.0.tgz","fileCount":222,"unpackedSize":1398294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWMiACRA9TVsSAnZWagAAT6AP+QFsB/yiPZdWS3Ai/8Nh\nLUHarVJ59WaO5iiimCI4puljUqlbKdJaFfvqD1QcbSlMToct9xuXrk9ndxd4\n2nh2HNK3fyBdhkX6JAD3Mf5KWv8VSJZpo5XBHYRRmOyntj2OTIwK/KEcKFoP\ndspSEySFVodAQ+vrdp6mxML5ZlMrb49qHfz0F0TYJanWx8TIBy+zvvVSf4eN\nbv6eybNlOEz3EHC+ZfGd1fwORTB9PRR/Nwres1h53+s1f/iGha/YP0oPKLfL\nYR6WRaa529VUIpY9kkiTC522lQw7bj3K8BKKrUgPLYLRrZ0o89s57MgQAwNQ\neNBrRnJSJwgk01bTle5180NwNKYnbxLjEqkKkYqPqnMS1XRfQ0kD9ODuCEz1\n7OnCOB4Qn2KAuJvmPxiku0bTdcac7uORKo0rJBwL5sIHQwO3oQ1oe6lnlEVE\nJw4q27hCjc0Vyn/bZ0KtGJBLJPPzjT5wr4h/7HVRvkQvIUA1fmVpYcPqdAaw\nfDJzeVpN8M121u2qYg707/J6oIK6WRuDcR1B+oEPj5pMVNRkZgW3BVZ8le/H\nDgd0Awt2QYF7kjrHFkRCtkjH9Y/kH2Qdg4st/LvnKf6AmhEBUVb4pUwAYa+A\n//0hBUlC8xuWCRbdUf1NyCJslGMy1aW4sTz1VI7W7PagTTyZPnRlJFsPoIvB\nEgPY\r\n=RyB8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBVUiN/ek0wlMQEwSNg1P4hdmkfxGkYFmzuFAQl5LQwaAiBaN4Zi8E8Yk7OgBsdPR3j1NHiv1Ma0OjmHD+G4RGtA5A=="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.02f39d09.0_1616431231557_0.9519534505687981"},"_hasShrinkwrap":false},"1.4.2-canary.a922e447.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.a922e447.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a922e447be89702b5fb0b8d39dfb804f2f9798b7","_id":"@atk/mise-ui@1.4.2-canary.a922e447.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-V8zlGJx/fNB+5/l6/E/CBBzW+RohmRyiWUSoqkey1zPYiqkGKnWCux/UrDKilz3JXqwkqdwM8ReRlYMfxmB0bA==","shasum":"6826460df8f838ae1cc1a1199ec3dc161e677fc4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.a922e447.0.tgz","fileCount":222,"unpackedSize":1398523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWQHnCRA9TVsSAnZWagAA4LIP+wT6SfSPsna1F9SQto8c\nkBgvE75HAoJkjbO5BienTCZBZATM6JvBxX/JaDp9TQa9JImM+KDhVb+HhZL8\nFGXaJnBg3PL3L1d2tK8CGjoeU19HRcGbAEU8bGi8bjmAt5Y1dKZlyiihS6ei\nWX/+z72WW9JggkwlsKZ0r2RKxHy3T6iHSpSoC16V01Azldwa6t8iQ6GAgDIq\nqOYBc4ZCRiXcHqtZkK/9dRDG6ixzj2n/ONgWOJIfDw3UCk2P8lCZ6dCtilyG\nmmjlFaFng7k095RaI7Y+hfpOUfF2abDp50DyzxS+ryRENoylm8O+G6C9ef7b\no+lXuN3WvDU3v8rsv71nnOxb948rFCk619/zXnsqgUauqNxCjCdy2470kzmH\nw3kDIZ3Q/52bmrZNSxH9QpFxN7AYmebpTbHTIwQludQ8GbnGZkIBWl7tA4BZ\n7sZLIPWcgB821WdmhFVLUktthQ+EYDqT2cSqFihhb+ZoGNiZ4CRhp4ngAtX/\nydEqQiNkftNmDNFurjlrlH8bCUNHQUsCWLXe3iJkbMZumHzd5tqZ6jHxEme9\nLZKHJSjkvbftQkGmrpyR9uUvuFQk5LqouAfJWOKFrknDFrecXn9bBVC6fGi/\nJRjl+nNE70uwXqaDSPNA8jDkoJJgdKmu3WupPRG3Cu6Mf9b4rA82N+4QuE8H\nwHr9\r\n=wxOS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8QE8oSdV52u4JQ5dTZCAb5tibqgDcep0G8J2qscOo8wIhAORtLa1hYaJvoEZ574Y08at5Nv76RMF5RxhSGDw839DS"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.a922e447.0_1616445926778_0.3121654356624264"},"_hasShrinkwrap":false},"1.4.2-canary.14874243.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.14874243.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"148742432a437a6352e97d6a4059ae5fae416798","_id":"@atk/mise-ui@1.4.2-canary.14874243.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3ltW/Q/CfEPcVCkG3NKZk5vVrGof7zDHykrel9vgRCw2PvedFK1isXZYQK54rMjr/5sLr/b8F67O9wT8vSS41Q==","shasum":"ab143ef766547392008521eda4ac42fb94044a52","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.14874243.0.tgz","fileCount":215,"unpackedSize":1454274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWg3SCRA9TVsSAnZWagAAktEP/jW5aw8wL69wXcuddROF\n7lrbWYvs+iIc86FAilOPVAI//4NydsGKDEgAA48Ag9oFt9Z2OgAtME9uQ10M\nqx0gQk3Qhv2M6VM97fHRzM9PbGdaHy8Wu5N0nounLvkQwO0ytXB/7LxcGrkn\n9EknnHgRme67ZbcrSK1jqfM2Hspp4nGw7/4SbcjLty3SX9lLrETqi2cAvy82\ncy5k1W+0ctTwJ7B4j+Xx3ySgHghAFM/sM2bPK4mbQ5vzJeqKxrPxO6nSmh6F\nLlwQegBqMJq00pI95ur3aoyYN7BfC4+qLlZVAeq7LnODCIn+u0Wh85m4hceA\n73AtGs3WqU0DmwvIVh8RP2YWYGZ/sWrbMmNPtf/mDUCc8KQ5wMobsa3SXR9n\nq5O0K8ut9dC30ss46JV1Qt+tpH3pnJo2y46TIvNVBMwS3CVR3iCD9q4qLpBi\ndJTDPayaKH90Ba1iNVBcUReTHOXn/AQbwZtlWN1Sn5bQdfAB/PtHwm4UuZIH\nc0rJmDpGiGBStt9EGM7JIm6/UQNmkgXEm0sxR/AYR+z7GbHSIObr2Zohg9XU\nE44lIAItlVf6yhseH7T1o+7rWT8vUMZz2PW2NXUrxdALD0GbZSluyrF2YbjZ\nPPdBzxAKDzmElDETm85VDEKm69SwUoDlSsD4Aj2LUREANfeWbPIBJh6hayPp\nr8Mt\r\n=+MzS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIHF/ToWzQRHVU0IYntaTZZNzxjgoynYVwceiA7uBV3cWAh8ArX9jy4z3U3t5CmrHQXBqtEh90tCshxrnZkrACRwE"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.14874243.0_1616514513646_0.08586002433856321"},"_hasShrinkwrap":false},"1.4.2-canary.fa37339f.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.fa37339f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fa37339f927ec1263aefbd462ecbb5722022c33e","_id":"@atk/mise-ui@1.4.2-canary.fa37339f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-nLdVeloaTWAXPAbdHgTLOSWRNSl+Xfo2GJQTTcd2uymL/cI8lOGkRy2sAq8OOa9HbEWx2hF9JCsUnKgc9ZxqzA==","shasum":"8a8d7693c6b4a4a2d6274a7bed0bff17b41f71a7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.fa37339f.0.tgz","fileCount":222,"unpackedSize":1398823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWhXICRA9TVsSAnZWagAAxncQAJCS6TtJdZmojDjcGgl+\nXZnNtUeL6S6EYlQY92UeJ1v6EX/AsJlheJXyp0IRza7pXwjFmo8HyNQEYqNh\nMDcT4y4sL8+HvefPziyqpnhcfeEUjgSMGLCsPhxnpmIun3m5rNkWZtMwPqja\nFNx7fnwxBbw/em8u3so/KtZ/IAkypMSx1epyguUd27LRFBOu1jfRqqXT95KS\njaEqIQZwMhDkEOcDprrxAkREpUH+NH4/nCk74XYzU5BojCUnZiaXebAigFFs\neut9D3rEJDtNs4crtaPS7Y9Oc6pCaIlpcbLV3J+vZuwp1EhcYxuqnqZocrnZ\nCv0j0GPXbqqZPKaDsqx7JPZ4KpEML9jdmURgA7Az3QoproLf//7R2Ztb2uq6\nsBON2sen7wvcWUDnB/kdTrmWp0ZqfPXQo3aFySOXMXOb3ji0wpll/n7EX9dR\ng7zFWzNLY3HDPaEMDUkr4l7CFz3HHDWsA/d+2Pkk85sHif00vQDXqRMFq1/d\nydkYIk36fWCs2AI172nnuj2Z06URMRLcZ0TB0j6p5gyY99TEaUe4aCxznTB3\nUXPnh0fdoa33tIlgIaA3ksiM0UbnVAj/TtLWoSKjclVWZHxEgcd8K8BcThj0\n1D7oAm2U21yuZ/7FverEtkOb8bdb3rM1gqZPYW5Ka/Tdxc3ZnROU8Kt2RFHW\nqSZv\r\n=F1Bi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwZmPxQszYBPRXB6NAvRwwZs/22cjrHlDfOGKO6myEQQIhAI5c+VAoycZhzsa7Zc0OcZerHPbrrVDzlinf5Gi+ubX5"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.fa37339f.0_1616516551405_0.03788427024664309"},"_hasShrinkwrap":false},"1.4.2-canary.8b679341.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.8b679341.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b67934115e0845db5dd769b670d417a0c54ddcb","_id":"@atk/mise-ui@1.4.2-canary.8b679341.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-DY6uGKAElBAgTQ5ccbW3e0NBURCM/pREiItQwl4zE5y1k6lasZ734ASlDzEMBDd7nFhkazwVFfv8/2w7pPgo+Q==","shasum":"3445cb6ce0b3a6af568df22a5644d1e64e48f7ec","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.8b679341.0.tgz","fileCount":215,"unpackedSize":1454274,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkq3CRA9TVsSAnZWagAAdiEQAJNTrG5Mptgx4nRhvkGf\n9oYCOSzy716FOfN83LpSJD9bHUYy9XZjv/luaiD0W4u/vXbwY+q0HflCMn9s\nc7kaxgNrqVtjroGaIRTaYbaxUf+OEitWCriSBdhnH/GsdiyimzK4qBjrN7Lv\nyfvjlGsF3VXJvGid6XS/6OHWcBDkRGlWot0mgri1SsKPrEnKpoLQJDaBLWh8\n+tJe4Hxfav5BOC+mEUTlrZFaRqUozIUf0wPMrFUwsoNMzlPTUvrT58Olut2c\n147E4HqUmXqwMZKvabirmC7DYJOEXVgG/XaUoJtcJcf+GpbxW9Hg6vPQUsGD\nOFCQzIxUEAkG+hFg2apOysPglOJ0V43m8/me4Oz7hfpraiQghG9UFZIfynBe\nUCICCcX9rlA7ujeobEL72SfuuTLO9fPaRLfise0L0lC04oMU+rboHC72H0yx\nLOUNOLkFKVxGgFcxkDymHYR8ch4M7r3gsMNjSfVc0gmNOzCtmZYTnT5dDAMZ\nO7rvdEvb3K02l2SX1FskDr9dKWMBgv4RRF4DH2peayjyQvrePteie/PT/1eD\nUBCC5csYb+uvMXZNvrSV2x19Z8RNLKHFDuwCxg59Yz8S2kNW0CLK7jffLApM\nX1RqYUzaqf+GyYZxCanx8Ja6OdDpz//9TAmyDBhTSRxlIzdnPLVlmZ9xuxg4\nMeUs\r\n=/1r2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+76rNCdHHGpNXVOpEseF6feyaJRA/TIkirWp2HB2iDAiBhgii30vydQOIDh9Y4iyyCeqHLv2MLyT7E0k38ErNnlg=="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.8b679341.0_1616530103079_0.4312884975328637"},"_hasShrinkwrap":false},"1.4.2-canary.8b679341.1":{"name":"@atk/mise-ui","version":"1.4.2-canary.8b679341.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b67934115e0845db5dd769b670d417a0c54ddcb","_id":"@atk/mise-ui@1.4.2-canary.8b679341.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-iKy2Ecl1l5ZqE4QXClgOtMuAASiYmy04hVNTTSSB6tatshjR/Sb88tjfKRAEMuu6lXmABYvHbYoPtpheJ51wZQ==","shasum":"2663d4b131cf06659b16a8b577bde6c63c74ec7a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.8b679341.1.tgz","fileCount":222,"unpackedSize":1399073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW6D6CRA9TVsSAnZWagAAWmoP/jx+15uKaks/PCOnY7Tr\nWHus77/xidJM5X5rQ4aew2y6WkVvkJS9ARekGtoGjvVBn1ZunXXAjqSNcqe2\nFNDsRewXLcfs2Kipg0HaxTtZxgucPxqSQmub8VphJ+YicEPdInb/a+1lET2G\n4o4p8gvo02VzxGY0ioePr1jLWegE+RUH+J8+QwzB7Nte6lPIvDdR90DkcDgd\nOfWikhTQwl1anQ7BwI9CsM77BtuTkAP3OvpTwy0DXNivgA/OTUiWCFezc+V5\narzo07md04zx3fAHNCAnnPVtRXyaGYazso0oAl0lR3e1xoQ5jf0Yf/qD2dGo\nk47FCAlGpvXptowVKGZGQOClk5B6h62dUDCHSLvy6mChZWIE6yWqQoOgNjnl\nxZzeIdHPV9/+0LFe3PJQLAnlPkkSgAHPtOO6a3e7O2N9K1gnKBU9b9dzOOTN\nM4RJzJ6mv5gc2aQwsrxTQhC2QAzR4g+fTA3pOLb12/IdsfZX+TDOFAg7ldiG\nrnK2fRHpMZFP4EcTr0lcCT6l3SYQauI3gxt8dQ860x+aCxWBl11+QBqB5ar1\nkbJpZyz81PEMc1n2QzxYlFpUdWAslXmF5ooyl6TrwdyG7N4xMNfTBYrGbgQ8\nuhYro6E4KTIYB97fnR2aU00Wg/S/YIhc3kjHlB6he0T5zERsEJHbbEN/8j0L\no+C/\r\n=kwZV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEYACpvI2mjvBXGNNQ4kJRSnbC1U4Hvt/bDq1XL4mcqAiEAmFSXWmROi/fRHei1Fd64MDyHiXLTvKqeK+6ZrnNBd+A="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.8b679341.1_1616617721658_0.44341055480818503"},"_hasShrinkwrap":false},"1.4.2-canary.5ed3f62a.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.5ed3f62a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5ed3f62a60302fa37dac11fb975a831d560fad4a","_id":"@atk/mise-ui@1.4.2-canary.5ed3f62a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3ZgiOWGNo+JX1u5YlXZmbD8xdNAnkbdN/hVeN1XSoLIq23GAxj6BPuLB0nSYcxLY54IQbJM8oJb3cYJrvKOk7w==","shasum":"2f1cb39d31a3a586ab1adaec96fc9258ab395a5f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.5ed3f62a.0.tgz","fileCount":222,"unpackedSize":1399107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYg7BCRA9TVsSAnZWagAAojkP/jMZgB1jG+gE4bgKlRPL\nvd6b1Onq0yX8fVNhHbOQUaBMZFCyDWPmWrTunHcoQBEBXcRTDOnEe/x2F5dL\nwvuGLah2rRbMhUoJNPaJ08Mf49Oj3RDqmwfhRG5ZGLgrLn37rUP7iOV4sTxH\nG16DjlVrACcCCYr/LqkEuy5kqXT5H0OhAs8ufQlm/LplzENBwZ4UAtQOiuWC\nOako3gO4s8kXWSLXVoC+e5ppAUYhl2X5MgMEwpNQenbwf2ZcTgyv9Y7SuYbM\ndH7uVi26e6H24yCxVy00ge1z4BGJ3TD34sr1XyTetIiql7ptMwInmZkVR4LE\nFwqFOJiXfNtBqRaB4QsSRwa5SqiR46k2hWnK4slPUbfW0fcUPTAutePjGjqx\n2CdlcQvPH2w653uVP44WrZxZD9+F5/uJ2L4VzqWHgQVyyIt27NGexnhBcmqX\n1hP9B2BlrlIe+UhybtQjvwgWXTlJnaqqs87S7ZvfDWShVNYxB6AW7yrDKDVG\nDNqx1ZBSY/z8V9lcusZK04TqiCahFenzkYbRpE0VsyvzI2JIlhitRW0LZzNf\n6VLF9eo6yTwZu8GtHtHmJlk8EyHRWeYib1Q1BxTSUs57Upv5YoX/vlnCKDp1\nxdB8sJEXbU2B+pp+C0k8JUOBrLk6+6WVG90s6yxJAD8rc/K9trTVjHYGmJFa\nkzXe\r\n=H+Um\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLO85EqILUC9v4IZaYpJU8rrB0zdKqb5WzipBamXJNMQIhAOVlNxhuO2BXSp1aF2J1+YX54bptbKF+jzcYRtCH80a4"}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.5ed3f62a.0_1617039040287_0.2089545472826031"},"_hasShrinkwrap":false},"1.4.2-canary.2cf7ce36.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.2cf7ce36.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2cf7ce367d729c8ac17c22bb51fc231569355811","_id":"@atk/mise-ui@1.4.2-canary.2cf7ce36.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-N6F7LvXe60rOiFkSIs8veUHmVewEtxqJ6sal7qh849bYsorwZpU4Ng3YJFtN01oKTtxAHS1WvOdl+Yzj/uOTIA==","shasum":"a9fb20c2ac06fc1876f9711a5475f1c7d2cd7390","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.2cf7ce36.0.tgz","fileCount":223,"unpackedSize":1401343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYjcgCRA9TVsSAnZWagAAJ+cQAIKRQvJqMLH3zdGnoCsR\ngmxd5r9Nt5wUwS+kA96A4xMFCikhPdhcRE25/5Xv8msyHk2+xFfEDq6iKbRk\ngaXF8pn3GoCD9Lr8kuA/1w8rf1FVhmqeYkyAQVWPMgq+dOTUhkxFwo8udGoi\nQjtyfRFDPU7BoQHr+HmgJyjq2Bzs/8MXTaRyDYNXOAI9Fxyrp6HX8WPvzgP8\nck7y0M/TLroNZWXh3VZpvr7kjkCYD7Y10KuBWSyJ9gbqGi5reijwdFAl7U9U\nDgYtcsJsNfpKDk358h4yiaVH4kRnEHX0Y6CSr5bTL9QxBINHRB7+yk5LKp6K\n8FXjznzWwNBx4p1CBx++Ak1+zB9OEAkVkTXScjanYQpR5spoIOnIgfIzagLO\nyOgiucA63SsoutVcDNK+JLSuF4FJi/SxOTbg0qC6t0edJCR5iTAciXtXZTJU\noRl1RtbMgocBDKOtAOaFHfFFnakrjZcDeRNTlvdKXsYgwzLjdnglWua17VS9\np9nXvLmexaJ7gJ5y9c+TYaxaLKPguIntayVVaVpHvcJfsBHIVy01ssYN7pOT\neNfzWJAWnvBELnsiVEXiIIqHaPSQynQZCwg7UV16PkTyn1OuBExU5Wgn14Sh\nU4OqcesbRvgIbP1BHXQwBaVRK6Ag1mAOzNUEx2IYfakTaTMGHHUzcwieJvXz\nLhC2\r\n=YFo4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA6G9dQ/ZtCMPXP6MEFI4NCikpI3pGMR1fnLTyIDIFlxAiEA1pghzooj0CzLohYPOZO5Tt0puG3fJT+O42AN2MIbLbk="}]},"_npmUser":{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.2cf7ce36.0_1617049376011_0.06181388943233501"},"_hasShrinkwrap":false},"1.4.2-canary.b2e06fda.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.b2e06fda.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b2e06fda8e03c65ae8717f94e426e2498e93776f","_id":"@atk/mise-ui@1.4.2-canary.b2e06fda.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-83km+VjxqEPTvmkLohdKd+8r5uGYwcgTp9rX3w4d9K2jSzdSS1vdccCWMS0jJTKlAiiZN8gFY4/6aNaUoVtjnA==","shasum":"fb121a1372fe75af30a20bc863d34113ce42ddc8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.b2e06fda.0.tgz","fileCount":215,"unpackedSize":1454892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYj5HCRA9TVsSAnZWagAARg4P/1sZ/dU82DKyhQiVisrs\nV2xm+bvhXiwseZ8Gtgvvt9jp3AiHDR/6ChcNVXbB5HkIklbDUb2++YwKYknw\nUGKzvB/fqbxlivyqYnm/BYAa7mb+MY1T7QsYuJ3s8hAKe8aptpCKbBveouar\nEinvfnWNR1XRlAwplS41pTILUsHVv1589r3DdJBwXbBEIEwtT93C2Z0SzB3J\naQ78SrP9T+NyMrtLjUZeJbEZ3dTmu2DI0dHBIy4YdVHN8PaOx3+Zs6+7z5uO\nHy48mt26BlJQfGKNtU6CwHf4x2se9Z6G3B4aVd17sLm239iELGeShH3bOTr4\nnEsJx93Vp98mPGomOP2gN8b26NplqAP82sWHL/f2nU3uf7gN+uFmIokDN4xr\nHeJlyIwrbJKiion4zwKuclv0mphyoMaqI5tHQNuSSAfnZpGoc7BaXzqkaelH\nyi1V9vYvmLL0tZg1zsl4z5wACTcIR244J+vx+sllIIUTbylYkk5+WcSDO6gS\nQn4XNsuilGgzFTcaZEKXtuwufu7gPIJVQFSt2bwq7dVYX1BotNtxRbfJfu6X\nDGBNIKNU9vuNCE1xYW0JjFKP8+yEDXujSD+CPA7+fYqQlER7YXHkri1qLDYg\n1UYnHOrgtUP9t4YsmRUsPgT3K0g/4Fs3Kqgtt+Ztrk/Hwrf/LFX+ARHUhVym\niR0k\r\n=jBXK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC2kFdLxyLnOaFONe4tC+TCbebdtJvUvYuFRW/FxfzB4AiEAtrFHI1pIhEgAX3XxBYbi7M8BUvLi+49yOhi3beSEDlo="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.b2e06fda.0_1617051206619_0.1899928653228069"},"_hasShrinkwrap":false},"1.4.2-canary.b2e06fda.1":{"name":"@atk/mise-ui","version":"1.4.2-canary.b2e06fda.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b2e06fda8e03c65ae8717f94e426e2498e93776f","_id":"@atk/mise-ui@1.4.2-canary.b2e06fda.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-g5XepvIllft5HLy3PBqTkfCWQgV1IxdtOenYIfhPp62+7sE2Up+Hg5HcBeNQE+5su2taz+A6GysvMOUaH9h/DQ==","shasum":"c196c94a8a62dbc70a40d326448a202b4d155af2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.b2e06fda.1.tgz","fileCount":215,"unpackedSize":1454892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYkFMCRA9TVsSAnZWagAA1IIP/268dBAGTGMoJyXtcIKg\nc6CIXvtu0EnJxDD2RxOQSG5jwfrPojWhxmaGONS4j/FgHsJ6ZrdiXkcMaL5b\ne6AtN8TT4r8jCFxMu0WerZQ5h8krkxMpbMXPWuIt5FjnmsiezUtgZwGQ2cYO\nRMYM1mBljCAPub1so4OPgi+6JwOjbQr6xM5VATtC/TXTZgqEaDyN2Bs9o4xP\ng9/G9Qv78OtfbcmzjoQLWqGpJA6Fe9Q6SPvngvznPrlDNYC/bwdXbwZziYk+\nOi0twH8PY0Pdr4vfzDQlWODZ9o64Cco3eSfT1zorcDqwPDbn3hyLPWnLcpoR\nBabNnCmOBGPSwMDr2eZ19imjTYJ71vzmgTuCDmOrE2dLuGu7O4IjvD7Ak+3u\nKY6xUtRytvcaApuXTwJGRUk7uT1FQG/O+se+htmZaY3ipih+yWJyXpqCKWY5\nXwdRhV07EgN10wyCkRfhzStemI23Medc/xo7yPwHonnRrO0vte/1aLAWrBJq\neVPGk9xxUQuTXwKo9JMjziah0r65HKdWB5+fYBOT8H9AUgvsWGLyLdr8XYxM\n2LnPkKOaRApgNrHN+Uu+VY37snSlxFhkBBEzCLEN4p1uC52yDl7YQk/psvVd\n/YT5Tp0K2uso5WLtED8H8A2KflSGVd2Rv/Gs/JmqahvXI401yLdbTCUnCey/\ninNx\r\n=doeM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC3KUaJkKJmUr/WCKYeHVfNQHZg96Yi3wnQkF8n9xyGUAiEA5ePnQKnzL9WmqrgFOr4FdQhS0JIUdrPwkAnJQLuz190="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.b2e06fda.1_1617051980416_0.5742742353657018"},"_hasShrinkwrap":false},"1.4.2-canary.b254c562.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.b254c562.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b254c5621cf9537f3968d5b3a431eb24e26d0481","_id":"@atk/mise-ui@1.4.2-canary.b254c562.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-k+ZDGI9C0YiRVLE7c3VZ0eB4mUMRSepvqDQhFmfe6sx6SS+R0M5UoWKyiVsirOagvpmfR34djyWHh1KPhoBSRQ==","shasum":"565bfa83865f29d2da4b56b5cd07ab99346c5255","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.b254c562.0.tgz","fileCount":216,"unpackedSize":1457180,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYyURCRA9TVsSAnZWagAAwTYP/2Aa7zFrb1lScwRaLT7J\nKtjdESlXJ0syEL4pVZX4HHEPb8MF+Wy65xPTdSthdem2LXcsCuuCjdyhclrT\ntoq0KF6DCQuQQD1rImJ/9m+CffU9l4XbM7IM1+y46t2aC5rvndNBgDXSr73X\ni0Xuvkf1yqvuTWO+cJFkWFA76wGBxAifcE7FPjm+P4MRxfu2jdOO+pln4hkA\nChpb9Lh9A+Kw4pOneL61Lu7fgmZ6XLaKe8lAGFMJVTS9/Xch1wrbkR5rBxOP\n39L4fqVlw0xWG2z42q/u4QmgSsH1SLxuYEAcOcRJpfOMqWjAV+4kEOGIPYku\nLLMI4XQTZWeHP+pIH8kSE0ZwlaWhHvOxXDLxRIJKVr9uRsQFTt1o1MQoXwty\nxYidTgg/duD9NJN1iPTShPnj22UG/3bc06d4IZxnBLIqWWCBCAdF60ATrpNW\ngE0VxUduKzObOFB3hRihycfkGwSCgk4vrnyJosO4MwtKOGa+R/jScf9j2YJo\nhX1xAG0/HKACYnQKpNZ0pXP1PX4v/C8KZFXlvnciP98dhkgr1bf6QJqV5gHd\nDpWPJdqLf55EZNAj+vuBly8xGyKveRk1zT4IU4YdOTfSBpNvir7XApQ1eD0M\ny0qgE7d5veQSg90rEMT0FdrfAOtfbpdngCmxfwGNqzJ+fzxg0gSpofd5WtFJ\n9Kpt\r\n=fxy7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCocid5Vr7UAlK9JSbYSjSalNvUva9p2gLd1yTB0CA0vgIgcqay0xG11Eie8SHEV2YRAcGdagorNftVepZOJvJsB4E="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.b254c562.0_1617110288651_0.1905105436558756"},"_hasShrinkwrap":false},"1.4.2-canary.0368bf4a.0":{"name":"@atk/mise-ui","version":"1.4.2-canary.0368bf4a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0368bf4ad4cc5bb46f35bd0a5318747cba110acb","_id":"@atk/mise-ui@1.4.2-canary.0368bf4a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-df3Bcc0XslO+agJlOZVKaz+OJoAj7rE5vR0jgANo+AOvtSkX90Rn6q+tm49+sa3Rq1T3ihkO4vYoKRXLtehXxA==","shasum":"094b6b107fe09aa4efd455814fca25a7e33123a4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.4.2-canary.0368bf4a.0.tgz","fileCount":232,"unpackedSize":1391968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZfvzCRA9TVsSAnZWagAA6MEP/RcgY0nSIrDGr4fCG+L5\nBMI2HN5Oi2N9s1hJdwniNtzZuEkfee1GH8sZgQQ0zAdO6wI+5sbOnUzgw2GC\n8++W8x4x953CSF7dUFFPsFV9vB1Uk6d297eULfojFunx9xnASW0PbbV0tsOT\nsSAzSeGNE0vOwd+rROh3tKMuCvLA5YYEe2dfdEj1ojIeJP5B7T4kCBkHQ4Dw\nVOlGykFiN3LlHRIYf+etlyG97QzWprmOb6f5UBUxPmdT25brMg/fcp4zQ6fE\n1N3RkOVT3Kk3K12oY1E8jXbrzzDO5vSr8BQ7HOzQb2tpcKlqTLd+Vk0kvQx4\njpK3F+XPXq6d1uikkvjDLiCVFYls+4SYtFJRTZ9UvhRlJtBF6wkVW65XhzjM\niAdbg3iPminfpZmpK1STzrvzZ5NapdKJmqJzeC+giRV/CG13henmqcJmJntd\nNuOmnSI+OXPMN9as4c5iAnjRqhvsI2b0ZY6iPnc/2eexURGJEQ4jNVRdth1X\ny2AiuHKeJ9Mkt/o41Sd+2Upch6kKAHbTG5cWbzISSXXGzd2hl9vanjX5EOQ5\n84zDc19zMU+H1fwM7kfZgSSFCd2VcRNHURk888b4kvPqPMhjM0h+BOSrovnt\nyofhCggC3hk8+K5f1ID8JXPvuMeukoHknEKRhF6vIpfHd6IjuvIQHQPzb+mS\n58K3\r\n=S89i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOKyGBc4tGmNG4+oyoDZc7kbKnqInxVARJOCMtPvy6CAIhAPZ4zp0IpXLLuhzTtQik42pmlGe33IPiE66S+0hWM7vv"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.4.2-canary.0368bf4a.0_1617296370982_0.056074103179896806"},"_hasShrinkwrap":false},"1.5.0":{"name":"@atk/mise-ui","version":"1.5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"07a97059e4d121a5946cbf18e89bbd77b4720ba2","_id":"@atk/mise-ui@1.5.0","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BUm8sLpzhQkPgVr7zsG1askVyvElLqIOhom7kr20wLLy9FdG5Qim4uu9r7p049xokS5Jap8+Xx3gr0nnmv0CZQ==","shasum":"6b4724604f682158ce9e45be31ffb5a3cc065e74","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.0.tgz","fileCount":193,"unpackedSize":1307103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaw/ECRA9TVsSAnZWagAAeDcQAI/r/Vz8vxQpNS2t0Xhg\nU58JsMA6gcGnInOEY+P31PxzMlbIkcaaCgR5+JyOUPBPb5+jb1Gs5ygjeDZQ\nqo+LQRh2JrTIfzo30/6hXZE7DrbZfctBeU2rNOk1j4GXkrCS56+LMEGi4qPG\nlFb+QTmkeIJl3bTJ9+pNuhxp0ffN61joENwmssYNKRQ4Zn2U5BPQ3RwZX5mM\nkLMwa2jj4H0MPxl1SAl3AiVftFwY0UWxRX9xMWz3BNQcAcXW+VVDwxJIbVhp\niMiyCdHhJQqvMjYgwQqlLi087Fz/zXqrVJpGZrVrfGx6t3BVM09vZxRoODBR\ntqL60Q+fsbdeMAOVj1EeL57Uh4/aV4AHBO/njiguRZb6lGlLLQTN6R2JbNF9\nRM/U66m8HunFGBkELv+myXF4wJhDlwMo02nvx+hxWEU9DrLX60Us23UQ9P8i\nkuGVAXzPlVblUJT1Pa6SSUiYZvPO3wrsaI/iFXufcWQPBl+IqRA2QHHPprQV\nSEJrWJTbiUM/NETnFotWdUffEs+3H0PfN1WbbDVp8HWBLGDxZTfovuf2kkAc\nPXsOpJwUc77DkWrtFl3KasoUkf7CA+IVgRKhPSEQpFebPkCiGpU/8ZmVXiBX\nYudZfHUjshQqCV1LjFIast8x1Ay/s9XliJq0Vg2i/f1F3D9wKUpJP9t75xSb\n9KAP\r\n=+Y5s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClRXSq+wE0ynv3QFKrxscMHKeubGgWYr+CYofJ2fNavQIhAIXbQGZTgTnaDF4EYeI9JgYDWVYD50LmEmMhPp1jRYqz"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.0_1617629123584_0.6827582169816386"},"_hasShrinkwrap":false},"1.5.2":{"name":"@atk/mise-ui","version":"1.5.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"a73cd45da473fea614c0e8464f1002f302d98cdc","_id":"@atk/mise-ui@1.5.2","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NHc226VGgHNLmD92B5wZIRoJkJ/tcP6JeWYPOAGlok875uc382PEF6A6rP1pnZ/OpqnJlxbSW7d3P9zn75rFmQ==","shasum":"422cef903c43c4c5f7954c4c5dad91de4aaa6c86","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.2.tgz","fileCount":193,"unpackedSize":1302654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaxqVCRA9TVsSAnZWagAAfbwP/R9LcZr9/kI8RxfYfl1t\nVuUa+JFtccNH780y7NbwJ2/Qcw9G3OlWeS72jVS1NJo1SuRxFE2lHyfghqJs\nfborA8CwZimuiSfffxQSf67cGZpGmftBs3m2Nx6M26Iui4coBx/6AHaBfRBC\nbFsj+xTuPLUnuF4BP5ap1Zpf7fxXvXVOJWuXPMWcU5RywZs9AamCxYH6I9GL\nr3HXebywR/1J8ytAk+Plk7o4hFVf1CWH1pstftHQmZJ1VN+RSJ4JcwQKszWn\nTpZoHe34bDOaGJgKQyHxUUmqGOirRWqpBHnEIwJdmiwxnUBO+g+3EIgfHtEL\nF4J6lw3S34oxlBksCe6AhZ+ym1TfnSaY0Qzfrt7KHiAxAJt4rlPv+ynL4D9l\n51ATex0xK3yTsemRPKN4BOC8WA6LFyyz7ve4OwDKkR29BgYLmRT7jIj7TfDQ\nvE01RbzrolCk8ihxKJuYcKCBgFt9dmhKzSuWZmr3rAqA186xbJr3vWwLXwkd\n2RjcQSLQgdhXY+wMXT9rX9LxVMt61fFAtBtpUwfgHS5ZWPiSoeCRXX5/Qbjy\nPtY1gpqXkgjijX5tFWKSTtCLa81Jc1hmXb340aFy86ztHXexFin5B/8H+Xcj\nDWgmk6MZblmg1cFWa28XBqIgZv1/nOBmCNy8HEsLTHeXvsdDrblJpoxdqXpi\niiuv\r\n=eUy/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSQJuMYkokqwih7NX8EJ55ItKTBV8JrkMLMtdBkIBL/AIhAKBo5d62O3737+D74oKixZ8vs8vn45lejQ0itYPCYx5g"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.2_1617631893080_0.856035009159567"},"_hasShrinkwrap":false},"1.5.3-canary.0c4a23c6.0":{"name":"@atk/mise-ui","version":"1.5.3-canary.0c4a23c6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0c4a23c625e887c2c87dda12343e9291c941cfbb","_id":"@atk/mise-ui@1.5.3-canary.0c4a23c6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SyFgZ7lqW//Q5Qcm7e6tVlu2ZpR6kItE+0GRMwblGOe1Rw9T3z4fwLxl74bbbJLysITvisgRtrnotHW6rrkEdw==","shasum":"47a6464035c5bd8ae143d3fe7baa8ae777ac8e94","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.3-canary.0c4a23c6.0.tgz","fileCount":232,"unpackedSize":1393576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgazz+CRA9TVsSAnZWagAALwIP/1nEoC1U+H03SwKiat9R\n0F9DnJMVN+7EGRZhSm+kSLF5zTS7irJJ+JqXycjDzrMobmaGL019SaK2onOG\n6PYMv1wZRhbwUdIQTxECcIJP4acmHW8l9ww5foimiTi4xjkiTzihCl+WgEF8\nJY2/BqyLyvkUXwHJmtmoBsZldPgualJui6JZKJ/ct1BuBWy81AEVe+Ay0c+J\naG2bstXR63rgEcAqBtx1t26+AQFusllW1skXxR67Ufz+RTrJmwzS/9NMLzHc\nSkk63uMdjKEFcy5nvYXGOLSKtqAMNpqB77RWecTyGCBkel/qGwmwbEgkRU3D\nXNa7frwsqGsN6zxNObbFNuvaZzQk5JUX216J96mMX8gT564aMW/COUWZ4JHk\neA3XXLCo5e4yRQMkZY+a7qPzX05XV1x86i+4hH83PfM0dGgR5Qss/0Z9OB6E\nlfIKeILpUxX+vJwDxDPvB8FMmneJ0EcHRmYz/ZH0cD+4gnMMjSP2Swj5AQSg\nlwoA8+Fi7X4i7BcYjPg5/huoi2V44FjnIlzM94yn+JFt09rJBgQM2Acc5mjN\nhgwv+VwjOoyHGNFlNMQII7nFqOXrwZFULb79N90RxEK4EdJ0Ep05nbSQbdD7\nudKwXmtW7RhApBUm5rzpoVIlaiuJIprB9vMv3A3KTSCATE8/ogOncBAGiT83\n3JiY\r\n=1hXa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBuiNZPTBigJ1BUb5EqG1ShZMjdT2aSXGDjr1OsBPXbuAiB2D/zAQvag11+q3Z2rJ6sXRMAHzouxU6Uc0+FqLbbjwg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.3-canary.0c4a23c6.0_1617640701437_0.4888526379040572"},"_hasShrinkwrap":false},"1.5.3-canary.290dd953.0":{"name":"@atk/mise-ui","version":"1.5.3-canary.290dd953.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"290dd953139de331f4613bf819217946a0253c2d","_id":"@atk/mise-ui@1.5.3-canary.290dd953.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-KJGfcshNWiblYTBc9jNGuCQ6km5QbYbPcf/vZ0eUeWUDQERzfWftRyohiE7y/t23lvXCpkEVv8YreFO9wbQDFg==","shasum":"2a5e347b18fba07e5e68494a33aa7d7b9c793738","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.3-canary.290dd953.0.tgz","fileCount":232,"unpackedSize":1393576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga2swCRA9TVsSAnZWagAA0IQP/0nMTCU50GZrgQTV2ZPy\nvcfrOr62en7lErgdsJztbF4Uckx/nQ9ElTt1p1ZF2VXtlGa0hlm/at9tkSAw\nKz/7/r46p7UIqs73P5vRumAmWIRd7sj7jUOLhtw880Z4nz/u7cfPL6+svSNM\nngBeta6bAjq+Mfjd1KpiYTyZ5nUgz0ruayJf9Jt7WUXuxkFRFSxk4NkjoDCl\nfg0L3Prf79LPv+ad25A5TW2dp2zijamTF0PEEycHTkpdQMaKnemI7EKbjMeT\n9YjMeGxS7ArPVkgZ9O6Q5gOlpHYeePT8O+tEmZL0wG6ubxZSsnSpGiRBR5yl\nv6Y8xF5czs3Ny0EAI+nhe9fWacdyXjGbOD6uz0ciR1vuaj+7sfsOr0IcRreT\nIlPfL3+iLh2vR3TBdQg2ZdpUFoiuNZaNaAjvpa0V1SFoN0ranFQYDVK3XNK3\nwLXDZQ2NJ6I2b9hyXWkzXG8mAnO2kWRQ6ah2+Je7KgRrbQ3kAi5c7Nxhzxdz\nMKtnU53XN/nC9dicd8nKHjrkFw6AdGm9B0VKuorOLejb23elmS8UW/eyA0e9\naIQC6HiGP7t/Gc/lRkPjx8sXvVqC6HY1n1SXzyeyiDP9NMDNOm0LpFbmDyzt\nw/fEv3Wh9uojKyXR7qD4jMqpIR0TRmW54DTEk9mCu/X1vOULu1gPrWnzT21x\nUz3p\r\n=7aAH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOAUo0GJL1S9Dgp3dY3fjMNhH9YH4ys8ps7DFGAUWkaAiEAyYABVILC8h9subydxUhYWHUxOdl2c3LyqMWXsdXmaZs="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.3-canary.290dd953.0_1617652528286_0.5168998011524433"},"_hasShrinkwrap":false},"1.5.3":{"name":"@atk/mise-ui","version":"1.5.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4e7160455bbb7040fb06b08cfc2fb65dbed922f0","_id":"@atk/mise-ui@1.5.3","_nodeVersion":"12.22.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CHSS2co5JkYj8p4IKYk1EQI3q31RTScAFrxI3ZSCJNektzHGAgGNCUMc5h9zXK99bko3nX8c9vyXO3FQSjQuyw==","shasum":"35c3bb8bf56943b38805dd2a33e0132f6bce9121","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.3.tgz","fileCount":193,"unpackedSize":1302852,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbGZqCRA9TVsSAnZWagAANOIQAIZFatNZ9FtTBQtlPJXX\nxk3GgkJBFEQcoK6TGIGlhxzjqUMqJnYUSMNvwQwy8RvZ9wmv/z0ryYuT6w5R\nXrpRaPvgPk36vQwfbKsr7rE2ikfD75yxhBwLHQ5oo1Iokcx99tiz3b9CzHhu\nBZePJ4MenOEH7/EyFNcyD8C6w6WNESpIQDRHLyxuZ65Be9WXKkQbYZLXUzD6\nRE+BSyAQll2JftRLJYO2G5DJmdZQcnS/HZi84JOJIRNCOTxbWRY3RsKFTLVd\n77QjErzzoKXW76i1N4hm2sCUS7/VViKGKW6WvZE4bePv+MvroY2OwHwILUL0\nItvI2zbQcJy6fn/NvjSG5vEqifpdRJeoEb4z1T5WIO81/4vtfSBU5sfepB42\nPldx9tnAYXwLccDxFIP+iT0HHIclPtvpKanL50zDo5ZiNe/mjLHcMhsWP9An\nFbAfDZYQL/lX3V77BfitR8HhrtQCNXa7IdBVb+p4Gn0a4PnXoisC65FNYUuJ\np0h/dN8F1w0YhqNZEiI+c6ewad12lWen/N69VmqhfD3UsshAC0YSAJcUg0Z4\nT1im3bJnpVFr+SXJc58yer6Q7VgaVOpdY1YiLtdKhwcrhpfCk6upM8/AUKyl\n0SDzMflga973xMum1o37jvqfK78RGsIOkef4vdHY/MN+weNfgEFjWtxcFqE/\nddAm\r\n=u6EE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDcss9eVEtazJt7mlo65m/og+3aFeGVR+UTLes24DPKzAiEAgWar7Jo7tOM2PrZt94y+l8onQ8u7NO0cTufRLL7+MbI="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.3_1617716842023_0.21976203519186654"},"_hasShrinkwrap":false},"1.5.4-canary.acc02691.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.acc02691.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.1","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.1","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"acc026910777bd0136903bb56bf5487e9d3b5eb4","_id":"@atk/mise-ui@1.5.4-canary.acc02691.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-fkPm6GoRDzRE0ZGYS5bU40pYfaekVcfePiqT0wXp91HgMcAK78hoknuJfBwuP248L4bSmmlQTtWxreKYsivhEw==","shasum":"d0b34770ee215df47fa7a8304d1d4767b6d9d68b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.acc02691.0.tgz","fileCount":223,"unpackedSize":1474830,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1GZCRA9TVsSAnZWagAAeG0P/RG57Bco0QLO/5vV+6Q8\nmCnxkW+xuCX90C17dRJzHEfHaymE/CO2wzN+UlaUdeVNsCHfQtX8+9vm8aar\nG2A+BgSqGk4rKfRQ9fbDZ2o2SChN//a5nZh+rKR5BeehOou5hXLXJsi87JmH\nJh1nV0HeGrkMYhbfEWw2FjOQu76EWWQBuzat8/ZyfIvxs9j/+DAMF1ISZT0K\nx7QRqmBID8V6riXgCj/8Ym7hSA0Ub9LBAqSXFFCnGazL/9oN/oNan8NsurGz\nEqmmUJz4sodDn41ruNe2FD0av9LP5oQfRaL/NbYE26/+9GeeEpDal4C6xS23\nQ9ayKZNuvrh0tXD78hq4qwDqW9mHbwH8sXfuK2/T9couUmLbBIVM3PxL1N4Q\nSHgHBA72QgSOCCjLm9zthXMRifuJyncueqpT7WYlvh9UYqRfNQpoiZjCkyCe\n4GAAQ0Z6uwpVR2rnwWifCfuNJIfbfEI87UH9maOoyBIlmrs+a6AMmBRkvaeP\n+vxnQwCCU9e8DfT8pjI8tu/R7ADDYyKHacw4I0icCteI9bOj33caKQdDBsgV\n8VNSLgC83Nj/C2lriqq8i3lXprTOjnR0uTy7p3dOiYkA1EaQMY/d/293wkhq\nMFwf3BDBrbgtj8oSIOgViuv3WeHcZPFgLcBsTvfnC2OZ06aLu5CVrmfjbH34\nTrHB\r\n=x8Xq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuflAIjHSAnbcF5d3aUQ6cynS7y9Ms3Vkusj0/utwUvAiEA7A3bgvyIIi4yYJtLQc/lFXsndmmcPMnDlZSb0ifu6oY="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.acc02691.0_1617908121374_0.038653349189174735"},"_hasShrinkwrap":false},"1.5.4-canary.8238b32c.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.8238b32c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8238b32c701d0dac543169bcf7b7c44b00174cf0","_id":"@atk/mise-ui@1.5.4-canary.8238b32c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VgOWcXMhXd01ce9FdF2BGCVJN49uaaJU0VQzy5k+3PdOsy8s1Et6AnCr+Sx0HpXpW48qFAFE7OpSy3135/oBxA==","shasum":"fc536a427fba2c3cad00eb78d4a8c7a40f756a8d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.8238b32c.0.tgz","fileCount":223,"unpackedSize":1474830,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1r3CRA9TVsSAnZWagAALJcP/3UklAE4c+9VDMT/urgq\n/8u+LjOHqFkEzNE+G2PQXh9+tu78mB9Gsqk4CfSYKbVNiVP/6FPL5VfiEbQu\nkfw8SFipO0nXjjaR8tfhdmJFw5gXNoJSnbVqdeSU+sA55cTVz/zX5VrSoaTJ\n1Ta1soqpVGjolvDl0JqkbYEBjQ6QYYrkh4GD5W1Eo/f/sG/GIC7nbGLMXUCt\nYT+Cn6CM6yOivieavSEXTuePZyY97Qoo0WXI1dlKnqrMY1Rx4tzjFak0VRFr\nhGW7VMnAoOek8gR16n6ZXakYUvWuHIUOJVJl+erWKCLYTzwZQ9P53/QdThM+\noU8I8qEM70DyL7SB/exBT+vHY1mWwAbgXkz7bUvdadmF4ZpYatgZNHQhlvBX\nme1p4d8i1gWsGWtGCAtJesCv2XRIUuoRAKa9ibpEZyiI7QHkZUG6rM86DtXw\ndpp69o3FK6HwVcoD8tTpIZMnBVJjnEgN8Sp4oVa0SziK+9GMsaxTzMttLzw7\nMjS0EjGRcxGY62xtJL9kmfGPlpGd2vMT1jyJmVt0ZOtDvonoLG5WWeIdpCeR\no+h48NuV0xj9LC1nZGN2njKB0WTC7BrsJaa9iKYBmnt0SaS7CW4KAPevzJnW\n38Nu33/ackpDlwMjaE9kyOHGA8AEg9Q2EvrZ/pad9Ehz04cbZoZ167U7v7RP\nonWN\r\n=HG56\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+RrF2x7gj56cHgDaUZBTWe9tNHayV/jcODUS5xL8F9AiEAky+gaBvTSRMfYWi/rIsF9Brs88a4VsFo2KN0Jw50wSs="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.8238b32c.0_1617910518723_0.6315263696078177"},"_hasShrinkwrap":false},"1.5.4-canary.e393f0bf.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.e393f0bf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e393f0bfa393b0751788affca8d74dd9c467d066","_id":"@atk/mise-ui@1.5.4-canary.e393f0bf.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Qt84yX24y5hCIRyH9BvRquUhEvQjsVChCQ1E+cmZem/0VL0I5rpqLyVC/wulYRdoGr8Ny+R3RdlIiHFlLGmg5Q==","shasum":"475aed2c40e37c12159ea95a451e9ad9b68d3f51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.e393f0bf.0.tgz","fileCount":233,"unpackedSize":1407080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdG+gCRA9TVsSAnZWagAAcIMQAIPksTTiy+V8P1KcvnCf\niW1cEo3I1CHgDPUdUCwnYnxqdcI0lpARahQyo5bGF/KCijzJT9q5JGFrDYA1\nf9Jkfh48Vg+9cBTMqeo0+yr/xN7C7VnwO/f2KXbzWSd2e1Rzvw1HN9JmL9mM\noiQ3CPE8LAntw1Ki6j5yVB8AO2JZqEZEG6+bXKpxw5JWyUDGC39ySliPu8OJ\n1d3w36JWKD83FQqvMABzAiLuHGpxxqVqoZRTxChsvi1GkPEF/xdJTxCgG/vr\nFsL4iruRFUsXF+KkkfSlwKNKL5a+KLcYxx351IWyuxx4uYyPqkquHcIKQGRw\nnXSLsb4EzKo5iHisNsgjI9daxK0+57NWhtYZlcweDuOgFfenqfl9Wg1PJHaW\ngkqBnHtEAMb1wi3s0Tcx3MMRkcIu2yiruU9zbU0fi8xWqEheR764uMl5xGm8\nU+30ctqZGEVtucm3RQLfUP5XjmSTtTDRE/PPpnibNHqA0+AKJQzRpFDVzL6t\nUKkLY4sjKG5I0IspL4HIsD/KpyoGPUTt+KXldk1nNdjEhjVwdvRnNJqsiBLF\nnmAmlW7LlBbKmZxDh92NdgscC19rZm/pOznNdHYsoYm5pc79s5LhkMYifuhi\n4enRBrCoBV6nvGMAYVyqhrAhi4wfWb/9GJhILm70qJShW8I/YKyKruUZVJPx\nSOmh\r\n=C7S4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxfT+TdspebGsqhZR5Jml4HlQcM0uM9cEos1OP8n9RiAIgBErubJk1fejCibtQCoFzSUmYqPevuViR/9m8/X2J3Hg="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.e393f0bf.0_1618243488052_0.13090961326309047"},"_hasShrinkwrap":false},"1.5.4-canary.86af63e2.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.86af63e2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"86af63e2e18943115cea6d0723e079db75c97715","_id":"@atk/mise-ui@1.5.4-canary.86af63e2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ISGmUo/Rp7dw2iR3xwKj5DMlQySzwESxnEi4skKU6gAYW2CcUWTbKtzDQ+rhx6EkaE29gHxFdHlJdMtaVDAYzA==","shasum":"592917c667a44dd8448ee185b181846c4566ef30","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.86af63e2.0.tgz","fileCount":224,"unpackedSize":1487797,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeZaoCRA9TVsSAnZWagAArrgQAKNjnXHSaTD73z0aeaNH\niOWMkBVwhlz6Z8V2o79wRxqpyOzWg0fYOju5Ka1yFiyDJRprvHgwD6WUcWF3\nOF15SxHas1aaRHDWC3JmFewBYj2kW7k6tW+sjwFz9gpDz0KPOZnNMLLBFuTC\nh3v2rAMs2LvRotqoDw/yh1zgaOJC7anYzGM78y9TNels/GPSkLl37BNstgjR\nmkv4/khvmx9Fyr+ogxhLCZNhoUjffiQfmGNlyhP2JxaYRihgX6qFHNKhs20/\nUiOhu936bE9gXn6Oe4COeD1l3MND2TBWifh29u5KPaJ09a2eoXmtcz26NvP7\nZfljm30wMDiMgYMlOC+myGJS3mDOOqILBIeuR5Wh4DsUvm4/AQ868XQ3AMkm\nosEo+0J5vqRvrIhnsyVOe8m5wO8mi4p4YUpbUibSPO8sJo7mcWsT1wsHUUWL\nKO1Y4032PCF/OM0loD3vocR7UhELxHwVVSS1rvvthmXFZUIY3o+mnX7L/Zl0\ndUng6h3pRIL6VfZTmXFGp7U9EuFblvw0uRUhv1wd7KxllTiAMIAWfBmexTLG\nwgTjnW6nXbaqBB4lQCK5zH+YKJ1+2kLdrB2iLLpBAvjCYq+s5x4nax+a7fIO\nAz/vZZmX7xx/ujiLZYd1L4yK2jV682fS5zcQD7madSrI5xDE+77kCNWAP4RX\nqhya\r\n=bM8H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5Hme6lOBfQ/3bSttCPLwm1lhavsEfEdkKrcHNONqSVgIgLAxuQq8V1JoYMzwXugaUURdM7yCKbjy3E1oV+9rK7xc="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.86af63e2.0_1618581160068_0.2480962390337369"},"_hasShrinkwrap":false},"1.5.4-canary.f49a8a1e.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.f49a8a1e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f49a8a1e05eacbce0c841ae5c5ab968c6677ae90","_id":"@atk/mise-ui@1.5.4-canary.f49a8a1e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Ilr1PsuwmNIFEunH2N9JyBF7hy28+G/XnlwZIc+3So7J+PYbX38qg2PzEp/j1uJ2SNQSg6DETfVWdDa0I2UM2w==","shasum":"4305393c3c1cdc08e764a9c91ba5c30bf9cef8c7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.f49a8a1e.0.tgz","fileCount":224,"unpackedSize":1488780,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggFIzCRA9TVsSAnZWagAAsoMP/0y5K66SR11FNp5pYgLz\nxXY5RYXtxhUusXo40NxIXBgk9FSH6rKQTwsXz0mR+SN5LdiQpd2HjM8FTiWY\nRBIAPkSrBw0erbo5mevqifpy/H0++YrfQGp3hrz/tPFL3Db1I4lcR/OVjEUd\nu9afHXxGOPqK/DghUkyllZqzuJYt/7zXYMqpjIcal/znFHrqOKqQzXoZBhPF\nCzUNeVym6qzqKSuqhrqaEQwFH/4T6BU0Gwt2hiSH2J9gz4woCZuV7Pi8FIKi\nCFUThNZmg8vHbGFD4PzFF3RelcdE74fzHjA4FpzuP0oqT2X7CUcYKtr7I7ez\n0k9GcDs6rGEdu2366UotSuo94CfhOLX7F7acyLcXiXNlh9MvC9qMUD60Qapg\nwp3JfDO6O1GiBdOBAmr8VHbnX7Jj+/saWqM156vTXSsRZ0LuQX8MucK8QJUC\nqunI64wlSdYUIvhX2GxkWXhbVsTlVtWV+uHnVs9MJZDjKRLpMVq5Nca2kukd\nJZbxOPuNq7+Bd+1sFXnzik3GslW4fNMH8+oXfGXL1Ps8gf6gK0Q5PDZI531F\nUq63pkRCW39G0rNPSD3hf45nLwYj6v0W3QV/KkWGgjExHjN4CSDnAzp484sa\nZYLIASCnsl6n9NB1bM+1iLStiemcINJT3A7Zxhtt6aVowbmNOT5T+aCdmGdP\nrYlH\r\n=8a/W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5RIJz7rdZjmZlJKzD+bTY5PzilR2vG5J3qCIoPBsKXgIhAPQN5hBGsUxnpLdYhF4bUEIibU6miYEPTY6h4vXzaH+h"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.f49a8a1e.0_1619022387040_0.38712127123524054"},"_hasShrinkwrap":false},"1.5.4-canary.801fac7b.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.801fac7b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"801fac7be6bcbe882ebf75b170893a1f3ff3f571","_id":"@atk/mise-ui@1.5.4-canary.801fac7b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-F51jEmNNbgvj1cqW7TBD0pygdjWZSZHERyxtx22gs6e91SGQk9ggwqxaJisaahJ5/4Sxms/UOjcpLbgrGav8jg==","shasum":"66c684e60b1f31ff00d3277e5420b8e1590cb2dc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.801fac7b.0.tgz","fileCount":239,"unpackedSize":1452537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggX14CRA9TVsSAnZWagAAOtoQAJv//NSm0NPES7D1mwUc\n91dTF2XpVv+6q+mR14SjHUtxLDpfvkB6yn5OVmdyvy9Lgovf2QQ7afd76hL/\nQrM45G8vDI8NBBfEd32ZBMBBosFih5Ibg0VlpcoaFRnT4OMWze0Mvjyk/JFU\ntI9BSto/fmPbdZJKnyWfRxRCztQ6+uiqJScI+FSU64JaQAVtPI5fszf+u8/c\n/cGhpgfq6edp3PSWtQjUcCkbNj0BY+31sJ7jKzeBhhfTiih48sYyw/J5JZP5\ntM+M/YCeocVvWm44K7AhPfpGCo7yXIqON8Zl02PCRh0qxydUxm3Sr3PSYbOo\nO54rUyT8YV8uunuWlt82m2pAtGwZY855AsXSpkFpiq64APIFD1Sq3Z1/l64J\nRl8EyPSO9wSog1f34I6dz4Pvx8BRC5ff1FMoWnUDDKCRN2+h9NkCOzGotrt5\nfLF7HB7d4rGXambZAdUgHgAe5bb5J9HM30LBuaxXywMYWCe050O8VjvUCiFn\nZhDB4WhJJ6LgP/ZALOwmt0Cay9+DYiZTK/jFjXmgsk/ZoydOczr38UH7v4Ps\nda5bnC6+5rNjcDZ9B/Y7wNuIGNS9J138B33+K5FsrJNHMCqdQWlBwBEaB9kn\nv2rKdxmL4+Y/I6kjQYg4SfgZr9cAG1ga4hEfxqDQl8gwfvf982XeMYNosndc\nvanB\r\n=tTc5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGkV1sCtJVKiVF6Foz0oDxtsbzriTU4pu8wdhKIK1IucAiBmtNu2HKZa0CtFdEBg0mYm89Y5eaQJWNwQOHWkX9Brkg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.801fac7b.0_1619098999972_0.030277423830576744"},"_hasShrinkwrap":false},"1.5.4-canary.347fd833.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.347fd833.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"347fd833a40d3239713db7dc1bdcf0a7c32d6a22","_id":"@atk/mise-ui@1.5.4-canary.347fd833.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-AW98ET6bgx2tBHUGMTkpuEMOcB0dHOx/eLzPHD5GN5Fg5vI+LCV4GbBP1b1eCGlwf8kY0VzgenxKhKJZZ+6WOA==","shasum":"2a5d76285d43e80451597eda80da18b82edfc2bc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.347fd833.0.tgz","fileCount":239,"unpackedSize":1452582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggZBACRA9TVsSAnZWagAAxNwQAJ0ltE03yKsHwOnjjlwD\n8nlTstgGA1JH1d1VufcYGcT9MseDw0DtRGxFclBdM4PXBl1BUiY8+aSFgWdB\njs9dD/Kb111/MAME7zgDgsjYT9heGt8PmcEpAXorDNeiej5F5RKZID/Jk7Zh\nzweyYdsCNPUS9TvHvMBmpOqTY+XX62MVTYdBLxBq/t0V04ZEAP+b0iFz+mUU\nvqEc9ozTY4HELIixDrRJEiS73PE1hY51tYpQbEXoG1Ax+LUSDFAsw8Acm8jD\n/M/mQlKEOnd6qB1qNs80aqW6gElHUBqlb4QG7DauHwMoFuBvxSJU6heZpAWE\neljwSnJWLk/1qRzlD3H7lY0Hu6aRGT0UzNqo03sDbC3UPKD/cNmBsRVBqwBd\njUZ4bF/1wRV+bdwI2cBpUMeWuG6y2U/vppbtOLPsotmTyYgg2o2AxF9WeBn6\nLFGd+1sPWpEPPpGZOFXfSEKlZu/M0Lb0YKv2o3YVzYn5IVu3e3hnxDDsgvZF\nGlpbXeSYvOSfyRqCCotmgdosJ25KXBG/0zbteOwCxK6JrZmcY8ctJLKOAxRc\nPh/8L9r0TrG0AKn5QUxN1np2P53oYbb3c5VKBWAU6r5hQg8dVMyBjH1tnP4q\nvdmkx9X1yANLbEiLJ5cmUyY49g1xO4pUOHfmheNTBMgRmdSvfQes3KQaOMUD\n4Fe6\r\n=Omv/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnSDGlAjMTZbYl8wqUgMJBovR56oStGXj+usd315snaAiEAwbnI5CtbiGIlJkEVG5Q9acN6UfMbrTRP86a0d1lqt6A="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.347fd833.0_1619103808001_0.15748778785799922"},"_hasShrinkwrap":false},"1.5.4-canary.79275098.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.79275098.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7927509884cbb8f2fe7b469096d31d42a1e83686","_id":"@atk/mise-ui@1.5.4-canary.79275098.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-j3BWI5k8hkNOiOYFdGXRz6/FREyXwJKAofcgiadAUrc9LIFttJYYdER9iH7TuDXtHuhNobBlnEPTrRqErATz5g==","shasum":"a3ef59383bddd5efa82f002c0f43bef2dcf49214","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.79275098.0.tgz","fileCount":224,"unpackedSize":1490938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggalbCRA9TVsSAnZWagAAuYgQAJN35df/m7DT7Yk9BFn+\nWmLw3urwW7qbsj+JLQiXSer6JRco1OowWacG/INAM5EVhPbpHlh4U9eMg1M4\nMTLOAhlDboQsEOaiWioDUFy6wKYv/M+enN7Sg4dWq4Nn21LKf7f93zUYz5XF\n5HLt0CbfnqIqKI7hpOLSnX5zz8462Vim6AhNsDCFwk9NI7o0yoMXhqjANixd\n40eCh27USogFG6rl+pbCDH69BgKTWb5yIgmj5fab4egVXZ1AnuiCcO7h1q5B\nwOgZGYa3pvXG15g3YvY3PvmRGk0/YVWYl0IgeVLOHqu0A6yDktztkZ9YUfwj\npcW5vgE1W4s7Fn9Q+S7q24xG7qOTFjzujGFThnMBJWoVPkvuc7Ln2ziybCCU\nznkIP/HINalLSkwLS7xEYYoBMME2lN7vUmQ+uEQ66Bwcm/5PVFevAugih+gZ\nyO2R/UEaouOCAKi03DQ7226d/mQTjXf1h4zkIAqnsPrjFzu+J3GuOefjlpIb\nRgDYGVx98nnIcKkzIiWEcr/leTr/Sba5ZW5ouEZMGmPjHZAoc/ehDDJu1L2V\nQawfuA5ac6aiqHBErdk/HH/Kt9YAz4c8SwUFMFv9mDPvB2xEfxdJF2/12IiI\nh+3P2uKlWGhpcgXDvGk0sUUaoNRU9iDTnVbq5LxbCinHw1n6tjfrma1D5ULf\nzNHA\r\n=O+u5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHuZ8AF2vPU7019Zafws5EFY6ZkDRtWd0moXYkGrZb4AAiB19ywkCERhjgk9tr2kpb7WavSQrkaT40qECq8dKYfnhA=="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.79275098.0_1619110235095_0.02084316823280785"},"_hasShrinkwrap":false},"1.5.4-canary.70655173.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.70655173.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"70655173a623b98e62414a0e0e322b1de41af028","_id":"@atk/mise-ui@1.5.4-canary.70655173.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-30cFwy3NsysUke8jj0CxmNc8D3eJ+g9N/TMokkSd6TBFL9SY00WnkEONP2qFBOCJbjdTjXqRISCS3geIL9Ylkg==","shasum":"8dca6c33cbe600b0e2a78ada2c9cd06d0df8be99","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.70655173.0.tgz","fileCount":224,"unpackedSize":1490938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgga1RCRA9TVsSAnZWagAAqwwP/RW6ZoUBB06EM94mGNxw\no858tZDvsL8iIVhpX2zu2+MWaNZzSI4KnghI/nQa42lhJKfLMT80LFXWzXd7\naHYq9FIrol0pJ8kGh+lhRpeumXRx7UKMvsAZE5i40aJ8mTE51NQ0WdCj77wh\nmqltn/nuyv4wLPkDiUGxvSEsH+6ehpewTwvqZke1BqSVusyRzkV4NXh7kt8P\njMuJy/XDPO2M0FSPeY6KVJxZcOf+8QcojI3Y6TlJXFyRjzg7CeaI40bR6TBO\nbRO2wu5/bFyDU/xVvWVurxMVVe0rvJw6LJEriW0xH9mvvwmrffqGCKkCBCo7\nJgrnE4N3uEdUg0ffPAh1F4mypADHsGf6YM2ZODBP8zjSzS3OTOiXlk5Xpy8M\nxX4fX7dZfwXFJiTIrigv+URAAo+LQU/LXN3MN8hPbHw/Fz5s68cYd5C3h2dD\ngiKP1+xm9gq7DypwLKGCVtSt5wC6+UViVDtgoxtvzP+qk/c75B1K7M1n32zN\n2z162+TooxS3lX1q7EgRKY2U+kdpnPkXSiSeUGnYnZCw1dh1DTfuwRdl6Mhw\nNGJ03xqltQ68f1UHL3bSnmO01s7jzSezXl3mirCRO0BKwMto4ZIhuD67MYhb\niPaNWqPRjc/HzaOO337IU6lFQyt6lXQACJY8pxV91TeOXIwknZgZ3cKhFIi+\nS5eR\r\n=MGcb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh76Rg+SztqPTsSs+65IWeQI9LkHWnx4okzlAPP+FyFwIgEf3P9eqldPRsENftctP1o8w+2OqTAOGkgCMUMfC4WiY="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.70655173.0_1619111248789_0.6630915412852938"},"_hasShrinkwrap":false},"1.5.4-canary.37594739.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.37594739.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"37594739ba9622a116667a8457d98e063e183fa7","_id":"@atk/mise-ui@1.5.4-canary.37594739.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NAoDTahsrZa6RR/gW25vwVPDi/sCv82PFmk3W/qv9KNm7xxSWAj3CT4P9SCOb3TfgZ7YTg1UJnKsTvwUagYyzg==","shasum":"01bd2f0c87422930751738ce95bc87e94d5bf3eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.37594739.0.tgz","fileCount":239,"unpackedSize":1454098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggbIaCRA9TVsSAnZWagAAehIP/iEndk3d3MIQWyOx3Rzd\nGvlPOqOVY9Au4vXLyI0K+cBpbSwvc5jbLYMw+TIogna5sszhdbWuMO96vyRx\nQDqsrzSNzwdF9rWqDKkJDdhtcQB4rWgRytGJjvUvRx9tHAVHQfiY/BftVMZs\n9xhJGBOSTjvY5NuLK+C33sugUbmt1dpJ+fotOYMzYVd02TX3gcMJm58Z8J7X\nQtAMUTK4suZuSjT+0ocskR2Je/+n/1q5aN0Y9UO6AoNBC5CZowImN1DCZ+xJ\nx7Iib+wHDl0dElSuTqaez03JyXVnTPKjBLkOBfFhhw6kE8eZjqGpm7qRR39e\nCNrG3Peph/SNkp77a0wiH5FL62eUhqqzS5tyiUKwouFqrgJbbAyWxbYyrGk0\nNrHbdVXIbt+fjGCA+CznOJo/lasnKyug+P9nQtT5Cn3as1VZcUuWYls+Tl7o\nN8XoJURdWZvY84qGCGVwWM/IN0dMqgp8tod8IjMJX07ifNUWWH21bU0pCLCG\nLgc5fKY8MeZ7yvUY7BhYJl05jv5xzVWrQnxwY3PR3COEhrb6dfqAj2hIweBP\nXRVlYXjjV3CH7tx/ewhIXThIFQmMqVKFHE/ZB8oyKls7jOu90pQcSHdiM7GN\nCUUqMV4twoZUHRuHF0iC7JyMyavwFO0vLreaOc4jKS/2CEABpKh1KndLTTUh\njXbs\r\n=dC2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1ulslOi41SJnS/6yi7y3Ryuz6chSn1znBARaa34V9LgIgSoMkZx9iMj78VfqWyNGxX0e2zcwsro3+U5JwCHJ9dFE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.37594739.0_1619112473591_0.6679940210713802"},"_hasShrinkwrap":false},"1.5.4-canary.a548f0cb.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.a548f0cb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a548f0cbd7c1effe2fbe0094fde515c3f6426424","_id":"@atk/mise-ui@1.5.4-canary.a548f0cb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9NMRQ2E0VGEK4nJ5Qf6/evNkpW50LfQ1eQzWNIlXyTOBRmo1XyznhTvV2bHQdmISdMJ6gLhF3wf6EzvoFXh2Sw==","shasum":"986cd90988de77846957aed0cd5264435dd543a1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.a548f0cb.0.tgz","fileCount":227,"unpackedSize":1506472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggsbsCRA9TVsSAnZWagAAArgQAI34yKSh7OWj3EgUe/jk\nK8cfh/SXnPSwC+UJSG+xkN//fZvrIJI35eRw7Pryihoo7f2ffYy62FvPjEmv\nH/WD6SL2tPJkPgbt8AKLlT/wN/+SmiSBQT1rkrweKFyb2vuuQ7ceU37okxHF\nD39tWSYPO66SWbBXBoC3fwkRCMrJD9qH5/Wyj0DdiO6GPfCHG88OO5RTS8mo\nmdpBZTln4RUB7nhz4SX9Ih7JruKOsLqi1m5VFrU5h06X29E7hhOHcEzpNdkl\nBIvBn+xUIuUO+aA0JI1oDb3WKd3kUQLogoG+Fs3bd4fohHI7feYDEN4RWXRN\nWBMzyWyg9JxBv2uzVyYSq7zadKGkmJffBl80iEFX+RITeySyFpGCK95PNchg\nefzHa6LdrzQ5zGt23zZUeJmvTevpeoLjGVEkV8rmoyJhvfSQKRD0X0WER8Dj\nmbJ/1/lEdb2hoRPQ3NqCmM8NsY719JFo0FBTXKfKDZuyEi4H+MWyO8cI3cnG\nkKTeYb8gXlNasYF0/F2T+6eZbeK9Va6LtZ3pmDdfxvE5dJciAcnHeh+BaAsy\nhbITDwTrPW6ipKOLAX280Rz/IuykzXCGqsC7lzk+9XyFkiZfZ5tTJpuPNJOG\nHlXVMFq4HYBKHkhI2z9JZB2hU4nBRvpdkTvse9MUnBicPeqlJhr6O/wCkejY\nIb1i\r\n=Yh9z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkOX7LOhuBqASZ/LXopF+jfFkVumvpDdOMHw98RhjiRAIhAJzZQ/zA22UbaXqLHKDHAAD1l38tDenGvaRvydOHqnGv"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.a548f0cb.0_1619183339404_0.5008048225646926"},"_hasShrinkwrap":false},"1.5.4-canary.9f83fd83.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.9f83fd83.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9f83fd83e6ceb5344ed1ed7736c81e2afe204995","_id":"@atk/mise-ui@1.5.4-canary.9f83fd83.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s5P/RuVoRHDKbDpdjMxOFIOUf48jAvyXOA+5Va1MMcwSK+N1V70Ndy8VC9HiLDLVTHsca7cztOzJCew45qQtSQ==","shasum":"374a2fcc40bfba663e7a5692afcd4a28ce2c6776","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.9f83fd83.0.tgz","fileCount":239,"unpackedSize":1455178,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiDafCRA9TVsSAnZWagAAB/4P/1F52Uoamd4CXrOsfWzt\nYq/L+sX7fVGEaDzYGxinH8YTlrbeFzSLY14jotU4Uw+zj3HF8I9rLdsIrShp\nYYMPAn9vXMq896d8H2baWRoElbwYnGG3JbjjPWFlaOgwacSemHZu5j/S0xv7\nCEiUcNgEOP41p4RpKeywePCCkAp+AL+Z7yhPQ0YaJO0ioQVItr32adyZGSfh\nadcviNaocXL94NP0ypyFy5tKLVhV+WqEmNYcfmFsYbZ4mCdvOBIA3kfBmGbr\n3M2QSgCTuOuQVfqpgsccL6jXJtoaIoRE0KbQ9j4FV4Q3y1Tcp/fEvVJFBCAd\n5K2UmR6o3QZcxm8EiyQx9Wuat0uu1dNDvrUiOGBkcXyfUxQ0GdECQlRs+KBe\neAxxslhhwuHxYI+ovrozKNPtqZlFBHreyMKfB0UG7f/KMBXs8Y2df2HgXP3S\nh2yooqy+tvfZuEGQscVcYg2//JI+r9uLJzM5mIlvrteEs4oozm6v5COzJ65G\nueaXsUMqquwzOiOJ7cOFnj325y5TokJ0arbLZSx5W6ZtmO9xuMP7ymxC+f2z\nzkl9l5bXvhPkLb8D8ma8ZB0a9c1rJ69fawTKIepGIHAG28GCB6zUFuEE9Ki/\njuGNkXtGSi4Z2H4GeCQb/2jK4z8dLhogpN9MfaYXGqce5h0yypLtdezy6cTM\nbJue\r\n=dt44\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICROJXkQb5AbSvPSzPN4Ekou3K2HQhtI6IDbgPqgTxFkAiB0DHdlFMkYvgJb2KaoM2ycSLoHe3g0jii6ZTUkYbmuBg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.9f83fd83.0_1619539615228_0.11886793083802893"},"_hasShrinkwrap":false},"1.5.4-canary.7736058f.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.7736058f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7736058f8699bf084b9bf4f62b3307b8a62f2efe","_id":"@atk/mise-ui@1.5.4-canary.7736058f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SOv+dY2cLPhk2GOa+ScmcrXeqIkFdWIpPAHrK/6bJnRFF4XWdYqKgGlYOlSxpVAo0BBvDgQXr1WXruFU+n3ZNg==","shasum":"d33a5135c21bf5430a89c05ddfdb1e1b0ffeddad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.7736058f.0.tgz","fileCount":204,"unpackedSize":1352561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaEiCRA9TVsSAnZWagAAv7wP/j/6d6nxSreh5fWxJMXM\nfZ0Kd5j685A5pYgXhoKObuKlfQVFC82Lug9dcayIuKxnqcoPRsk/rRYfqt0O\ngTEZ7NSkGDT7MtQlWo08clRoFFKKl7gVqaq2dL+Tt4dz/+UJFsvO+CpZY+jZ\n0X5Kn5bM4mWxRii8tbxlszD3aOQYqKDKpXabDZ76AvQldDQ+xjIS6ds6VcjV\nIWSmIdXQxmkTxniFgyX047mWDDMjRywz0Nl1dmA+LEXay9gV15t8MyWvwIe3\nrmBnnw9SQZGetH+Rkeuka0Qb0oTghPst1e8/1VuohFW+JIXHsHWsJXAyklTx\nJAycLqq3yAbxIdGVod3/pMNTTl2giXuUXrOolp5QY1TtV/dLp9J0j/a4cpwB\n1k0DTOtfpSzk7rT418Y2bUOxcSdw1eafHVT//CildmulxKN13kiQsfV0md6Z\n9B5oMlTamJ+EsSvgHl5xQpC0cijZaToC2rJ5d6azv5O+lIYwrGurmBmvTZKS\nkUPLcYUfVF/OwI63pQGlNu5wwm6CnJ/sPU9hL/UUKoU2Y5JVZcri+rbwXfMi\nwIZbgsbUXkKSgIx0y2zIBgBn9vLZ40hy8JincEnxkqm0oJd+3En0RS6l1s53\njlDD5QKdobSlD2hly0eSwnKCl3/MC2NnBgcZ+W3pm9i5hVJ3Ix8lch8sJUHe\nlZsn\r\n=XaW3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlW109TT0qWI1Pf7/d+poeSmrrsm74tpmsfySFFjI3GAiA1XB1/Acf7UPzsAieFqYgnvQ/1fJj3ykUpHeaiphDnuw=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.7736058f.0_1619632417826_0.09581132590392794"},"_hasShrinkwrap":false},"1.5.4-canary.8b098b49.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.8b098b49.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b098b49012d562a1587ae538ee61cd73e2697b4","_id":"@atk/mise-ui@1.5.4-canary.8b098b49.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-C8xDrjMzKBMdKo2bzAo+PS8HnQhU/oeUXBiu/6YdPq3AymaUfS/OSt60Gyqx7VQ1o01HrvKFbViuzQDpY2kh5Q==","shasum":"12c4e82b29838af618f997e813e0e5693d9023c8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.8b098b49.0.tgz","fileCount":239,"unpackedSize":1455688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaKWCRA9TVsSAnZWagAASrwP+wR+fbeN41cZo5NtpNUg\nK403oBla76J4XR7OEWiEd0FSw1HKMAWV0dLqJdtdMT4qoROMA3IY+qio85D/\n/IeEbXqlVJurO+jegS2bllJsoRkyejsbMf1qjY22qWs5qVj+/2Gg/7H4ZSzb\nJmfoW8FPUEt8GL/cfojp2PndyZELuhzR/6ke9oNQAcykFcxq+h4l+plUIinC\nLPhlVsappYfzZJs3aKTK5Gdx8ZaOH4APmrOIEyQgxGFqk9HVZ+WccqywRESF\nzrx9xSlkTd7+dl0Ul9El9q8kcIrH/u7q/annLy+GcLvDJsfbPSoC1gD4FyPS\ni+jv9j30K1Gg1ihXsAQ6roLtkhVlkI3hmIA9KkPY7lEWwUL+70UqNHvGINrt\nHo+nHLASBW+OMyuZcjFG91jg8Ql6NNx7vh1tfhFruW0XtzXzNgrbeqLw2aDY\naRb34uZLSwh23cZCDbq8VDJpCweOITJpUPdHfPkOnIOlC/6WDdTIRKRmzUS7\nLycn8aPROyGoMeh2z6C5ibQWAFZuPbPisrXrzhZX5PWIUvsuxAp6hJB6Yxz1\ng/YdaXkWq4X26hkd8xPRjP6KokKPKGexa9qVgFObkoR5urwAUyke+KbS8/dL\nCFHcOftJzJ6kwTYwUGk+WavwA6dNIZ6fQwKaNGmwf+yEQMEqW9vpI9UpmwNx\nTVU0\r\n=WB1W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRMM8CvriH1kHCDw/ljVu5azouOzITTMErb7ofclufzwIhAOIJwdHbFCYO7jJhkamexOsiDKmRebQq6u5D3MgWskQ8"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.8b098b49.0_1619632790219_0.8766315765841584"},"_hasShrinkwrap":false},"1.5.4-canary.8b098b49.1":{"name":"@atk/mise-ui","version":"1.5.4-canary.8b098b49.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b098b49012d562a1587ae538ee61cd73e2697b4","_id":"@atk/mise-ui@1.5.4-canary.8b098b49.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UOceevXXIXnFRXtpGaob/NUROqao/6aZWTRFN/q1VrlfhfMGDdFo8hBR3UNzasr/Ii05Jt/s9y6cuS+cGY3gLQ==","shasum":"774dd2ef554254ad1ad09c1326669c9049d759fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.8b098b49.1.tgz","fileCount":239,"unpackedSize":1455688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiabXCRA9TVsSAnZWagAAnTEP/26Beso97RKiWtti5lIC\nAcb4k3+G0FW09LzBEZhyG6YlmYiZQPWKwIIwdBVn3aVceJGx7XlXIgrBNYXa\nNHcnWA8Z/MOci6CqhyVAhEMPHwJPuMMvnTR6/JYylmyB9NiSuIynnYGRtwIE\n1hKnVVP8jhNDEKdZ5Was+UyNBWOIvHDpPYU8nc5tyrHzgraFUx5o9MLcvYJe\n9jGO+9hDpfOW0oWE/mg2oIeuUy7dW8FeTjqdfY7flJBDt7WkqVL1rmzuHBC+\neeEkCVeFZQjN1pOxOCy3W8qTySaLX9WjzZ7P43y2Z0pQgdC5Ot2gSNIStDdi\nd8NZwvFnfkcQLsj7kqeMzk9a7kSzQVbCUjLiXiEZFWNxl2MeRdL05elp2jLZ\nk6zktw4Dyl+imZMEN/RRNcmdtMKtJvBoBrOjIJmOAXdLg28cKBQf6DiJ5StF\n9DBcZGpXMSjGVTZQ0gpjHLqZGXD2Rt/zO15y8ms9ffVOoecT1kwKsuO+N0lA\n4i5IM1UpOAessSP9B8H/r2TtSgd120b5ry9PsDTuYs0Lv4FRBMwopO+hKL7Q\n/KlpJKxfmSHGcfxrdLRL4Z6AUkv3M7FSdxPrZPcfSmMb1uRNB74CwbVAKfIh\nUC5Ru3oc8ISyhjJXIUAY7EcOwRDIMUaTHBHRJmD1eQhxQbKi1p6+BThHfNcm\n40yl\r\n=VxwJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzxZ4x6A4Y83grMu6rFx6UeOL8dhALHHFkD8AHb/qKWAIhAOUjmqCSDyLGhMrF0FVKAdLnJzhIBUXy02tSEC+rk9ZB"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.8b098b49.1_1619633878770_0.8672624183351174"},"_hasShrinkwrap":false},"1.5.4-canary.7f73193f.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.7f73193f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7f73193f00945d59bb00fb7de0c3f75fc862f25e","_id":"@atk/mise-ui@1.5.4-canary.7f73193f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oe4DRQ1FysQcLPhDq9+6gl6JtRjspHXkknwMnZ0XDZ/PVpoYCeEAOr6b/AAyProxN7BSkJEOLiz4yvlQla1Prg==","shasum":"c25cf5215a241f5998006030e5df7de654709e58","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.7f73193f.0.tgz","fileCount":227,"unpackedSize":1508465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgirB1CRA9TVsSAnZWagAAwfEQAJNuv3ddA3KaDNEa/coe\nMLSk16RT+wpGYhjITd5/aU2TUQ9gC8wLPWXQjKK5gF+xgDu7zJwtWTVd3jcv\n1nI6Gi6mgp5jl9bb1tzyok5hYgcyF/7ppAYhJ1ycAaetLIUKZtU5fk1apzxY\nDyOHS5B5vsVFUjWmqa9yl/NK1lX5DW/uV1a/F7M2ZiTfKhqL8yFi6FKuV30/\nIvM2qhUpaym+fCuRUkMbtqSo0DTez1tCxvdAquuY+ve52RQL2GzNQAvyu786\nNFIYw5kAt4oQhhR6+wcVKAILTR+f4htXldl95gu2zcOr9tSyoiYNrD/RLK3u\n0tZ0et7kRfDQH72nxK9eWmal8OIkzB5E/5KaUpQHN7RRwfIRRCFtCP51Dd3a\nQRPoRFwkBiiD3mrS2lLcK0yX8mL8jvuxeibAOwHmrtt8gNwAvzAtvnNPUgYm\nB/QhBGhZFo1KsBub6AkTb7p3b2V5HyZQ0FeZNMG20t+2IOUFnltTv0Xv3sp1\njJhnh+Me3WrzMd3Qc7Ixh81YwPowN4lRBKWl6aQ7CDmCQRVX/9JoQy/ACDd8\n/Up4eHoSTj4v0EYgvAI9TEXgVKZrl6e2GvgXEzMy6sa/JXU+mVlTPdOGSv1l\nqdBPxMVYDpKlJ1pKmMTJaZpzhM91maMlSPlzWHQBIlDTGWRhNGDa4DmMVsbe\nOjRo\r\n=zhJy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEc6gzLdZS7j2zSD5yhEuFsCa66S8qUzz67sMQJVvTDQIhAIOMkrSysm95u1fBDGS3lt9GDLlRvTYjQpaiEEjJHIxR"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.7f73193f.0_1619701876512_0.607110296051083"},"_hasShrinkwrap":false},"1.5.4-canary.e5003d67.0":{"name":"@atk/mise-ui","version":"1.5.4-canary.e5003d67.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e5003d67bcf15ddd18f987a393e60b8e96f1d840","_id":"@atk/mise-ui@1.5.4-canary.e5003d67.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OZtzBLhnOX73dfNvV8Nv5QwbCGJqLLll/VD5WWTjK09kCv6IiLUAYpuRRygqetHhfDEeXtTpzRLwZ6QOwjYnEg==","shasum":"c90b61ca442bdf9a234d82d3dd94d6e560ffc633","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.5.4-canary.e5003d67.0.tgz","fileCount":204,"unpackedSize":1353454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgirsBCRA9TVsSAnZWagAAHRYP/j2YBbpTn68WyjcNhgYf\n+2bZb9MStXpKJAbWsA8tX0fiyaPQ+iZ0dlp8QCrb90HUD0mbBhu5a3uzmu8D\nbLvuDL9/eDlEi62/7MEufypQan8FZsKzCEUHl3ANRPoZx1+8KoCwRaT5/aiQ\nlfT9c8Otz3kpG9bJHRB33dKmfek8Y7O/61b7GPNW9m/uycsGH7cHWPi4W2Q7\nfb5gLoQTVYxQG4ihJwm5SaeJ+w6boW4ZtsZwGNLEvpgvhrZhhMfxCUeedgBU\njPKzX5OKya5JYiz72n8iNhHlFqwWvMPz5V86r7lGHKZOfDMtVnUu7ZKul63K\njIjuCdogSCe/VHg84cO/bS8mRGsRpAYHhyzDXlHCU7HMvAM0vjiCFejzR0P6\nGp0lzWF/6GAdjZJZilGzZ1dvE9FGEX4B/I0pX/soqppidqwfA39XIEfRwtgT\n+cSxIGpMdoz6A63Z6nBQQ7wwj7G776Wd1W9zmNL0NVmUGj6vF+cexabLBIqh\nIZX60fyhtDh8OaJ5IVZYzasRLUhEuwDx15lPbtXAM0oxoxgBIfXlwxIOq5NQ\nFZWXVQa3AGMpMTJC1LLv9Caa1mTXI1VNZYONPCMLvswrODtidOKGPejY74G+\n4u7gMYBH7cLviqGDr72i68wgig7+qBXzLo2ZD+OIMYm69wze57BsmDCD0SGw\ndWH9\r\n=P2wM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdD7wwXUSK/wgVhLPcAynDawcjf7rt52dS3cMLtuKTrAIhAKa33CvfjcnbMsuK5b++CEmhFPj4rcDIaKkN+Wqs0S4K"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.5.4-canary.e5003d67.0_1619704576730_0.1947798062839683"},"_hasShrinkwrap":false},"1.6.0":{"name":"@atk/mise-ui","version":"1.6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"d9b2b610e7d53839551b0fa9ca836f3a725a433f","_id":"@atk/mise-ui@1.6.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-x/gPU+mWw9XrAvpBrMdOofEPNLBVQIGaWwMGL0GsdkbBLvxFdh0zdv2LlpXTtZ7W+tO8Fd8cbSNlbIhrq7tZOw==","shasum":"835e18b183af8af2056b6bf56090460bd7419f3f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.6.0.tgz","fileCount":204,"unpackedSize":1359430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgivHiCRA9TVsSAnZWagAAIZwP/jUIqRH0rYJ9IBAfyTYN\ncTDrmBotjgAII6a4Yt3v7SBlP+Ach0zIi6kQoyGmweziXwjtwiWT0tHabWLF\nUUfq8bxDs6uQdIAsNDUPwrqSnZ+UjNLiRtt6KRtuionQLwYqPjbzDvCXl4Zf\nKgvIWRqemMyJgP5+H8gBMXe5Au+Rc5waqzFjZ3cYfZS+Zq+X9vS+g6/QQ3I0\n/NRpcY7SQkyR8m5vz0haKt8PSRH2xmfNCXMusqHD2BDPAszL3usQMgSTUihm\nTxV6b0sL05ONzDIhcjpw91Zit6OC7pBPyu/Kn/4HBmJ1YTAzcmWr7b7rG4HI\nZJKVIcczhcUtrGv+Vj9Veu4kkLB9tkYg71uXgMS7aJQg79hDJm5M9L6U9uGl\nsKEtxappS41BqpmiLw1TLql7QRy0ml611ivIPPmZC59nGE8kO7A6D4+c7dWB\nMtMO3ZJh0JcuO80nh1iY4tXk4v/AEm3gJABxmqU6TIuOVNYvSwxrAneVnqCt\nAgni+o2Lz8n09lFjBi0xxdCJicEzX8Bop8UFVGXMIWDUeu28Kx6SXu34JspI\nBPR1tMaPw7CUcApCVsBB+Z3BMSqpkxLYoAsBhMWEFXG8sTaJqqR2EIA31Jsx\nZLoYSS4GhushSOKribQDY671p7Lsdoe4kvek746/I/4vOSH+IlSRFrDzjTRc\nhPPr\r\n=VAYh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjCrkk2UpNHzyKYFtF/ZSzkFedCzdV2LhVyKLvvAOMDAiEAugnCXqmnUjaY9jweZZtSTncxV2x4oWFmwG5Mih2ZI+k="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.6.0_1619718625776_0.006807039528724745"},"_hasShrinkwrap":false},"1.7.0":{"name":"@atk/mise-ui","version":"1.7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"2a5c5c980306fe670900ccd0638e575854d08aa3","_id":"@atk/mise-ui@1.7.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-3EGlwNq5NyToIEIJ4Ece9L0nSOO0VLUIp9F/zwlWIhI+wTQGHyN4PeokwTBiA7eC/vkAX/HYS5kymHFmkCOeeg==","shasum":"7a33c1c84bbac7c0b4ab80d2c85c92ba367046d3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.0.tgz","fileCount":204,"unpackedSize":1354000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgix9XCRA9TVsSAnZWagAAN/kP/2Th4NQbNHlwp2QWIiaV\niqnL6XE3/6ZokS2mVmlJLpgj4+0RNTYevp4WL4W2tWdsCjx4AqRdVcrWUXgV\nt6/NG76B7yXE8qVMyMsIGc2iyGSLbG4SmU6P8V1pSSAj1g6OsyOZrC3gH5NU\n0wBklxNfpCJzlntpghh8a5HvBDvUpaBhkosiDxKyCcO/IgszUa9VxRXr+7cP\nVWCE2ZSQ6QZXuifYcUKaUiKs+i3fphg9r6fu6XkeeGBbDKK9GZh6D89U2UKE\ny4Ei/Y1fmLfV9+VY6BXHI0/s1tVtDPqVTsYhpdeUi6Mi5/W5Y/ib6BMJKb9S\nv2JLZIKKT7o+9gTb5eIWslBtF1DVEQFOiOJrs0h49eRLtLyU1+crseK1iV4b\nOVlPBuIrmoj+1FiikACjyrCorf5GS5+Q/achMivyybHFQUANGU5h1P/rDpfF\nR8zYYHJkphbXrMMz6bkJXd2Vz0pxg/OUerWMtIL282AKEjG8uxBZFxUDFeQD\nXdT/kw5SXf+C6OnrKHk3B7accO+PJSZ8pdabqMM1PAWU8mMTDch1KSUWDilF\n9GI3kpwcNeDcRS23pUgN2LUs4JDaK1tKJsPIcC1b6gTDMwNVFkca+g8r/i4F\nsn85VLn4WHl8MUTXvhgFyJe3NodZSycnoknXpogbVuhA6k0PxOcpN+oKuZFd\nx4Z6\r\n=zieE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHhJI8kpz/gWmQKF/Bg0/P74CEqpYvHxVIWN2gm0krrCAiAiUF3kKKqVjVXLkhYcRS8coyHIBR3D5rjJBXXmki6aJg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.0_1619730262564_0.9392037936107094"},"_hasShrinkwrap":false},"1.7.1-canary.b5143dfc.0":{"name":"@atk/mise-ui","version":"1.7.1-canary.b5143dfc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b5143dfc3097649554454521c03ee43c7aee2994","_id":"@atk/mise-ui@1.7.1-canary.b5143dfc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LCm027UpiCWk0Nfqa0sIbsLZ5Q5uCnXdSqs2bbqDlZM3KhfaylcvZXOG2VU4DhFiS4OnC6KZGY/sTWsA46Ihzw==","shasum":"f99271b6d4adead8816b13199485e7a6f5995c12","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.1-canary.b5143dfc.0.tgz","fileCount":227,"unpackedSize":1510391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjA/ECRA9TVsSAnZWagAAHrQP/2RRvKfaFmmNjwFdGy7X\ngHnZkhvhcOKqSap0dbplTAp2GEAYUM7XqHKJ9dHBpyysdWAGVnoXTP+HTR92\nngU3x63UYDhKlfWbkzrng+9iWHNJszBcg04ktW63NvqzSaEy4WKhqqlsRQKq\nLi4XKqDIvNYJ+0SmKITQC3rwW3iUaAClf+AO8SJaqNI5QSJkshxOWTCO7tT3\nMhXsX0y/8qvRaA6knN4Exjs+YVYgLvuLKRlfKzRaHVfGGs/0c0+EIpe8KiiR\nmh/BjY0Bq2W8VsSlNAGz7aFxDLsX3AgdIEoKSOhkX+YHYzIhkMW8ruZRX03w\npzeVadiREfuhMYfD5QMMvL+jJN8i5apij6F/ggewZeweQKPmFUT9eGQekUfF\nvNREmKrviMyGwDKGcPWWHpFSa9oTAvg3bEKN4g8uDoXArblpfDKN078dh/7+\ndVFDT+oCD8spUFHMfOZ4MYVrtFx1NYeRp1kVOjYHskfOw0Yto4kPmeJA4Eaf\n3lT9ZV4a5RHsfCC719OWuXS3teXXMEZWI9jJQZkpGXwq2AGndrFuWiAogwyV\nbolKlxKQa89T26bs5L2llHVvFCo10FXmBufGPMNONp3xgsghjO3pQjNDKtOj\nbraRCwwoKknEwrztdB9hPzzzcX6hpyQQP+harCVsGpHOeUOXsKd2LAGngr7E\n6Pt3\r\n=1Oe0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHTqdFHS0MQnZocutCy1uxszFfDXcDAB3+uSy7a6tU9XAiEAx6/IP1lV+yapICS4IKAm7DYj7HE6axZCwrstHkPhRB0="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.1-canary.b5143dfc.0_1619791811928_0.6313659612432936"},"_hasShrinkwrap":false},"1.7.1-canary.a4a9d052.0":{"name":"@atk/mise-ui","version":"1.7.1-canary.a4a9d052.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a4a9d0522639287ea7b7aabe4da5b94de540b505","_id":"@atk/mise-ui@1.7.1-canary.a4a9d052.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Bsvp+/8xCCqO13Fqw4QmOxGKjRhT2KzwteyZRqkBcx7j/CqkMvEyNB60ksXHx0GPS0gQdqckeM3wSWfEjyPY9g==","shasum":"9281c70512c6e272b4c1ec214151793a68cdbca1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.1-canary.a4a9d052.0.tgz","fileCount":204,"unpackedSize":1353834,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjEgpCRA9TVsSAnZWagAAbOgP/3kejR7fNYasekJr6z8Y\nrviW7jRfXzk+0Hw7Bx0Y5X0KZy6ES3VgLlQJ6VTIUZSZixvHAlREaaIXuce1\nGqTCeJWZcvj0/twYTUQX82EvbxzHC6ABNta56T1qFCr5Q5mCrtlrSLK3f1mD\ngQ0wj6u+pJ7NdiWM8DNvfJh3wsxE2lBBQxY6N77TGQpQU/aWu5WcVIwbh/J2\n2Rl0WjQMvBDMRmy45Ucetx5uyffZTMTIEB65ZX9n/WTV9uQPq9YFX4r7Oz2t\nECiLZs18+aoUelVtmWInBiiQRo9ntWrpEoRPUJFjAMzsi7SXPn5wU7rLZdYb\nJk8apJgrF1zWIaN3qk5n/2bWU3svbJiLhB9VRFVuBBez0baJh0GOfiFq/myM\n4W3dxs/vpRMFJBrby+EXnScrP+x5TTOS7nDV9Dz+BgWNdgre22zlbXxFRkDY\nLz5VUWKwBe9ga79wXR0lBqvJ0+uhttNu3hSL0lTaq9pEuwAVW1NOW/CcOl/w\ndPQpscHT12f8vHYQInxgc2vUoyirMuUTyKhyvg+X9HLxsvi0/KET7/6xsRhs\n9KMz1B0C9WvWZeWRn+fDTW2kjewISDMcwpTatA7oBUU5L0CuOeTDXpADC76z\n5icdjc1KuGag/rcDMCXUjK/e0ECJy5SH1CoSRD8kHRzzm6xdn/4ccV4fnWnG\nnBMf\r\n=VKVn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDE6SV4CbvRqJ1yEN7EP7ut2y3dFVmCE0YAa2Mw/pghtAIhAOV+DB4uQfjb+QfjilQCe3DSIkZU7rrCbh8EyfsG4W84"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.1-canary.a4a9d052.0_1619806248996_0.033043954822986166"},"_hasShrinkwrap":false},"1.7.1":{"name":"@atk/mise-ui","version":"1.7.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"b098e2c804365cde905039e676c135749bcd3ca8","_id":"@atk/mise-ui@1.7.1","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-N7SpxywwWIZwZA0b9aRfdGdHbOr46fp19lT/XzWl7pD5HcxlS7PriUMHCBCmbuYuWvAePMBahCrdkW7hefYE4w==","shasum":"0c60b96272b282aff8308ed56777c253301fa2fd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.1.tgz","fileCount":204,"unpackedSize":1354663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjFcwCRA9TVsSAnZWagAAI6MP/ReHDXOPOwIlBDHDILuC\nPBDh5YfJwzxv16AMcD5yHcTco1nY6vGbRLXh9V6IKISCEVa2fv+1v3SoGC/2\nHQBLApRRWT9Er3hyOV32QSX38rOgTynCSRggsfeM0bYNuaL33ztG0VWg6a1d\nBTxlei3RqNROV+UrLlz3DifAOwJkVI8odTqx8KPk3Mkm1tWtgyb7rzM/Ifl0\nFAYfYEe/+YAysWzAM0nNNfH1LEUND2lVsZDC986HWwNsyGdfjXjcyFUBk03+\n2opj/YJzOdFRpkeH9eImEDLjQ09g6mq9//ltDsWhFrnrHLPIy/HbqvzIO7vp\nOW3o79JDLMBUf62b1H5bBl0G3CqSye25MbKYUmgc/bAUVa32yDX4duUV3zlm\neFh6rpA3k/mUegjcM9tsdveHd/W0BzA/YAemdiufGQ4FFYofaA/Y5gHdPExR\nb0uWbRWqfbxO/6+q2+CoRZBP6Q6K7ysC4WW6Za1iMd4NpQUqUu2kbcVB6Dml\n3cIfooFWM39wtq2ZbWzC1hsUh1HURHjw0bfoCNRL+bS+W794uNtM05afT4UI\nlebvn0sQ7ToiKNMCWsmGofZFd4fGy94PwGkyq6bnbcw4PU1apkhUPpHnjlLb\ns5IsnB+wNrwyR5gtzpRBZSxe3A71oQQTflia2Jvtd0ncSl5hUMei8Jvwy1VP\n26px\r\n=RHBp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzJ3p4MGmWNCjWmprG8gUSUsXDOol0mAXsGCO6KmpesgIhAI1M7gkEQyqeF2fDyAFOohiyim7RpQdgWPPSkwTZeQAX"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.1_1619810095854_0.20111215768080615"},"_hasShrinkwrap":false},"1.7.2":{"name":"@atk/mise-ui","version":"1.7.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"e5556265187fb6702eb71df2a29732ef3604a9ca","_id":"@atk/mise-ui@1.7.2","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-akzq1kR4VH2D5xvHIjZDzhmBjs2LUGge7E8zimfrToDePtOLRQKCK+4vE5mnqUPIcihVbRKiEFiJ/vssWo8p/Q==","shasum":"630bba5ae359ff231691446d260b18dbe43e7d97","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.2.tgz","fileCount":204,"unpackedSize":1354768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgj/5bCRA9TVsSAnZWagAAiAYP/iQnoI0S9tNlzpAXLqRT\nHRp6rgULHcFQ+L5nPLdWzRQbmmE/z1WSKy/FhQccAjeev9BF9YJQdGD3JYNN\n79V6HHCfoGOyrBrfncbYYLT5Ke7lMzfDOI/9RBx4CEXhW1BgRSF8tIPbqXKj\n98NHgxGVV/kjVTfrPUBm9qdhVOrDRE7eOucBvet5luw2u/gz8wWvSuAfnWz0\nMFIDDGIDAG1dLwUfPrYZds3T+hmarYmklo9U5+88vEQLPp99FfQYFDckPJDz\nSdHUdwsX/qZhqBBVxi39pLd22xSoTZpRSAoqS5Qw3fmU/IE6cMWljpox2kxk\nnm0iS24qA7staqunRma8XQl/vp70KTXg+VKR/XPl7cJaEkCHGIcEUbts+Mnx\n+1TAWOWDRyvUWl6/o9cHtqXPn3Za0KLj9dWNstsH/1+YBZugIREouKPAcFBX\nwnFm9M8O7/qC4v7TJNH8FZsqBDzcZB/oPI5BJhWEsqt0aniEtDCsuz4WpNX3\nvWIJgEugbMQeBcYs54CaG2kL/rdrAHV9VysucAm1gsTF7sY8vBS+XOoERxre\nhPGDvXfxKwzjujMwX78j8CWwjkLUNqJ3qNHcnD5TfG4vGgJz0KR//0CNIDI+\nh+mnoxCcDQSHJYZNkfzeBlY2s5YQiz7qRvvxRzHG0QK3oaB8zTAuEKFmhWoq\nbzbL\r\n=yTNR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG07OP0IRpIdrpn8uNQGLPvg+J6B5jj1ogRUCpKH3KLGAiEAjVEUEYzTvy5muWJdxtDrZ5Kcf2MfC4GuXGYuDBrsBdY="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.2_1620049499039_0.012078776463471552"},"_hasShrinkwrap":false},"1.7.3-canary.a2650c07.0":{"name":"@atk/mise-ui","version":"1.7.3-canary.a2650c07.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a2650c073d9c3cc77127c70d0b888f72e62d0638","_id":"@atk/mise-ui@1.7.3-canary.a2650c07.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wJrQv6XAvJJIbPTNt4LjfiRh2rBsb3dvDgQSBEIW9TT7Kp8sL7AdkHfGu0NSiLFCFkQ1ylKpFMmsDCAc6vXfSQ==","shasum":"e51c4d02440446251657db090aa0f636f2255ae1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.3-canary.a2650c07.0.tgz","fileCount":227,"unpackedSize":1510501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkAq1CRA9TVsSAnZWagAAyAEP/0r17CucL1memdJU6XOc\nbe/39ZBQzth033zqb8ZxIzY0cAwqru6TprnJf6M39MzzTHUik0iZgRZesYCC\nnNwkPrkLoFeij34Ph06zEX+wg4Ld7zgOpBPHMlpsZklnKRWZBOpA+vbtH1zF\nNwxKBNopYfIq2TRlNR7U7iDkqzhhGhgDJR55d1T4FhrZUH7a0yX8HHX3HT4L\ng2YlNAWZogdUzmaRBeJquzOp/NmhcS30ttWux2X5Fr16skvCsgGI/gExycEe\nOCHJpCyRrCCTOKN8b81RAivGZl/m1wDY+VINLaOoBhVosSkPZst4vKKq+Cqd\ngZXHilywkOgA7vREgq1R93NKP38NxKXPYLgmyoreb41aiaCoyXILNjmgyn3u\n4nkSEcqCraHHs5mzQkRBgrXs7LjlwJA/1qjQa5+6ROE+6lShKoXtrskC7PRH\ndm96mn3P7wXSzCGF3hCLXU31Ud3zaZ4ifUi0BqIjTBnMVkk/5m505rsP2sAO\nCA+YOndeRLXLsAwpljRiRSi3gmiZCFM2Uh/Saq3TR9CiTIXuIGdYB6GkASo2\nGUS9pPRj2trOMJIiP0XUp8vMAFhXYc388ynG4cN1r1ytzGU/x7J+AgHvIYJL\n+0LsMkOpQVVpluWwa/MzD90DRt+G1R4yt0Dwf9D76yo5UqPaXoip/A6xPMtT\n4Oof\r\n=atmz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDT8GAV1NPhx4wjSIvpPPHbaM6v2KeWqrTzU126sj7Q+gIhAJiXKRkGF2KiEX8wmWe3FvsbQenZ++YOmRB88bO6g/IO"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.3-canary.a2650c07.0_1620052660712_0.13717724309900392"},"_hasShrinkwrap":false},"1.7.3-canary.07c3fc90.0":{"name":"@atk/mise-ui","version":"1.7.3-canary.07c3fc90.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"07c3fc907f57a1597f6c2cda050ef477fe1417f5","_id":"@atk/mise-ui@1.7.3-canary.07c3fc90.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-RHCanG4VlG5C5MKMfSEbhw7C79cqRUOjNuUfUyb5k/SuPU4m1M6dLY+oe345uEwZEuFfJscRmyxcDu/WHPX6mA==","shasum":"f78706cb0a7fe93aadd91a5b77673110b1e2e6f3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.3-canary.07c3fc90.0.tgz","fileCount":204,"unpackedSize":1353795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkCh8CRA9TVsSAnZWagAAPJ8P/RwPczTubywijNpXKZQ2\n+jsm6rSX1MiFiiIw9aXu+To6U5SBxEQq2pV9DSeLJtyd8yZwplja0NuZh7ZA\nLI0YUxK4546ey4/jX8MHnL/3ejMrPevLQgIU7+Gj5xX/7oSE3kZZdOpDEHax\n1mwvsnwn2N/1OcMPXfTzJspuJertuXFgPjXmIlLam3mf48bNAOjW9HSBk6Sm\nhpVFNXPqf+SHwRiasZfOK6qAAhFUAT8g3yQJmYxAuCUAPVbn4/fiM9dB7iNx\n84U+G3vpUvX65ch61ormC0H+vJyPQjKXFlBorsj2YNwOKZF9zYkc7U30POxg\nzkjoXw8dYNAs/C2G6f8UIrx+G/vg0LD2yQMG3AXhZcxe6+MJl8GuI+ijCUIb\nIW1fi168kVZ1LdHs5U5vRWmw5klW1CTFsdVc9WCoQNpFWl3DN00+yyxNOBho\nBfCFkr8jLa3cM1xMuZfoQYoDDnvS2VcOMPnpy3W0NDnar/+G1Wcq+E5iQ67w\nq/q7A9QL6UhjBDRp5YpwvbjQrhTY71v9CafDGEw6ETE9tIjS9yslILu3ufOA\nWV7J2YNgJBCCPyeZ49BJH3UAfkQGe3lIrDX03VBR3go/B/a+GP9+ra8/HS64\nV4rOccEyJV/3cVeCzuLGdI3yDsJB3PmdoWWqkwlF6DYTrex8NoVej5bJ/gmk\ndKvL\r\n=mfRB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn6/WjyNTRiWBly24+Z2dJ+DUMYqFBi8HZAIxhpKs9JwIgcFjdcGo4GIH/DkR19s0o+4PdtbPUF6aCb1B1dOo4Vf8="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.3-canary.07c3fc90.0_1620060283437_0.14532022341532747"},"_hasShrinkwrap":false},"1.7.3":{"name":"@atk/mise-ui","version":"1.7.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0ceda6df74729bf329a79dc3acc23c34d234ad6a","_id":"@atk/mise-ui@1.7.3","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-jkRwfMHJJUqVLI8uoCgLYDMSDeEt14jDNbgWXgLZ7YIteO0v5xwgTrDm9sY8v+RHy5RqFdz598BgX/Jq2Oa5dA==","shasum":"04c02374663772a460880fc26236119098bf9b27","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.3.tgz","fileCount":204,"unpackedSize":1354554,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkEFXCRA9TVsSAnZWagAAXkgP/1JnjCJ7QJDVi6zRCt+F\nDZHfUogYChw3u/x4Fyac1XFgrctAF5U/Hha8FvP7LGOLRjyzoNI3BePgc2cV\nCsLk5kKfjHtUeMWGtBCb5Z3oerWE2mRtbf+tx0AnpuJLK8AfvMAKanN4iGq0\nYUaRyUSaU0C9g+G4sHSFwgqK25m80z62bnB1UXIetF+e3dk/33VDP0I9LcTv\nNIyZzXscC9YlADEN/XyvqzeDPKwGQOyoR5YYMSks4vtnM9G/yeuPh9cy2CEk\nu9rh0uIu5nFnvxP3Pdec56rxgKp99XqtDUk97CAdYmiofPpo+hNVZqzeNtP8\nXn6ySMaFuhiEB4mRh9NpUCdN6XHevFY0HIC5d8YBwXkfpFTsorGpq8rrIzRn\nSkq0NCczuEknzq4eC3ikJZ4ivt8760pCWaWHv4jOsJjGYcN2OX8vD9VLi4i4\ny4NtkM6rb/WK0vtk6fa1XykAbhEQqWW3uovFOB0CBeruclsGFwtFWoUwoOnj\nb1aap8itbZXlrlKLzZY8UBXseoR4Ou8GhWHKrEq0p+fScG7ft11piSflIZoB\n0+24GZhIF84/GUhpq8EJ6ku8m20sz49ZEqD6Zt4KftM9A/FWrzb4fLyWrFDx\nQgdw6BaXv6BC6BPWYt+NrwgEzkHIGOkechinwcMIfDiSxIQi93nKm8DZJUKj\nreYP\r\n=85Rm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUu0PNcIwiK744ntAKClYtHwsXGpwE43uQz7HC7dWQPAIgYOOvkkN4PLLu+LxsIsR5+zuDGuOf1QhrgoT/1GPEQiE="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.3_1620066646711_0.24394670394473983"},"_hasShrinkwrap":false},"1.7.4-canary.5762a2c5.0":{"name":"@atk/mise-ui","version":"1.7.4-canary.5762a2c5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5762a2c570932108b13934e686e85f7f631c90fc","_id":"@atk/mise-ui@1.7.4-canary.5762a2c5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-R991W+pA0OJnoyJ4flKlL7i/m6+CR5BRCjtqACfiRPZnqM8qFeN9EJFa0lU2UtBCdCXsEK4QmD7fbQm+7DM+wA==","shasum":"9274c25674b964765eeb1346b9615fe57b2b0ee6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.4-canary.5762a2c5.0.tgz","fileCount":227,"unpackedSize":1511041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFZbCRA9TVsSAnZWagAAabwQAJyq1PuDJl3Ayz+YEG96\na4GFdKZQ5AE50zgwOMfMhTgfBjxnOYQmm6ZzOOl1C1KZRxYRpqnlbkXH0BZh\npxzdT1d8sf4NyG+9FqiUnd2Ez5V4t5sYRi3W+4eAw7a7PjShyLgyAgpee8ls\nG4huH/VealbMUNA/9c7UqlflTQZ+7WsSveSm5RU4zN3setm558Om+nTom2Jh\nnEoVTnMCu7vm9Yn6E4zStaNIkiBHtmHNthzF6640YoXXkR8/maKZNcMm8NoP\nyfjWm/6o2zVhop0CTkLowuUuXlrIItob7Mjr9CMW7ixblPkOGz+9fJsOZdJo\n3tXFbyXYeBOqfNngc+a9zhRhUqKgnVrIRQauOkMhY/1T+elTGVGUzKQvwVZY\nsSpG+UguaMd6IYLR2+i/gnK68WSL2DkTF1/R8zN0Yic4dTf0RX7qoJsSsgrV\n6wgm6HpHW3qXMbX+g28esQHn29fWKphdGcC0bAWPZr8reuVvS56nr6c76Dy5\nEDBR43iEXimjw9uX/csumiFUZ8135iFeATM9gAgIC5TtO89Bbxuxy8zLF13F\n30wvgjU9A/KWX4hQyb5l32BsjyjgWZ7IB4Fc8PUcF0WV+7Pa6xYolJBOblo3\nLH6y1SfFkL3TTBM2MGHO/4h5RX5OAbrI+Ze/GameAX9TIAP2Gp9G8t6B49lv\n9/Yv\r\n=yoxU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTSG/lPl3vwmmt/65BKyLF0hbhplzc0g523drEIB8PVwIgeVSzKC6xzGXVaSQ8Ek6+oZnMwkBypv0FTqVEfdQKLuo="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.4-canary.5762a2c5.0_1620072027247_0.5265595863817205"},"_hasShrinkwrap":false},"1.7.4-canary.b069dda3.0":{"name":"@atk/mise-ui","version":"1.7.4-canary.b069dda3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b069dda34f76615267dad4631b235b36a94de027","_id":"@atk/mise-ui@1.7.4-canary.b069dda3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ScNICMCcvm0FUNEW7X3yLyeXxv/dFfPhbJuLi+PJ9DeBSKbDbzc5oB1tIo5sCjSc+YYJ3fQE9e9gnF7+EJQecQ==","shasum":"f94dceffe85f4cf06fcebea34b878e34ba5428ba","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.4-canary.b069dda3.0.tgz","fileCount":227,"unpackedSize":1329621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZD0CRA9TVsSAnZWagAAk10P/0NMSGdMWRGRZOAWRVEj\ntoqlERixaol1MIO5SeGS7u906uxo36hhELAyhQgKLiol1t3PfwThmaiGVlC3\nAYRz1nUU92Wmd2MWklVuhX/1ob2Su7yAQgPVNcNSwmtvROHuqJJMkOwz6khr\nmkM+MsKhIOZVtNx276EACAysY9zuNDxVZzi0PSvAchAQnDCzJdRBkWiqakMH\nR9Cur6t6RWi/2NdQ1dbdQ/2r4UEm9KHRQRmbCRa+xpKyMKZrJJNvmDamTXJs\nFILxUWRRNJDwCCMBgOJTVUHPab3aKIPbkMKjE8HLsqNbK37OAzFbMazvIHhW\nzyF1Iab8ETt9siGTQfWlaylWy37iLQ+zaorrFbzpizS84Ay/7LHpwUzHApbb\nVCCrsiJNy1fdN5PczPYkeSWIbJSZzj4G56f/Ylmvp0wiUAq6bQK78ssVLv8c\nubMPR/TiGepyPPSwE8A8X5MK0uUhkFHaGLlbEDcmD6smC+WJGbuIdYoSEaLe\nXJdWoMTUEVtk7HOZNYTcVJZTSnjIA1f7d1S+5Wq6riJN1DOe7yHLOIBjx84F\nMg0mbziVPxxIVQSBwEpYoNjx7iJaa25q69xPSSPbYovG7geH2UhmEc/Fs6jy\nq0BGoDcimdogBPAgwpqU7XQ75Fvq3mn80qoPksri0ht/uXX7KKsGsh9RJfeQ\nhOCR\r\n=d9Op\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC27fwIDDppMqSUa41sbcU6cE3BOhv92OmpBr5w7iULwAIgCx2HhrGziXYNWfxgRMH8klE0Wp25yqiXhhLtmmnr8mU="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.4-canary.b069dda3.0_1620152563633_0.45448444848517733"},"_hasShrinkwrap":false},"1.7.4-canary.5549b579.0":{"name":"@atk/mise-ui","version":"1.7.4-canary.5549b579.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5549b579a1c114d0e36148839897ea6fd3c8c8f2","_id":"@atk/mise-ui@1.7.4-canary.5549b579.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4H2jVNhsO40JSiZpRe6W5rgY2naoCh9PC6noEmQ1hKzRCabHLSErVbcMWrlWx1CODTRGqL2v6GlY852JB1fosw==","shasum":"5fc7a0999a7ba861c33026332bef9f2ce109e841","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.4-canary.5549b579.0.tgz","fileCount":227,"unpackedSize":1329621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkanhCRA9TVsSAnZWagAABXQP/08Hh37c/YDlhn95wRZi\nllN1P08NiVZCGP7QCjhVD8fEzypSMtZybUaXxoUJb3qmiYeQYVE9bsIh2HNl\nJLkZAoLREgwovikr9M92qh2gDmC0ONuXMfpkXD0gz1xE057apGmN5i5vcI1Z\nmYa7cJZzD5UpTRm6DD8PhoUSk9lBUbFq8ikBJ8v9FBNfaH14zIPnbWC6zzAg\nMo0e/bQx8iZz6ppggJ4bcAmEw0Yz/24Yf62p+sfzxztinvpPkppp+pLvlpNb\nCfPsNiDLjbv3zQxVUzeJRMiSYhyW5uqzes2xYupH3Cn+g08z4XLkIjnS4iAH\nj4p0nYXsTXqTvCdcbiADdAyq0Gi4vIBktG+XMJsUvXtpL6ixvnyT17XZEnga\nKaHvtR1ooXcOTvyZbQeHKgqzn4bD3JpbTz1CEjZ8BaVkAC3Z9PtKBsd3Qop7\nDmlOi1b8bubmdVpjeVSkBC3ZKpi1WRK1xaO0RXAcdcHMFGC7XIjYywGunDOl\nxssj9fSxHxAWe0YuWBUh8U2ZDeSVjiYrM7rba8P0JGelcJOmNrhLT53sl7ag\nOiTfMLxOUqfXtFGddGRldCZtiHC6WLTRQMbqY+Wlaqv5qgXFspwQtdTjBtJU\nF7Zn20wYtFpwkQoAQ9YBfPElepDTfTbOm+THsVZE0SLmbqLdyo3DXwULpnfe\nIyK7\r\n=H8WQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBV0UU9vuuzz8728u4EY0iHybiz4yEhQB+/R0JrUWKtAiAE08VsTaochafYMfwDd2h7ieH6NQeXpVF2c4O5xfBrxQ=="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.4-canary.5549b579.0_1620158944928_0.37509710430094345"},"_hasShrinkwrap":false},"1.7.4-canary.d91ae825.0":{"name":"@atk/mise-ui","version":"1.7.4-canary.d91ae825.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d91ae825efc77b29787a773a50187408b345dcaf","_id":"@atk/mise-ui@1.7.4-canary.d91ae825.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lBkXtOi0Z9h8DqJm3jar2wCWWzq1nTrsmP466xLnvs1gBexwbttFDaER3qBTubthAlyWWQ5YbWgiaihbAb4aRw==","shasum":"6466f1dc6a07c238a287900fa3ba88096babf91c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.4-canary.d91ae825.0.tgz","fileCount":227,"unpackedSize":1272982,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk/oyCRA9TVsSAnZWagAATAYP/1tXrQs76P2DBX5RS9fX\no8a3yWH8xjNgujUCk9apUTlsw8JFdsOqfIJwXBJ8FaragBsyB2I0YiYhFae4\n3B8PaW1OYcs2uaczBileEzH9FNYNt7STczEgtW+Wk+QD3bW4HjHIN4BZtweb\nrHsnJp4PyS+uFnCATGC3Ns2l3++nqPRgNJsvHSVQ9+8pg341CmgDQGqJVM3V\ndGMf9lUQYf9HHKMadJe7VMBlwU1rveZsMTUF4nxKbhIJS3qBac1TnIlD5VVl\nc7oRubienCAY1b5WOh3GKpmKDG30INwxmVi84he1/nmMvwMc3+zuAUC9M6D+\nfuNJ0p5ZXNUTkFfkZH7r+m+Xh995jT1gD+Oc+6YSy6jdtIjLl21k4B7IfdSE\nltx5eEoh3Wl3+q1L0wCnZPOMlnvjSxTnVhpJWjOMz3bgfIVBm8RsIjVwHS7N\nJklJW6ueG7MFLrAUCAMpuPp1FcIfGQZwT3wElF/FSbFtgfIfQ0fPCBHETXSv\nk0NjLjhZB/ei24wSo4FL9rkCVV480cjG0fU0MXTJw3AzUUU8b57ErwpDOyhQ\n4acNizuyO6XI9Sx0VE7WTWBLJtFP3XAcz47UZlpkgO4CEhuVKUTiSoZSDI4W\nINjFhk6IYE+Wk3CRF11+elSb+LdR353Ac0QNFxYE8GUanjID976pav2BZKGV\n4lbJ\r\n=KGAK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYyrDzOtpNRhLa9ZyWJtC+daNALLsHO2wCtTZeUehD6gIgWIkEP0fCxtURB2n5Zy/Vu73DULMgo5AFcb5QUCZr40A="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.4-canary.d91ae825.0_1620310578353_0.5976176987749173"},"_hasShrinkwrap":false},"1.7.4":{"name":"@atk/mise-ui","version":"1.7.4","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"697639ca8197f65a477c705b765ae8149a273b1d","_id":"@atk/mise-ui@1.7.4","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-GCy9+bm9r5icmxG20CMZwfQ35ruBojxs10EPyk7AkKsAeVh7Th4/WNsCPTFAE9ic96Kc1rpewi+b0bM4nSGoSA==","shasum":"b1d4194c49f9302575a64dcaf7a4b30f92e6a3c9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.4.tgz","fileCount":204,"unpackedSize":1118315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglEH9CRA9TVsSAnZWagAAYZ0P/A5Iq7Gz2yB5g8M3W9nV\n/X2JBZz3cQhHxI/jed0u/KRr10SORgvDCfEthF3Mhs0SlyH8wcqmJhB9faab\nEEfl7cqHvP5WOZ/FPzcMALwQPkLCvmVm9fNvL9Nal1rOQVsct37e0IGk/raE\nD8NnN1y+zKET6VqbnmcsQmboU1ZpluSM3wJNOxCsL9GR++wqmEosjO3FlYWm\nnbRBfedcitl0gfuK8fCy0BwHENpw3gH02jJugaBbYQqVMb3h4KRfNFWURAIj\n6t51Tj/XzWzOHRTi/1F2vLIVURjiO4fz7Sb8ultDkYhboNIHZNkhLNWCkr2S\n4OmfVbuIx/CfVScAKAcsXKuZn6AWINSbJvsZaUVch1pLeQGDqZ+FOzCfXZF9\nRxF+k17Qc7jqpo3aAN3dkMOiDULONoNmkFH7el6X9kFRMLk5+3ToVPnFTjRJ\nVjquxHIlAKeUHd8ZeDkfeZSrxmkEpq90NY5wEqPf5Nuuu/WIiN6oKpL+m37i\nMSTSMrnTq0IA/uMmApK9ojI1JAVfQsyimgFZvvnUlXn/RW6JUttBUJwLzyBU\n6OMw2o6YLM58BxR/pkkeMLhE+SU4V4nxrwhmCHumzNNRSkVdup2OfhziBmtb\noJyNFu7geGGqau6pLl+riJAGIhoujCEfLtYKhNzslos4usgX4OKn+620+OPX\nb9Pj\r\n=Ds4f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICoR6B3jLJgT7+5IHUl67odNCLb6/l1MDu4iuy+hAOjbAiAlW9ECt9054vq2VMK0i3UZiXzImj0uGfnWqkuds9gcAQ=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.4_1620328956574_0.4057100888423024"},"_hasShrinkwrap":false},"1.7.5-canary.e25309de.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.e25309de.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e25309de32be295f29e945101b968957f65a7df5","_id":"@atk/mise-ui@1.7.5-canary.e25309de.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Cs1klhOBqzY9DU7M+L2gTkraQRWyG+Qq6ommItjQVpuM+/XSXdtmcD5B5mCHe3N3qI1exwwMdsNOt5ccRg0aTA==","shasum":"32e837795275a99aa3e13a6f068d28703765bf92","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.e25309de.0.tgz","fileCount":227,"unpackedSize":999005,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglFerCRA9TVsSAnZWagAAbocP/iwNsjWnoyjExeTq/L4w\nD4PvjDk6DTboixk1DYaU/73buKHDEfQytaeMGDxa4Xm+nJZxKBayli4lRP4/\nEzSDmQax39ht9W14VgY+4uQiouOUUVg8u492q3brhLDNdG2LPg68nJskrrjx\nLdla8dKCTrcM3VYf/w10Y36+g4jyLTkKmEdbOukG0tHOS3ETZ9zFhx8+uu2m\nH3LMwSGBI9xgZzxgEfH5XGpse5t0vNKRQHztHB8U6EhF2wQqAXRc+Aa97CSI\nJ7QKdSaLdZwYBg3FOKRDKQxkUVEbggC++k/uU9PlUl+x4QHUK7Da0AmJUmuk\nk+nrJqRbWOwAS0fTHsL8AdUWW08AIMwrcf8YJTUUIBKXLmXgepQBJNmat5oL\nwbzxGymYviLtox1VSJj0fnScaNTg++B5Z5Lm5SzBDCzDaYoeKDjgJtojPHH9\nBmqbS6y5l2OaS/rWaPbq8jxbSDrwHmMHwryg8GdOwfYbzSK0SdjLCkdbCjna\nsB0vejDJFcRuNIT1SV1MEkW2bLviy/5N61ChAom5RXmi2iA+wcRWOYgQUXGl\nnVCX/vR82i5UKJTB/ZvFl6HxCQn8r97CEajnlRgqH8SJoovKKoR3CmRd04tP\n4x9yVBu3uabHhLTz9HxEaYE5jfWiHiUWP4zvba+M4iG6zhfevid4rnxVxaVh\nuQM1\r\n=W1Oj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0k2enDXKALLi71XfuKFYPzx0YzWVIfp9yJAjivpg6uAIhAJk7TxcaF9QOJ41JAw/saT2Wrfya0qKUJiuFNenZA5Sw"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.e25309de.0_1620334506694_0.5744181018040722"},"_hasShrinkwrap":false},"1.7.5-canary.ade5c616.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.ade5c616.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ade5c6165a9e57a9094e0746f2d6fe6d013aab7d","_id":"@atk/mise-ui@1.7.5-canary.ade5c616.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-DRsNMldpw7veh75tY2I8VF8TQik2Vg+DxiBN6uP69u46vxuIs+RU/CkyiKTXdhOnwQL4kAEbis/VL27M2KRjLQ==","shasum":"087934f7b85d9d435d2525cf7c80c3b2dde977ee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.ade5c616.0.tgz","fileCount":227,"unpackedSize":998645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmVx9CRA9TVsSAnZWagAARIEP/3JIMaCab7LTjLrsZMpR\nbdoqJS+zuokBKq+uynKcYcnH/q06TLWC4jT/04Azw8UBdyUsB/XAPUkY+pGg\nsPRXFihpgOwNaHCuti4ukqcExVBl5bnGiE8Oy3898lJE6OlzfIpTxfkn0MSp\nOT2KeaL9MvJoR24BeGyNBLNGpUpcxaHI0xmRjpPh1j4F/hMuEPHaaYarDzC9\nmm46xClr/KIpkPAiKyl1st6xpvwhiPUOTaiyI6Otb2L2Za8ChTG/ojwyVnzx\nKzDuOkXfgDfJ6HoMUJIhK16/kljnCPEGl7NOlcvz/wfqxiZaRoFEhtEj6uBo\ntIa8/l1adswIzYqT59iau9yt5hHt73DnxkE/44T/t+YQjWGyNkB1DNfLaLvN\n6kI3HH0aBBNyE7jwWdZhvbz/S6M4CceRPZWw+g4ktQHbjilJYyowA62B9y0V\nQ/lT8v1suRrZeFPDP70So9EI02ar+XUHqCeLObDLnb4NhXVqH3OQPFBuw5Gf\n42noNICy9UpU+g+U793jg21pkfEMs5Vb1sUOy1IavszH1qxtEdaUfj9avu0q\nAB2KhCqWVC4Dph35PJjp97dmHHC8YfiZXVCS3F1IAEck/lfGTie6tgrTj+N5\np/npsIzxkZZFoVni1xP4BkCsC12VZpR67dZ9NvhJEma16UkWGxgLX0x1vJeY\nZnOx\r\n=Ysem\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASQdZBpA/HVYqxcM5AawhgsOlGPcPM6ueIp8JruDDU/AiEAyd4KujViWLfiSygioEA1kRIcgb6kmKnxji+k5fVAs6g="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.ade5c616.0_1620663421196_0.9512743937944059"},"_hasShrinkwrap":false},"1.7.5-canary.650eedd9.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.650eedd9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"650eedd9a8b1cd67bd32ba83a65454c6550f884f","_id":"@atk/mise-ui@1.7.5-canary.650eedd9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OmIa5dWPz4mog9OXbnScOim1+PzEA78CIXKm6x6gW1EuxSkQX8pWUsCDLYD9Mj5GTPQDjB0yY+pifS7EU+HytA==","shasum":"e13f4ade1ffd3be17c619540debb408e1cdc6474","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.650eedd9.0.tgz","fileCount":239,"unpackedSize":1455688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmpkJCRA9TVsSAnZWagAAELYP+wfq5F3KDkhonChuQScE\n30TiGDTSyQtWz+5NCQj/Z0JsBX8bBH6oKl2JQ6132DVuzAj+ZkIhMPLwIXpB\nrHb2gvlGb/yx/nf/ysa2LYU198V+C0XBm+CIh2X493mUJNJUCz7HLV2qf/yY\nagF+SS2CfxU9/8wFzNWeinD6vpb05IfWq7fRqP2f9Shk9aoGY8N2PRnRp1RP\ngP/Vgw4Rc1OkO9dqnfu4FtuI43QZN/3Mtc8w2jRxpviTznYjBDwqoSNHE+lC\nkUtqalmKjnsbjKm2f8P1KEHccn72lClMkNPtxikYKEFuIbmth0ptouJqhDqS\nEqDIUvt5gjeHTqVRvQIXkGlwT0hEXycP2QlDHVVJ6f5CQaAoGFF9ZqZnTrAn\nEydhXlUNMolOkaMfxE5+TYB1My9yn+Yv/TuKmOvdS9xZsb4J4TgJE471U7zd\nqe1ieN//WGvIVlApV+TUUdaAffkf87oRC4AYmlDl6wcmoM/7aWO5acZaNbT1\nn9VcoL1O36G6DCCs4S7rvYw98H3pyc9ng8KTgGFEicaMU+1d5581qkJBFYc1\nHJ6YLLKsNB6HMRr7ef38hWD6QekGw2q6kzTFFsyXGeCdwbIsI18Jt+ruq+aX\ndv1kIkVC3hTlNDLYO7EO+dUGQac73ll9yUhq/Q+HBtoT6GbJtPd6tytOBFgJ\nC7Mq\r\n=+i8m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDs5ZpHRqnGtpTsOmyyjbF0r9IZIj3qPdmbat41kgiFigIhAPzwK/vbEX+E5cI4M7C4YiE4r2DInYv/9SIkvkjtzVi/"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.650eedd9.0_1620744456835_0.24474643610084845"},"_hasShrinkwrap":false},"1.7.5-canary.650eedd9.1":{"name":"@atk/mise-ui","version":"1.7.5-canary.650eedd9.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"650eedd9a8b1cd67bd32ba83a65454c6550f884f","_id":"@atk/mise-ui@1.7.5-canary.650eedd9.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uSc/KFkrY10S3J6zyox4Y3w/Mq//DVZRMJu6D71ntpxvMOFmOp6OGEPZYgrf3Ec4IGr1gUY47/oDmuhXTIKsvA==","shasum":"9bf4170176f19df33f239b61104488d3a181e342","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.650eedd9.1.tgz","fileCount":253,"unpackedSize":1510651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmpk5CRA9TVsSAnZWagAAMVwP/2cuCjMjkPB1MLusgp/c\nxZpQJS2K+pqeiN6RW+/rqC3+/nVK1JUUagQ6wveSOlsRyazCiFoTAQIAujew\nONcHUmYkosYc4Tq9CN7JFZdfDC3iX3w+OP1yQITFTJSiFvmEZg8PGYFa9P2T\nboh2xY7OsnCejFWGsZ9IYIaJmkVnVoBcaQJZ7tWKHqyddV0httjPUIeFnz4c\ngL59OSk21LdecaKnN9SwlcrYKkr1A47xpaoaU9LKBqLHMjoY9q3P/glDRoAF\nKp73/T3j8yt4EC549gVA2hzABw8ct2bxNY97kzZTjLnuaGThSaIRU3VXLk2t\nwDOA1vDpyNammapKL7+BDwf2y7DSCzFKgMd/f2qa7fixtKj75NYOXQ2/GQrz\nRH/mKmZuQq4fN1F3Y/ciJFfqdxSzROP9EWsk19MzmLZU7dNME+e1JFa0wRmO\nxZOeBAZVIUM2Mn1Q+ekVM4Sqn3NkuMU7muyMClxS0MyNu9qapIp5GmLbFAJl\nuf1oylYCYxjemRyJBfjw2buOafImMT6/raQ69eAfJWPQdy6RbnxLnlsEUns0\nK3jujlXb4RLtWEQjGlr3VU+Sed5QH+n5/TjrOiXwR2u3JqCla2Y7kSQIZ0aq\nsL9BxdxLy4cn3B4sx1m7hh9upGl7QwevIb3ALIjHNoWImMzylVEiHu5892XW\nxaig\r\n=/tL/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyThEvWpPt6l6GAjtV7yG4LkOXptgcVnRyzL2RVXWYEwIgeG9HVHyOtXQHUGOqq6V9fk7PKMRgjoUvtb+3aHX54jw="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.650eedd9.1_1620744505101_0.6620113136444592"},"_hasShrinkwrap":false},"1.7.5-canary.650eedd9.2":{"name":"@atk/mise-ui","version":"1.7.5-canary.650eedd9.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"650eedd9a8b1cd67bd32ba83a65454c6550f884f","_id":"@atk/mise-ui@1.7.5-canary.650eedd9.2","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-fyVAuH1rB0JFRH4wZnts0AU4b7R7m1W8IHspP9/Drk+hjDnERhMbD2xMopp3sDXs3dKprpoUyZvuOGcbdWE7lg==","shasum":"f297ac90c747376f21947058d225a0569d4177db","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.650eedd9.2.tgz","fileCount":253,"unpackedSize":1510651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmqGUCRA9TVsSAnZWagAAGCIQAIyG/cd+NvY1irfaKEMm\nGkHiS9rQYZ0ukkeKp5CruGOF+q1purNsy3td1UWgEYERDIRAmnRlt8YGzKCq\nvSkR3wConDzJu15DF3Mqbpmlzrfdy59lAlqIMcXeQLVN0FQrhhRmgCqeSj6g\nStYAV7Jhv7T8CAW0rJ3TVfQ+EGlQKJPe40VUX5MvpuePhNLJxYIpg08XMTSv\nC+5+9DalqpXJ7173ycq4t251PBRepIhue8kUkzGYQBuBNDRdnEQ8wkBKWz0m\nBoPkl1KF+rxCRmZGYGvaA5N+PrO/TJYosLVs/MtvV6ig6lhEOHS/tnfOu39S\nGayc0DmT7IYaCVgK+DOiFg0ApG1F46m3kXbJF1EGMYQHX3kt6aI7AaA2ndOI\n7MCZSZURsO25XIMX6XUQixJKv9RPDjNUhyyHOeWTvlyulf4OkK1rG26gp1LK\n5ZVeHcUQvQ29Fhn9/0MUhAwGj8OerSeyMrRPp3b1P0AutO7ElcxgR1kyVruL\nlUfaB7aqjCHx5viLnOJ2OX+l+LvQA30MSjkmAvRQ6CrTr3GwRAEUGOWTKtjs\nKmNFWYMc2Aqz1UAp9V8taMJDwigCoiP3K4eYTk79BxfSX/YBMUA+EbFwQERM\nUxgZNv5MLIQBbb7cwsV68KMRUxXe257ihNomvEYfYeFyKnQZh0OnWIWPsgNy\nC6BX\r\n=HDHw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxqitg07dSMo4m2YEEbwOxAnO4FiSRrP5QPIjyYZqfLAiAMVYJVlHviX+MYjZl6yPoVT3n9EI1VJi/uyYUvsyVjAw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.650eedd9.2_1620746643780_0.6588663577683891"},"_hasShrinkwrap":false},"1.7.5-canary.cd94bd9b.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.cd94bd9b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cd94bd9ba9658ef24636f03118b284e3f0370223","_id":"@atk/mise-ui@1.7.5-canary.cd94bd9b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mnhHfTQK0U8xolWoDhie5Jzdk0SvJtoj5ORjnESKnGImPezBB9ORFzUED0ROQQXTvNo0EOPSLXioMfanUhxJfg==","shasum":"26ddcd9fd14f365afb8760f4eb6d2452b7806b6e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.cd94bd9b.0.tgz","fileCount":255,"unpackedSize":1528217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnW/cCRA9TVsSAnZWagAA7/0P/j16guYkdoPfO5K4EXWb\nVxhCQ1t0uEfzO4vK7ldmQNabQn+Ng/2oGO8rqfyX2IpbzdELR5JGwPIP6ViE\nWAU0X99SQlguM8at+1VlXg+aGZEP+tJWGoOMPKEp0NOOcZq14d+WXyHUG7WJ\nTLiIppISSAxgvCqFDEtvIKGeOpUNO8e8vcWaByTkqlAOoB4lqONpDGeDEStw\nUukNTpTWbmq0QCZon2OCJcIHyesJ7UkF8aMMOXmjypaHz+PSwtPqIFAjMM6I\nMxJD/qUzIPDpRlvNumglmvWqsGzl+UDu/X4ZvXwAO93hIj2PVBnCgn2QSSWT\nql7hYA/V9M9aZP/5NfW1WJ86dzc+Uga4U00S6mceEsmXZ0tzRQ/JxaRPiltt\ncNvHfplDpH5qaUtmPBQXLIceegcAwZBs1hcsGVr+7p7aWyhryxG/9ZvD8Qqn\n3AFzxt5zak/aTnCnvgTr18VDKzl3wHDPT3q2eaJXjxJQuDWI9rURMecfMQgw\nHLdr4iD0j6l/6CmV1uFQBVBfqIJTtRa2ttSwbMRXTnZgdjw2b40Gfc7O1Ys/\nGccjrlHenJ6G98aw6gUBJj2kQpsQ4k4oE2apIzhKv6YI/G5YBzJ8Uy6OSLbz\ntGfjA+xrskxhazpzXzCJi/Uhi7mdO3KRDO7slgvyZfFZm3jKsa35QUMBv+gk\n6kFZ\r\n=VY87\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFwxyfKNNklIZMaJQJJrWPMMQv+p9h3UyMlrI1CFj4//AiEAnI8mPyuqxGgvsT0DkTsQQK7YzihmmoLbrC1oRYQgwBw="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.cd94bd9b.0_1620930524039_0.7402539536195711"},"_hasShrinkwrap":false},"1.7.5-canary.a919e425.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.a919e425.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a919e4254b167ad1de8dc544641b9862d9f455e5","_id":"@atk/mise-ui@1.7.5-canary.a919e425.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Uav168L5PooQtf70EbGfrab9Y4FUtzmTMgkvvoVV2EdxxlY949hhimuBWxN/asGRmHeAXAxy6307wMi4ACnPrg==","shasum":"b5926a503b674ad45da6037b19a53c1179a091d8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.a919e425.0.tgz","fileCount":228,"unpackedSize":1273944,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnYGeCRA9TVsSAnZWagAAVEkP/3g8JUFwcxH5UlnStSL3\nqYH9Jkavu3eJJz8ol7FeB9Kr23KC2ccVuTIhkaQ0AIaaK8mqFAPP9PFFV76O\nnv7K//zjGtEdOdGFy2SfyGtUxShB6c2N3b+1cJRY/0+s1l3A+Grzfhfg/X/0\n5oRePMLqAhqFycfQ2Ayr3Tr/t7+qmW8E4oYHlULaig/FcxUnBiiHWSSqqILS\nRU+Vh2oRDMrQEn6nEFMKLkX2qVtoS6SgZc7lNEw65bTJxY82N6mU4Q7gHX7k\n0QBIiFOe/CIgjYPQyQ9kBtyohBH8nRRLjIcxqBjSol0/AGVIYM/V5d57zsv5\nYGDMK+d2OLVj21ai+nwD53M01HlopwTxcegsbOesIdMP6JegppFU3BfDik/+\n6lMCvxCh8wyEd926My9FzZM0JK6JpJd17xoYwuRPlIHA85tjQStIg6GgICLQ\nYupssqmS1rHkDbjQ4YhpizFhdgwVHIvho8UBDas7Lp2GpgnQXr6BFsc+3Pue\nYHwHLdqJbYEw2QYWHX6T29HQ+tdR4hjL5b/PedK9ObrEcqSfv1oU2qulnaxw\n2/0bDxuMBhtbb9Moge8MFDgOD1r33WyJQsUGeOWHrVMFi0NchhOO2QejiVl1\nIsfDDC8lYdD3oKia2QSnR/PSLukv/iwPFu7mX3u29ui9QR1Xmmsc6TtQgb+P\nqObT\r\n=Tqvw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByeiHNkg4EBpZhw1z0GlsyrFnnje/t6d9yibXHvlycmAiEAqvlPLIH6LoIMPSRelxBu309DheyxYTRKtD/eaHq0xaI="}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.a919e425.0_1620935069549_0.9796889304976533"},"_hasShrinkwrap":false},"1.7.5-canary.7ce67224.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.7ce67224.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7ce67224d33f1ed610e6bae2cfaaa2ce13ab3f19","_id":"@atk/mise-ui@1.7.5-canary.7ce67224.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hO5wPk1qE0O6KAQFG3iry2vE93ySZbptgeDsgsKQZEW6qvBHyRTINoq9k/EqHh8x2MbH+dH6bYmz2El0Zc6ofg==","shasum":"dc5b1042c2058c1565e4248e300bea458418e844","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.7ce67224.0.tgz","fileCount":255,"unpackedSize":1530863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo8ceCRA9TVsSAnZWagAA1MMP/2purnzoYh0J1yGNrbsP\nSRvFRfFAgRaUrzV4PCpaEhiIDHwLKKZc4l2gQRwsqMG+GKN6ZNjr2AoeMGfK\nAdSbNaNQa1dD2n8HMnHS9Wi+hC0dfmfQ4qb6hBLBgh0lMMCEuJ9i0oRWSKWc\nS61vrw2NXWnRhpXo//PSCnL8LmpZiXZsuhQgFBvFCLb6+38zs202bD/pWixC\n2JpHE1QwyEVnOjHyWYmdUVd2RVcBHreFWTo/ZFiGZF/tOZZIbTSYTe9lDh4G\nDLhJ20VKE1paa/c9JVKauM/Rl+TKvXOAlH1iji92nDeABVlj9CSNcvqNTqV7\nUjbtwLdxTuZ/DcDL5hV4RWrZXtoQUmmhWEBVBAjrP52ajLBbvXkUUPdeB4hx\nmzIYt4JpSTui6mjJrOq/L4BC9GW8hLj47b9Fj28C0U7Il8KtdtQcqAl+3dVi\nNJdGTMFfdDC2kVPWVshdLfd9YqPUrWMl5Mm3TuZ6x1SBwaCqlBFPt8YYn3+Q\n6VrEjPaOm7kEDtyCu642zmfwu47fThoDiwrM6jtBeNfJf5/V6JYMq+eWaUHc\n120JcEMYaWqPuKUejTqDhdNjU0tlHpt0XTyCJrxwY7R+cp837ioyEisY0fkU\nCMEUaKc8KIpxaLPRKKo04jod2LTSqP4PL7QSNdTq6zc7B89Xvfn6joy2A24b\nZmC1\r\n=fnmK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDILR8XJUvkYQSDqKXyKXnRpOJJ9B75zGxRAfOxcpWRfAIge0wluI44AcJDqmN8aE/KXO8BKULSOPequuqgUfe/pqs="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.7ce67224.0_1621346077747_0.2515254524841797"},"_hasShrinkwrap":false},"1.7.5-canary.89d5b1da.0":{"name":"@atk/mise-ui","version":"1.7.5-canary.89d5b1da.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89d5b1dafa04dc880711f1f34535b63ee9e1e417","_id":"@atk/mise-ui@1.7.5-canary.89d5b1da.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-DPedAMmJYRI5+JvB//OQl8x489lh4J02DQD1TNfwyLcLWsmRcqoa/7MzvBSHJ/FuZP3iEeRNiGq3ce2N9WCjCg==","shasum":"edcf507ad4a29e6daffb7a910ff0f821d6f6d8d3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.7.5-canary.89d5b1da.0.tgz","fileCount":228,"unpackedSize":999249,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpWWlCRA9TVsSAnZWagAARBIQAIjCekq1S48ZKkljSp8R\nQRMBsqh1Clk9PwSkcXW/fQpJcFOuVizKifwqxjwSNOphDVtiWmMmoF5+8g8E\nnKoPezOKYET3uv85tsW9xNB4487rjd7KeOZ6pkiymRLwyH8DIACqC6R04RMW\n7J2QjqwToxRqtQEofBoSWE31V16j6k64XbtnbRVq0qw7r0TMxiHFsyygXwHi\nW0wq8qU4hYc1PaMLg048m3jcdfYQWstys6221E1OJMNgAZgyOdEJDnyN9qq4\n1J1TDqQbmtNyq6ze9FKio3/qGOnNMYyfoAPhShPqRT/YTz6Jg2oUyR0/hrgs\nVfRB/m2JdvgXyaWoEQKTLrXhWMyFTeXsLKvAFoSy8GWwL1lHLCf3RgROc9vx\n9AkVCsuLL19dTVAkB9QWAU2nGGueII63m5AdrdKObH1qq4fO0ymTFh56G9zi\nJ2i146dgfd4MCZZp+GCeKFAvAk4USIdKedPMjO6jLYTw686feYMRB5na4f5W\npmVbRyjJZ5LqIgEAIi3A5WJVgNGmE6yK6MSEcnrE4N/yiEESTpXp9zcQt3VS\nR5NaeYnDOMDuvZmKrby6HxMypPXkwcEC95eP+EkyL6XAXgLe4iFAkUyHWEd6\nWh2VGiSTVfzfGtE36ckOE8spk2ex4eHjIG3vU0LAPxAMWOK6UIpF99t6vdlp\n2KbB\r\n=+8DV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCw2/GTP6gu9MD+SebO/q/YT/1/ADF+m2ZetBSD+JQgvgIhAJcnPrz48RYu0h8dEX9OYY19Wks4aPs4PGStydrp8mz4"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.7.5-canary.89d5b1da.0_1621452197047_0.9737223498245124"},"_hasShrinkwrap":false},"1.8.0":{"name":"@atk/mise-ui","version":"1.8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"df555a79f7b67632cc82294eeb806e0ffb48ee23","_id":"@atk/mise-ui@1.8.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-BDxJhcuWxlGEF5LSXphjm51NRMTC3Yar/54Au3ZPwYeowByTGGzeLHjKDQNDRdIEgsIpLwESfwyXI3gl0AOE4g==","shasum":"e22db6a75dbee93b686e475f0911ed1055ad6ef5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.0.tgz","fileCount":204,"unpackedSize":844246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpWdoCRA9TVsSAnZWagAA0mQP/jeIVFT3xGKGXrrqF0Pf\nntGC3dsFTpeVnPTUBIY7Uqt9anFgAzHYITPchFdIP1Gc+DcwDb0jFnPCAwsh\ntALKAb1Cx1yPf9uTs4m5QNRerbS+VYLoIn0ZtFXMxKA0R0NFcy4zxO7mxsSb\nj5E56JK3mJmBWzIJ7YBF4pg9m+mJBxPr36j5NWHeJNIiJk/OuBWlKgBpRwl7\nrIvZBIT1MdrJurDuTUt7A6nPpRvlhA+srEGvmtm1+Z3utyLjmjSCLTtTFokW\n7+frZh+CFQH8LMcyB0IpFznd3Lm7wQvtFIPC5kfivQrJsPOk+DoSCik5spHs\n+44zNx6yMkyp9v9/po/21/Cvpu753J/nnUQsJZhS6BQNTPKRfj37yj+es85b\nEqiT9ORrqzYaErtIXr3Oa/J9HFvqyMpaxcILqcfKHMOuBO+CmQZy7ovXEXq/\n/8Aqg4DG++nf6eFJ619oCSzAHvgjU5vCO6KUr56WH0Mol3ZQxwWuIJYwfN6u\nDLQD6wfzvpD5yyAO0o5w9XT5pAa1uihwMMoQxZ51QRUoIUuWoXrdOcFu9a1r\nlZNL7ZDmDK8Xcyd+zcY+ilwHiYgnoa63LkRswa23YQrcI48bczI8ARdB2MJi\naj2D/viy1Gu1DZCaYXUH4FxzwXTJIeukFahPGCXUsmXiWdZYZSEKZtVYKn7X\nutb2\r\n=Y2ZE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGMFOIFF411cx4Cyncf7bwqaiJz1Bi5vqohhHSOdIWyHAiBbEV+gbWekpCGeKZuSGrEK/0oLCz6wVAIzCBReeacMXg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.0_1621452648340_0.4093640297469334"},"_hasShrinkwrap":false},"1.8.1-canary.db555a4a.0":{"name":"@atk/mise-ui","version":"1.8.1-canary.db555a4a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db555a4ac657973159eafbf114c0bd4b0946e632","_id":"@atk/mise-ui@1.8.1-canary.db555a4a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-66zUjOam70lBhX8GEAi6VNqWFVCBy6oHl+urhy6z4I6O7UakdveinfZckyQdRArHzOm1piSbHpUE2Mu3/yLZJA==","shasum":"347a280f08abc3bc54150b416e10999edb6ae105","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.1-canary.db555a4a.0.tgz","fileCount":224,"unpackedSize":941329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrAmyCRA9TVsSAnZWagAAtCcP/ina/H1FPo4lIQizORsz\nHBFNMvl8OyQx7xJniOarPwC424BCfvGEYpl0xqjgqAyS4fECa0ADXD7OjBks\nRqC7LGOnEYKnHB/HNSKmMG7cB/kEMgzonVXrm6/6/6bzhNprhqRjoHSwwXJw\nFwfF/m+yTOecbzGpX1zv0Pnh0/A82Gvkm8cvYcWCrVVsXlP2ZJYKwM3sxmVV\nw1ZzWoUw0aK2ZkkZb1d+TPYXCYA/NbGEnrJSfe1zgK53puRh4w9biqd9YC0/\nEtEqad53qNcScbBqiMtpY8q+U2zKraGXjskiG3Uwlx9tI/W4YBu/221wSMyq\nd3ne18TlpToCsEODvNXf/zNW6hP6wDJ4u0MlAkAR7qc/5EtcGc9OV0q7/lBM\nXOGWyQSpcK9E8NPcsn88k0BBffw40IL01x5B/DBneMYiEkw9zTJpHB8cU0Bh\nlmBDMYQpsgklsOHv8QVWtDkt8+dqjJ8aGXSCQcARjlwjxu0/FoiV4t296dsQ\nJMVsxGN4DVqLDXMrtX6c1V+EHgmGgZeKHTiE1NewsQ9Pa6Ki5OzQo4lx2js9\n0QbNqhP+kBPiYD32iTskvGgjxNSXgcOWpPUrSZNNNOx2UC4q7nfgJ++iCeXZ\nQ2/zFIYoQAMZ6xtQBQsVClTkAJuYWSmRHHBP/I3GrPpfLF3bV2TUhD3DOFjN\nA7Na\r\n=cxWb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWNeNnVJPQVoDk1WPMMxbSm2aCEi3LZZhBYEdXhL+28QIgE2GWN6d2aHoTLErV6a8AxbS+Vy8bKEgMzsocQ6ySwgQ="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.1-canary.db555a4a.0_1621887409316_0.8692109448789709"},"_hasShrinkwrap":false},"1.8.1-canary.495a3bec.0":{"name":"@atk/mise-ui","version":"1.8.1-canary.495a3bec.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"495a3bec3fd1c51329805b1ae318801607a3c18d","_id":"@atk/mise-ui@1.8.1-canary.495a3bec.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4Tcm1F1bIjqtIKOcd+nq2uUQ0qiD3oRCrhB9Ed3UrF3uK4ClgADfCQrVOBkiN8yr1h72KHPzUMz2CEaB1sa1YQ==","shasum":"0adb3701c9d229abcd554b10ef87ff06052bab67","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.1-canary.495a3bec.0.tgz","fileCount":228,"unpackedSize":999318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrpVUCRA9TVsSAnZWagAAjc4P/17RoCRoNdVY+IQYIS5t\nRre+WFxNxD+KSwHEFrkyowIqlRPvyoVZGhH786KyNv1o4ucxagbSzxJvCR9F\ngC3gYsZMOXSghyCwd0NxjR3DsAXkiCLSCqDootFSorIN0UBdAu98Uq/nPWz2\nuMH1rL8SNlFEkwbWFGKwzCzuERY8CQTM+D0PP2YVnydmbtxNZ+JSiTqrfqPk\nhirHPTFtVpgKHauuB5xwm7WEREfeXpTLsdSRAkh489PTKmv78Uhq2TrjCYnm\n55zCVhk3fpmftGyRc5PynSt1CkNx0xwg3ejZojXuQkXrN+ZCpQLOMcNXcjtC\n/uVw8XGJIlog9ezGL/6AyQ2By78aVn3/3nhnpSUq3LPpe4A6AxzUSavqWB38\nk/jTW+n8FJzEVnIlRBSTypATGDiZly9URifCPdFpxPKUlNoYyRr4hxAL4N7q\nY9Z+kgMo8fsEeYUMPdOB6Lm/RGZ9AzNWAR7mbOdvADNAXzQVcMmsj4tZl3Vu\nh5BaiL3BChsGBIVCedzYqOJvu5Fr+fAxMkkjp5mDjfa/XGyDntlArjknzBFJ\nFc9hDsQeEoaK68y+AT5+dHRc8CTvMV77/UboXMCBvZg75Zx2m3AEjphzQ2KR\nRouZh9SzYg01uEjpZHveEzfoJ6KDCGxIuCN09GUNUgPIiwMzm3a/zfNWLCao\nHpxH\r\n=3lCd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVQa64uy7kFOn5+wKB9kIPPXeYN1Zx2KLRIMetSSZumgIhAKq2KjhuJVNO9/xTSIG/XR6LXU7kII6F6w9I1R+/WUn9"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.1-canary.495a3bec.0_1622054228206_0.20124857047309708"},"_hasShrinkwrap":false},"1.8.1-canary.cb6b7f1d.0":{"name":"@atk/mise-ui","version":"1.8.1-canary.cb6b7f1d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cb6b7f1d4b581be09d763c52e7d4c3c2c0de2924","_id":"@atk/mise-ui@1.8.1-canary.cb6b7f1d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kvOsysO4VO3uUyEXyQtO6N+2lC21hMO2r0j7vnejYGKBzKR/5ctlayOh0Sg/EKmyLzibqRuBVUnf9K54OmiqgA==","shasum":"b72e5487938e367a99641999490dfbfc7428c86e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.1-canary.cb6b7f1d.0.tgz","fileCount":228,"unpackedSize":999595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrpY1CRA9TVsSAnZWagAA6xEP/1C+9GZwasBSkZ5YjBhW\nf5ad40KN3sllZF9O7VcI6BXrOhKrbcg++mcvEE1lNyGctfGBSC/PnMkmTlQK\nfpGhOI728W3uYoe7c96FumVlZsqRolYKJcgSM649x3c4ujKidKIC1DuNK5zf\nCaeEJ9nue0bPogBsCWmI+NigF95B+SsKwtasIIx3SIgwqqc52SXLZ/x6da0F\n+Kqap22zlOXXP6D3ycowsq8j21CKbDu4m0LSVm6t3O26aFfKYJfiJ7dTPWH7\ngPX0NMSlQJd/fNl/wolE3GKTMymiNJFPCcJXDEJtdGAgefyCdRITCl3+kl0x\n7lSA5QEitxq9rpfH5NLUQaY6Sd09de9t7qjt9YVFAxw3QatCd1lYTn8iU+2G\nEGnuDsAOOjcQc/Ij2bNMgc4jX5LWpVOeMvnPYnufPi0JqFYbnNlqVBr7pRiI\nmCQ6x5OV715lQkEWUtMrFfK1yogOrH8nkx4pSJnkJ5XFp/3zpLBRXZ9PDlLa\nkTBPpPJNt+uFpaV5dyIue+/F352bTiwElh3aWcBlaz7ziqtDfPINiTsa/hRk\nB6u4zseFCAAttI9gvxlf0xCE1s/BKpGVU7MQkm3CmC2SYSoFRstWbyH/VyJ+\n+IQ4jTalM7NkdUk/MwZo77scjBHeWTBetJ3r8+iAu9TJ8PK90Hmz9jBAPvmL\nYe4V\r\n=CSCH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9GFDAsRLzI7xMPepiLRdFq+pclpHXTjjnFtzU47asJgIhAMShPWR85F9LpsR+y7OQTdIGt/G63JuWgerDwlDeJ8o4"}]},"_npmUser":{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.1-canary.cb6b7f1d.0_1622054453293_0.8353243761087747"},"_hasShrinkwrap":false},"1.8.1":{"name":"@atk/mise-ui","version":"1.8.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"628b1709303bfc3800ce17d060772bf7833b2daf","_id":"@atk/mise-ui@1.8.1","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-1TVICl4EWQz+Pb4+53KkTiJtb7XUuc0d2YRZj6XqLeit7t530MNmsIuzDPWLCoUe24Zt0D5Um4ng8iCV5EjDew==","shasum":"3e2732f45fa3817a124a35dfce3cc2668a12f15f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.1.tgz","fileCount":204,"unpackedSize":844270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrp9rCRA9TVsSAnZWagAAAXUP/j/w/jArn1ecIKQ9Kirx\n3aGxJiar03iWFKSXlWxfH2/eGmdncyqvudLwvzkTTUo7nBeccdY45ZSHzCDx\nloSzEX29UXF/8fv1wqksuOH8cRG9cmoVGxEztxAybTzpcmBarmvHXa8UH6Do\nrt37vW6f6IC5Q5GibuceBHpLygYpKjMmPD5ukJ9UKS076u8SPx3Ojnowq1Vq\nLOL8mb7oOqD+yTLTWGOCgoDLxZUByDZQWBzjIf6DG4jRaMfXZqoThl6YGlY9\nneZnRHuT5DwpkmJiZJ7SEQGM+34SF2ljaNbmAusllGWSRu+00DweLyeI23/o\nKhbdHASFFEb+iQ7mUTYfZnfYoNLspVHhqFpWdDbhI/jkj5SyMyjPiqV9jDqf\nJr9QNOHcZyohd50DZFyX5RrNQ2Ae0BLAvqx/OKAkDT/aHJvZN/R7yEIWAzjh\n9pjcR4wfGGzUPKXSAnKagCkNPf+AuRwBZ/4jwJtSZpL+m1CISp+onq9t1Tf9\nFoNhaoq7Z6VBVMi5oSY5TX0TZrMNF8UncrZf2XDL42/liP9j/ZcHIGFWdpSN\nl+aPshy816e+zRWmEKWmk1sxpSNOTCTaQl1Pt9DK3AfTnGZjIS47HvVFmQ0m\nZcZ0gwPdAxw9Z2qo+c2EFRMam3G9vjOS+c3GCofKrndRV1XXkhLFe5SVgoAZ\n64QG\r\n=jU7y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjiVysPqoQIsfd/1N+k/XnMDYvbaVjN23kt6XToCPAoAiEA0ndYXqCwW7VKj4rklxFR1g+ScIN3Rkkh19JnJozXT9g="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.1_1622056810294_0.5372313565203324"},"_hasShrinkwrap":false},"1.8.2-canary.92a0ec9d.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.92a0ec9d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"92a0ec9d6decef44256b312000a32ab63ea300ea","_id":"@atk/mise-ui@1.8.2-canary.92a0ec9d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CFgmvOAU3j0Wd0j5iOBiu4Zy4KLHO7d8w94OJqpbzYMTtlcyPd2VSRjRf1kvUeeLJ4kobKLdEUcPwVJtyXTR7A==","shasum":"a2ae934c7a9dd4e603665631090cf4d62e7d7cdd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.92a0ec9d.0.tgz","fileCount":224,"unpackedSize":942793,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrrQZCRA9TVsSAnZWagAAcasP/0Gyx3EZ9N5OBM0MINK2\noOmmRB7DBZkQ5VEIPdv0BbWXLvU3ST/vMo7zLQz7kAklXOQXwRGjoUsKxwvl\nTyqqd/1/c5fnCgD1y+vYUZOJjstkq7l9/Tcw+IYKVWixfXd++43xuGYd1bgV\nQx0QOoW0dx3kfimFoZvHp3Xh0wvupx+975ek+wgGfkMegI8iHedcZOFD3UJL\nofAL2tSEvxLv4rO9MRWj4TKEJr1tIFEgTu1w7kr7WFaSonopYlYnmz62yJSo\nwMx102YtkoBzoFZejmnN35rg3iNkKrHCkpt69CCZTWiuR/rnVrnyiQ24H+YW\nyxXMcdIivY1xywwvJ+GKbPwkRi+fXXKMmOfBPJqstrVhQN4zH3ALO9NLI+9B\nJhQmWpBnAmi7ZCAlkpxw0hK2JLMqcf5GngZKddZj8wYbrevz5zF7sGGgcMMS\nvKp/CmHzt/FQFq1ipEKsBIUuXp3Ge22PB2FNPlJ9n7uWAHe8rJh9PXxT0xw2\nlzj5t1PnyWZtfH/u2RTRsLcO5RJkPhBvnfcg/h4Tm60dh+bPy6jniSn6snb9\njIcX8GwzrHbZFp3RMQgNk/QXRWyU3VVsfFSWsEnbx8QQPIR2xcvVeAmFhHSw\nZnwT29NMIil5u/ZaLFs40rPMa0DFk5lQlrkBdqHGSOQ8WIqcW9OxS0h6CGXY\n/mmC\r\n=xHep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE2Y4/ZUcVOnAfU7HztI0xHoKKGgUKPucMjQGZ7M/MRtAiEAwDXx5FTfiTlW7icz1zkuSkxRB9ylpCRMaNG9o04tuxY="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.92a0ec9d.0_1622062104712_0.07293030340859263"},"_hasShrinkwrap":false},"1.8.2-canary.38b81ca7.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.38b81ca7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"38b81ca77cc82518b82210f75dcb99efc15d2453","_id":"@atk/mise-ui@1.8.2-canary.38b81ca7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/UAKowq2WlL/xiAIEGaigfAB3fEj7Bl6q2SiPuBkNWA6J2YDTPDqFMjCE+pRqEva1KDpVJrnpNpUn5ykEdjkdQ==","shasum":"ef49cf18021e7256531dcbfbeb3b39c8aafa2ef1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.38b81ca7.0.tgz","fileCount":224,"unpackedSize":943275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr5+QCRA9TVsSAnZWagAAt/8P/1XDXVTPr4aDsjM8+/9o\nhc1liykfS0C8MV6VEhqdadZD4hgIhmt0AMUSEmplMOZS47sfWuAsNOVG5OKP\n8HOdsmYrA71VAbphU3S22UdxFaveKjyqsX8EnJ6ZumKvJFAryMF0sIKC+AGe\n7QkK6JSWuzYGtBZWsmUSQ/zQdrKaBYR5JpQydqedi318FgrEHdq0MIrygZ/6\nVFXXPX3TI15jNwPb5telAlEbmseSufKl4KKbhLgWp4tFctPyuEbPdaIybjlE\nGijnIpvYdlM6XW0ilii3Z7BDZZLMTcLGTR9NmJhUNEnlcmJmSq/4zJ0U8vox\nku+zF9hVIZxqq/kEH47vWSgqIcoCou0CX0G/8i+1XJGA0PuqrEMWERcUuqUI\nGXVfTD4+f9mlSJal1TPihz45aNiQVkpV8sXbbOIWmfcPyyPyaF8XwSe/POwC\nmeK2QNwJdwQ7WGEok1ywPTOqhsYjOAatxv1P6eE7lAUWC+X/bELYcbuwcQXt\nPBW1ox5K3tQ3e4miGKnU30b33DqoDyhpXlAVz0UXhzJq3B74Hy8DW3rcE3i2\nsDCF8Xgvek/6g0h3ukFNjU2urVh2mt/U6V/vsdmVAgOKxNf6bTig62+nOUyQ\nWRHHejGZiM5iXfhLKER0XzCENuAl8YzsHmkBWREs1qZeq4nWKhIZaf/sPCEG\n/0Sj\r\n=4Rzc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp9vRSd4PqhEjv3/E6fQRA2cs0n4pJeAVxlifdT8yxtQIhAPivvo5fhqqKgdU68bf3ERl29YWeAyMKWmJVOvREeL48"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.38b81ca7.0_1622122383416_0.11815596820074248"},"_hasShrinkwrap":false},"1.8.2-canary.c48ad418.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.c48ad418.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c48ad4180e84d3fea4e25150384d3b0b4ddb2769","_id":"@atk/mise-ui@1.8.2-canary.c48ad418.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-XU3hiUyUgIgAGzvFpCbXFERFOt4tmsvRQUy8hcyo1A2VPKPMav0JlktREzzxprxL0cWvQiW5g0XCeqd3dw0UCg==","shasum":"7583e62e5988dc57f246e2e1e46bb3f3b6af9ba2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.c48ad418.0.tgz","fileCount":224,"unpackedSize":943919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtlG1CRA9TVsSAnZWagAAC2kP/3xewviAL9aUG52QUKBn\nJBEA5TAYfLTc1UMPzOcW/TMKeaQwVCwCotWLD6nphFEHvgecakd7QSCPrBjO\nMCo85U4czEuPsQVqXAckygxrpp3BuYKjrS0Ot6XI0NcbPnkxcFsGZNjeTXFz\nMgN4X7HCfcgOPaMOMlq/SE7bRDmNNaNBcIYCCmOJ7foMrpqrklqsuNX3CIWT\n+63JEpUj5CDTe6VtqOPk3FJk3yK8wEsHHy5018l6oXQbyGONdBmwF6k/zlKZ\nK4oqFdJ/QAbAn3POlE/ev44s+aB2fzXhzFoumM1YR+CspesBnNQ4c25l3cIw\nFipWKW9q1Rv+SteA/X4BhEEtsoMKBDbrj2gGW/KuXQh7z708a/Fz/Fx4lM5p\nvM2HOLu8n275GGPWKbwcGTJ8+TV9xv3Qso1rWKSVD22uyvFzp6F3cnS3DPMB\nVJMwlV8DXHP6oHwhQcoPqGilSvsHx7xAHxQSo1Bmr3pqq/34nNqDkI40qr6g\nYyU507nzbReL/rtfksxIbWiGL+3KzMvV+b0xITdFozx3ON71AwXtlUansYiY\nLBfnpOX2yR5ctpr3OEBCAcpYvRrSZ9DeclpddYtA2q9Bh8Lt5ZTDh3jPdIQT\n2pyYvc96bsIhkFnF8d9qkhjhXIsS2iZuu9PiCGPyDWrfEUVTAvNzuWG3nO6C\ns1dL\r\n=qTIw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnzw6NmFzC5FYYdLj/s+uh9XEg+ARbXSa713U0xpXgwAiEAyn4hHHR9myZMiqkSmyH/2047PL1+xY01P2c0XYD7hJM="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.c48ad418.0_1622561204995_0.822773229685114"},"_hasShrinkwrap":false},"1.8.2-canary.28ebe8a0.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.28ebe8a0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"28ebe8a055effb133b1bcfbddaad0c1dcf89264e","_id":"@atk/mise-ui@1.8.2-canary.28ebe8a0.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iUKMYMo650/TruAigJdJTLyGYDJk2yHiFqOzCHrX75KYSkhR0Fu2n+YlQj5dJ9HIJVp8r93Iu6iTr4Xt+TNvug==","shasum":"c7c8c36e44fea9c7fd7566114d30ae18d5cf5655","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.28ebe8a0.0.tgz","fileCount":224,"unpackedSize":943972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtnFECRA9TVsSAnZWagAArHEP/0zuaAL5E1b3ghs8hf/r\nIKI7c+Db2gc+bBCkkcmDvEu63IY7rJPvsxh+5UKC1gOAhcfQFVZHHU0TAU+W\ntWopildpGRiY68udeIL4EVn3PMD9BgqyUERuSWiI9+RokAocBMB44hZRJt1T\nnJq8DXjH+bE38iAXZbSQol7V8Kj+sZ05CnTbFzED02zBOcbnR7luBB7/ORB8\npjAarr4qU8GTnSPrWRM002yGSGnorLSRga1T4gseDQCjJxCKM7oHvsurE0/V\nDtlXb8yNzri4iG7CbFNnSQXYLt4lGaVjfmdLG5W5zQJKG6Q1H7L2B9LUKBkb\nQh97huU2HzlSZvwiqB8dZs248M1oH1sa0CS5vz65vrajMoqiwUq3STgpDK2v\nVqPIR4P1YrlN8L//HkyFTFJB19RKAAFkOIQa+2wABez8tcmoslLHmSND4rYf\nbDNxk0aBKoNU4PpdNEJ6fKx7UeuQF/Khf20y/dHv29AAdLQPB9oFtOU1A+4a\nMBXyfGzmU4AWzqo5WxvIq1sgupdGNkW7cdqIn9WTRdcl/kqGIsyIht+vMxb6\nGayFfTGjPFozxgA0fEZ/K9xOGkp6SWnwxAcctTd6l14FgCgIjdEYsXnNFmJE\nwwiPBkeEi6zYag0Z0pUSBhfMq8CIsRLrrCyuVAMafKnG0W+clJu1zV4wAvqK\nTEUw\r\n=M+Gd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGv+opW9I4XvfBYLnoncgYWP5ylbsRgVWQpzqH7yX74WAiEA1TiIvSkcdA6WsMUTgi0L2LPQHo4rhU5fMWJBTayvNGw="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.28ebe8a0.0_1622569284080_0.6906952362231609"},"_hasShrinkwrap":false},"1.8.2-canary.534fb5cc.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.534fb5cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"534fb5cca0e1ee59384894bcdb63ef865c0641ad","_id":"@atk/mise-ui@1.8.2-canary.534fb5cc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-V2vzhwDPH0UTyjDoLEab3SJyp+uJu6jWHThoc1eAQsefu31lO6bre4771i4z9uIkdwRd4ArdradrzZKKv6QsNQ==","shasum":"36277fba5006dc4b624b3359910a8b814b2f4ad6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.534fb5cc.0.tgz","fileCount":224,"unpackedSize":944472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtpQoCRA9TVsSAnZWagAAY18P/1xH2A6z3RkCU1pX35dq\nYc7KJNQTBSNsmOcB0S4DjjoMqZZAExDrQ6su8WdWpFFX0F+W/MA19YXfOZL6\nEQ+Fv7uAvBl4L1NhD7XMsEF71yE1eD1bcunglPkTS4bkCF3QHH1CdrDB7QjZ\nk7pwH34VUv/LTXYN1GfRF3HqCDALRkVCm5AWX8oFZhVSP7iVNf3XzaExREwE\nNDmhqUk+xSrv4AA/Iq4Axa90g2m9Z+yu4zzRVV8pRoWMymnS4EySOMh6QHnN\nA8cd0/YUK4dhjJ9QOvD2kk5QR7AwkSPGXFVfOuzQiCdM5bcBdsXfNOkeNu/U\nXlyGPnBe3hdGbLZ46cEtEybgZB3FFLhy6ZnVu1+LI08R3xjVEs32IL9B6+vH\nTOGGJ0k7/Z9mEJxDbhYAMUHmCkJ92GDUfEp+rQHbJCXcitIJND0ChEwloCKp\nYhd3P3dI7kfbwlBJZckqFujg5t7/Bc8cDzlnaReAtSltrSABn2v2h0g3jYuY\nr2PxhNGVf4j+XXCrqOWaosVqt6HuXQMHPSyoX1P54bQwRqDHF1XySWjd31Le\nBTBPWtJYmMrW3U90J5IWWsmHBVFisjSDZQTHzsDiXRe0Al0OzC4KulxQBTS4\neynMJar7FpidTAyMW3d4R3oTOZSHH7dZt5KWiORapoU097nQyKCeI/+Gsh6L\nwkYG\r\n=8IAz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIECJ2XVeyMxAQwUVlXn7Psr3f9pwrNckuoczJ3qocN3vAiEA5gcpeslznpEkeiuAnloXGoVW028VDUf+2Zd0oUoLSyA="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.534fb5cc.0_1622578215931_0.8378156404707167"},"_hasShrinkwrap":false},"1.8.2-canary.3c1c3d2d.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.3c1c3d2d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3c1c3d2d6e95e930538eb555c47e9a514bc7b705","_id":"@atk/mise-ui@1.8.2-canary.3c1c3d2d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tOX+zcm5krd3A/auyZEs0vE2u4S0UjlDjZTNqRReo2XnF8PzsQWYQcfDZAiJfqjrJT1MiAAAqGeRswxUL6gGXg==","shasum":"a95d0e9c94306b0d3ea6befcbe6f8cae713c32ea","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.3c1c3d2d.0.tgz","fileCount":224,"unpackedSize":944807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgt6wNCRA9TVsSAnZWagAAY5oQAJbwylIMXo87JpcwPhVx\nsX7GmgtZU1Xa62rvPCit9OFNah+ZsxzR+kXuq2mkiM+3LWMkaq3C2UdyBqlh\nwsL6oVfMLgmyjL4cQl1BpVq5SW/w27lEpcVANdAk1QwtDMeC1rwK5QaLnJfj\nB8Keou+ZlmLd0f3YBtb4SCb6OFobBDPHjnlZ1zAwhhlywJYQRIs1X4vf+k10\nx8Xfjl1uGRyySH7XJLzkoa6SM1cZLoxi0Wsg/A2aLsPwXkN1XJXUjWRwUTDA\n30C9fUM+VpFhwbWBN+7w8FKrWCi7KWTMWO2g4Y8uVRc/Q4FxSmnrA7lfEd7q\njeXsvbetXpAgXdSt/o/K+WkL/yzz/zqtDaXKlHsk8RN0ODqPVqa3tzZ0ezs7\nEGxncq3gOio3pAtJnJcJYYdZa5m7f8h7oktWuFRX+07DRXWurLytFNNJEWpw\nsv58rjBXG4V9QKm/I+W5SJ6oxzz0LGSfhW7hdeqB0gp6Iz5bZYwPauT6KEt4\nKGr0fMEv1rD4D838f0SVBqz+ShXrRVJ2ZaN+G2No2jWRILrR2ccAFv20WwU3\nwGJlZq2hNrMUDBlLf03A3r8kKhfQSwUUGuuB8OmC5+itkFUJBHwEf3apuXX+\nWY8kuWnUDf3yuYXOLXf+3oJm10LoWFWJFcsz+Um+W8ZepLrtRSVvM8Vv4q3b\nx0tR\r\n=rUnA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYAIKDVdXLV9AB9btfxe8xM3gn51r6fbJkzkXYU/Pa2wIhAMoM+PjQN9VOg+e6UqSVfYgG12djc1NU4vAJaeUKJyCc"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.3c1c3d2d.0_1622649869159_0.237763708375746"},"_hasShrinkwrap":false},"1.8.2-canary.0bc7518a.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.0bc7518a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0bc7518a42be7831c4c93331bd71a54ab37c224c","_id":"@atk/mise-ui@1.8.2-canary.0bc7518a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3V/OZSULW8tHt3yNHse/vQli5buhr2c8MJr/8eKRK2Ntg5G+9y49ivceeuZEVCcIPtfayWWTzFd3wB42HykeKA==","shasum":"eab1bcae5e0e38ef1c3520f1ca222cf69e3a3741","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.0bc7518a.0.tgz","fileCount":224,"unpackedSize":946881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguSFfCRA9TVsSAnZWagAAJ9gP/iOjUPVUASDzKIaVIPrz\n1AhNndP1fFuQ3hr5mC7LsbdCr7rRGD4EnSZ+ZDQzFVhGZnotf/9aM/ZaocW8\nkya09o9Fhr6Tnvr4r+8veXBD0F0rC5OylYHWsfTURzCVwIXQp2hu5z+0ZsJi\nnZWqCBRImOcnEw9NPzZPLCsSWDjy+WjGp41Eu6TrLfyPFdm0bp0JV75wlV4T\nXZsy8EehlOdXj9dczG4Ut7ajHybcslOT0qk1to+17PXOOu/J0POcAa1/St5I\nQh0eR8/ReuS7ZmOCZcaTpXHokRLscvPqiRpuVcqWjQ6sKuOC3MIhgYLp6IMC\nhmwDKPOdGX+c/7AOSc/1rjmsdck3KdiCcvroVzIdgfj17t4orYpHrtnXyxxN\nyhL0AkcN1GfbX3SMcHJTqFT0662KK+sKZh6II3o7G30veP1rVsasFMmsYbys\n5xBlXgtCWdp9joJDOQXxosbU27aRk3Zh9YcDyA7sVI3j8kSYBJXB2MAiGrBV\noEAX93ucdO7SjlCZJ2LsGoDd4j6F6KNWjhv9gaiglWaj68j81gOmjBFa9z82\nelmHkLpjWIq+EPCTuMwAGz3z/4cpSeVikg8sJAGKzQld4mKxjl1xEgXsrMeT\n4/JD/sqZGQGGetZARNv7Q5HtLs4iPQmK1vgPMDBNsNINLAMdCTDCdyh7q2Sx\n97ul\r\n=mZ67\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxlZHyI6woBl6oKHKHP0jN128D24yHd/LilWpxVB8PQAiEA784KyYo/r5pxw8z30kc9LjGpDUXmHG3u1IIsr5jUB6Y="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.0bc7518a.0_1622745439078_0.9474118883445879"},"_hasShrinkwrap":false},"1.8.2-canary.1cf09f18.0":{"name":"@atk/mise-ui","version":"1.8.2-canary.1cf09f18.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1cf09f183589d62289e353bcd5442e41a4abc5bb","_id":"@atk/mise-ui@1.8.2-canary.1cf09f18.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zBsWLrAvlWMSVbIBsv+UoGEaii/65oY054YFqi4aMVZrKfoORgzSOhBSLm3HWwu2FFVtF9/bMh3qB8krTGkeFA==","shasum":"d4a25c94a457e0721f0c4de8359e510d632c6670","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2-canary.1cf09f18.0.tgz","fileCount":224,"unpackedSize":947508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgujzGCRA9TVsSAnZWagAApKwP/2shJgRb9v/rI//fRQJ3\n1PT3BsU13sppOKMcwxzaHxdh1gJQZKeQy04t9IVhanrG+N9kC727cJQgE/t2\n+wCUFIVeB6T06DsodBmIwPmDzLkzGhkmPQDTR83gLz/jd7CBCa2tno0loQpT\nh+MzRx5I8UWuV+gMUr4nQ/koh+jmnMlN5IrQuzOP3JM0jubDXaDsZJjFgXkX\nKOltHzFpFvrVrIJEtXk4KymJLSbwl7u3kqz4JhyAdSNSuebl/Z+9d2lJjBmw\n55pnM5mf3OtxVfv/df/yb83/jPiuk+UGMaPaVLv2Y/NE+WbPrc3yERp8/FFe\nanwMxwJUt+vuoMEg7EPjSPGR3VXQZL8nFRz7AHr1HewuNOAb5LcEUCWmLQ5M\nWLL5YRx6iWwXlWd8EbFdXiH1EYOObS40qC3zsTyX9PaoPN103DPa/GRZqsb2\nVZZ5nVHp+AOiIeSF+avajZSgO+mBdzSKm39ECPMW5R+siwrpNbr66BkTOVqt\nbP2uUVfVGA5clIhXu+n3Vk2MBcoNDuo9a75sUQp9jvHvud/qhoTvFd3XFs+H\nNcZUkGJhMBONsl6W8bMufXlBmUuObAjrqZtY4jKG9PnrGj0n3/zYoE+jacQA\nyWb1Zkbq78+0LNJuGoWF0Dfy7hKrKlqMo173YHtr8P3e6HaC7DQDTsxwGIzb\noqq9\r\n=Y5e8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUfig0BiWRIViwzptsB4Pcna+SkbE+sl5ZGsKkPoLDqAIhAKu/hmmxQF5W/JpVv6jWnD88uxkfmQndUmBwgtCJawyC"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2-canary.1cf09f18.0_1622817990526_0.4870784175292442"},"_hasShrinkwrap":false},"1.8.2":{"name":"@atk/mise-ui","version":"1.8.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"05fa61a322d3657ff38289fea259fbb8ab279bbf","_id":"@atk/mise-ui@1.8.2","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-LdYTrzDOMBXeeYVdupZgKmcK53HymeBALW5cqxieDZYCRyspGCM8vCOsWBOkdG7aUY6aotgXO1tsJc+Kif6hRw==","shasum":"a77cadd83bd1dd5e7907fc4e89fc1ae5e5f51f97","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.2.tgz","fileCount":208,"unpackedSize":881653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwP34CRA9TVsSAnZWagAAsWEP/j0acd8MjAXeNmu2QKus\nexGRxAcn+uZcr3rnjI2FOueDJser7oyI+NdvO6L/JQjb58+50R1xTtei/rzU\npFoXlc7sVDJ45cVKNl+OWNKrIanF1PeNCDwMQ5bibmqcUjQAbqFAIfH34ofB\nYgKbtp7AF+TIckHTfGHp82lmO2gHxVj/DeVLwrlcttVG+xANRvQbKN8lMk6w\n15kpVxyji53jqAKmlT1Ty8b5Imc5Q9/+peFfOIErVhaiLefvT3ImBYUWOCRc\nxjHIS9xVVS4Z7pZBAtkhNxz53Tkr43jah/fE/U0ufOAw/iRY9co5QLwS+26L\nmkvfJG60om2dsu8YCppA6KBkXEgofcPWgb7Hv1Mz+mHAoAb1OfmjFbMhOCW5\nG3G5u9Tl7mEAosusgyl9LoZO/hNAh/NgVTqGJNxu+n3fH33MonyYSvM00UmT\nG58IrqnPOGcUaF4ROvmPStp3cIWmEgGzIDGX642tH9Cdq481j5MPFfvptT3m\nyzfdM0l55VQfrfUA8Oxlp821gzjsqT+19JlSsp2FiMiVXQk/LkVI9HPjEWMJ\nPUFfRj6MpmmQMhi7skLpn2Xps9m+80th3klUbbHKMTqu0gzkzEtqR8Sg/bz/\nVj9Jtu395PnDRdlekVS28Bj8eXpVthm2lEfeZZBIGcwp5YsSANAYs9y1ZdyM\nT1Sd\r\n=jNHz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICjzacBaIrPR/3TJV03QiMvciXNvSH7WOaq9q07HOLY3AiAoPjFYXf2rC7as/EnbBpGCY+Oo9QtFfbj0IoMsfgd/8Q=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.2_1623260664298_0.43361414041444757"},"_hasShrinkwrap":false},"1.8.3-canary.30133147.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.30133147.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"30133147ef293be53006e43455487a32b46c79fc","_id":"@atk/mise-ui@1.8.3-canary.30133147.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SwcuF8aD5sxbIVgYMwYXzjyh71eMvB7unrBX4xeSmE+9Yq2i+Bgbi5Dgt8oIkQ1JU2jGEEOc7ETAhkc5nTukEw==","shasum":"b5c75d5541f6f85be56cdd23f08ee9b59363f486","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.30133147.0.tgz","fileCount":259,"unpackedSize":1057424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx2KiCRA9TVsSAnZWagAA1voP/RrIh6wSaONkjlUgbY6X\nOY2G5EfGU+4bPXGpU8/5hHrH+ZLrfLxrM52QThp3FTvQuWwpUqoEjFkwZfwK\ndGmMcC+rCuTYywd/N+j0zXxKpLOmnSJFzRGb3Gow+4L+9ufoIYdNwrcMh77s\nY64LwM9cP6xjGo+46rkr95nsAn370XIIG4M1M/YUNF+RvSl/BfEgvysMaaYa\nTRyq2vaCiku4dDe16pfQc4Y7SniwoA3L+z0gyB0hRnHNMOnJ9TU637OstdN9\nF0lpNiytNMkxgE5GMiljTfBpnSJZktjvUiDXbLWmj3eU33pRTjo6nFpif6cD\noAQ2pwZ8Etetq6HBFmjoHPf4Day9E6OaWknQ+e59+BdVB0I1zXJZP4hFpJR3\nhiHLb3ZkqiY0z7V8JTpCNy6CduGwVqfwRGK4HAqpMUNog6rBtipv9waMgs2M\n4MW/WaRP36zCNENR+W6e/2SRKYWyRV+reV/+O5avNeN9QRlEpr3SmMbEaZ46\nLSC2w+q33uEDzhnofj2TtBp/lV4uRz1BaLelEZYpU8x89IYEVy3AAXGgcK/b\nnh892eWHEctKhFIEKb/RMVtzQJn6bAmp/LQ+j9lBbOVyEEsUa2y51gpNmbMj\nNOqypaYyO5mbQcgxa/FE8rYMWvuYkurDyz99sSpPE9Phx0drj5ntlO+G01/l\nUVg8\r\n=mgXl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjY5tDpd3Jte4fFjd1PA0rwdgakmsAVT6FONpIXFANwwIhAM/MbjePg1kWHmmZP1+nZv3nN4l1YofO39UjbY27p0Zn"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.30133147.0_1623679650062_0.49155179886421707"},"_hasShrinkwrap":false},"1.8.3-canary.5f1c9b72.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.5f1c9b72.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5f1c9b720fe2ed37016fd27a10cfcdb4ac0da6de","_id":"@atk/mise-ui@1.8.3-canary.5f1c9b72.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tp0fro/NKozjqXk4NReFDQwUjwZwg0EWGBGKs9/tN1LKuJjoD9dkhdK28BMNmsIVPGGhCE+FWWzWOdJpo2Zz+Q==","shasum":"6bfb9e8b5e8058987cc906536572ecb03fab4744","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.5f1c9b72.0.tgz","fileCount":232,"unpackedSize":1037118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx6NMCRA9TVsSAnZWagAAJ58QAIcpG4SyabpFejkHoxqg\nU8NfjtSz4O8u75VbMY0H/D6TDyhMJrQgnrlBmLFrdbbgsxvxhpRTGXjp8ish\n8y/kysPeZJefyQ4A8rw3DKDEE9+xse7gB4ZBgt0IMQVyzbbIl6ivGXz3G0+g\nAgnEX1DO4E/I+ff7aVxBn+DSWQ63lVEInjaEbFXDHI/0WIwin3TqWiOooi4u\nyi7laV4+YMSwGMn+c9QSitRkwnwICQcRc8C2EJRFmm0ZF7rm9hQEzf4JV64v\nEG3uVOjvQZbOpt14i1WQG+7ZyUo7j9tFayuzpsSzIpi+EZbHtMPUgUTp01mT\nztBivRT6CyH14BlWE3cILpKxs62GTF5w2sPTD1R+FkgOMzFn+Rz/o5axxyYE\nUKNpoJS7rSbGKD+WFkP/E8TmvAbrifyxVh+du/1dnOdg4xhRtkDIx71cJpot\ndEkrHt0i1wlO4pesbmrmBRrOYCgrSdLRDXDAT6CpDQFkcdP+ItTvevUt7PNr\na89A/AjqHXWQ2puCGv8MdOiXRCswxsqfZwkbjoZl9EHXBkM0YfaXv8Mysfk2\nc6iGAsFv8r7DOSy8QzmMZ5YCGqEzbjY4MXSX4uK0jk3GNONrhWTIj9dXgfqv\n1bPuvSAlL44f2b9Um13vmrvej6n6/USLAiTt8lnY7FKLcvahWaGW2VrWTnpx\n4cKZ\r\n=ltOZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUhQLSbZ4VGdlk3zZm5dLaqwchygg9VSNjOsM+Wr7EHAIgEtrQJHwOKvveqpDv51khb9DDhY4PB1idtnaVlGI8yTc="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.5f1c9b72.0_1623696204221_0.5598588666570232"},"_hasShrinkwrap":false},"1.8.3-canary.716f6a57.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.716f6a57.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"716f6a57a5c7012c2d58e9a7d56728031becc0df","_id":"@atk/mise-ui@1.8.3-canary.716f6a57.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ld8LPUvrJ7wPhQVM4v6S6m33gOBHa2NvBRjRmt8sx1LwIu2R6k7nm+selVgtGWxsiFncdoQHqD4m58u8fR2r0Q==","shasum":"f33149f965fddbb3acb0010299616befeb636a09","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.716f6a57.0.tgz","fileCount":259,"unpackedSize":1056728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyLC7CRA9TVsSAnZWagAALcsP/i87dwzR8BASxtOoVFew\nzg8dHfEOXt32RR9q/gAgPdQgWB86nsG4cm7ek7Sa08q6ZraPf6r1kvgwDL+Q\n0a8o/gYYt5ONRa6FBoAvXAVjb0i6fXiAlQ6i8xMSaJjsDvymnENXFDz8k8yg\nSx0sctBtuZBejk+FmnhnRuqRZC3opZLdKOWrluYZcbcbGaClSZYeAZAkEh4H\n+IXRVOZjibV4tbZL22Ko4Y9DXkhfJXt7rZUSSw4D5MPJly783TFxAsH9Mq3p\n+OFIPZ8pXUaPwYxDSOC++kITPJhaLabXEq0E0C55SGCcyJiYsLDshRmVLOQz\nvrjYIvmKY17MKis4cwVmGAZsOtQdJo3YhNy94HR3iDlYgqn6uXTlle++Vxj+\nXDheWDMpX2jq6WqKGnv4pQwrzqe7Nkn0ONwyu4xhd1K2h9CjRo41nIsv2SOq\nUh2y0/7kirHdRGKQxARpCSvImVA+mVqMe0iVh6dMCwRMWIed1jkJm3MlNFNC\nQ4B72xuL2jMDKGzHh+c99Jlcgj2/s8jk7H1qMEgnmWCiTcg22dDw5+uL3CMj\nBJDSEMvuZv00JqviXTJQ/4vBgLRjnqEpq32UxEfPiviCdkZAvcqsuqyaJzn7\n2Ywkg6JyUYTah/qeCVg9uaZxTXrY/NOExhl7x5W2H/O34YA7rhg5z3sWrwEe\nSV2r\r\n=vFYk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgHcYytJfIJ7rWI6f5u7lYFyGwZEfogetLe/EsucbmsgIhALYcvTKemuGwER9jqgHZL0VYf087blV6G7VVcvPn/i87"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.716f6a57.0_1623765178965_0.3465972375945354"},"_hasShrinkwrap":false},"1.8.3-canary.6532d5bc.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.6532d5bc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6532d5bc147e96d1de7873b2b9e98d4c8af73a3d","_id":"@atk/mise-ui@1.8.3-canary.6532d5bc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Eil3ne3g415+tYHzL+kOvGqQAHXwpwUHy/7Ewx02LBL4bEXnZolF8ELjaaFDNVZ+eZRjHmeuJUJzMmb5FqnUjQ==","shasum":"ca6568f9cd34fb848bf72b98dbf4b5e1b9b78c94","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.6532d5bc.0.tgz","fileCount":259,"unpackedSize":1056728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyLFfCRA9TVsSAnZWagAACy0QAJXzcJWZKd+JtQ6kazPr\nu8fC9rWt1senVm17YvSytMzDSWxGSNMzbpP4zHz+VLtQ32h5NlVtSB+ibpBr\naZ5qTttmcI1TBr6ezjDbDUwBkA9TDWeGJ7eT++I314VPLETD4P3qnaMdjwwM\nob0WUAwg+RMBwcv2uykiOsc/lPKwSKQyTfB67G5jhZpGtxr8L1UVjrgsu5+C\ny+IzemCER7aSLGv0zpyzPf/pqeQ4vjhqbjGcgbfGXzyq02k77nk17fKNhzdV\n5hF5Dn32lQy8bNLuq6UfYR5JboPuii3LB8FUJlOR+NiVVEYD9gaIxIY7rv8Y\nWdSj3m/hDXEtgD1T2sS5ob9sMXAipSPxT5P4wPHEkplfpaZ7yDDAM3MqFyDD\ntjuI8y44QG1p0TaK3YzXD+Ge4ERNUCwl12psJfyfCGxdRTQY/XuDAx6HOMHk\n7FGQH5j6RQ+fLjqx5MmRSRoFe6g0jO+MVnOPCwvUGR6V3ux9/t+khKssmFJp\n02/2izH81gO88UOU1QGOO7MlkhUAHg8hyKIO7RgXlUGzy8Snk/G6fRZhCSst\nUiQFmK5yQEUEhksWAKyUIDc5CrbeouuTlhecQL3YnE+YXx9d+HU7g6P/zcS1\nmwP1yizF4rVLVNYfENnHjG2de1EdoAMFVsUw/g5JYPOIemqaE3nqWwTcJvfY\nuzig\r\n=O8D+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/xZq/MEWoqZoGot+CLfqxX+7wVNrv4Y/8eajSjBXlaAiEAnV/5HFzEfIapYOgjn6iJ7Gs2mfP3yCIoYp/7zueE5L0="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.6532d5bc.0_1623765343734_0.11349882979808013"},"_hasShrinkwrap":false},"1.8.3-canary.6532d5bc.1":{"name":"@atk/mise-ui","version":"1.8.3-canary.6532d5bc.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6532d5bc147e96d1de7873b2b9e98d4c8af73a3d","_id":"@atk/mise-ui@1.8.3-canary.6532d5bc.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0a6h4aoo0P3KRnvCa2up0s7fWefitbn7DT9Gm0bBX4icA71HT+C4zwQrvd9kNJENsEUcDrqea5etsNFQX/fjbQ==","shasum":"9322633068655dc3102b31c14dacdc521764d375","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.6532d5bc.1.tgz","fileCount":259,"unpackedSize":1056728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyLGFCRA9TVsSAnZWagAAsAwQAIEDh9AXaDAU1Ebs4/Sy\n/Kh0eLZ+hRSXqWl78kGQOqpzpoc5OVpZqm7GqmuGYwfBdBc67E6LUARZ+A6D\nTqozN/WvGsbgKvCuKPjKeiDyzG4DxHbg4nxZWvafGIeb+i4g1GECxzjC0qSb\nXO2PYwjEjDMRBBksURaedK41M0qfTVRsEw8iYMms5FlGfn/Lwuqmo2ygMBcn\nWA7T1q3ik+wcITRYhx1tV1Cui4gLiKWBy5MT1hRb8jEWuQrS3aWaeomHHN32\no4dL+PYBUOoWaiPd/Zg98gVW2Emfcak5i5vCm3kizizQFCLqrW1jPavRxPSt\nG+YdbH1AAOLIKMiC9RMCMuKuqcO7CKTMnitzUfcUvs2T1NyyWb7mFubclVPw\nqqtCnkYhFsaX82+S2lq0w38qI+iPZbsLKeRuQyhvAXZ2t5HxYtKBoPlfrONY\nLx9xouyUOv22PCoce8bIgEsKwITqgVqQrnvLZzGFfBbxq0Z9T/rhhWoNSA0u\n53hqFuQDmymGfs83AfuhCD4KFzE1Gkr7LKm0j0nUEhVsfl33aTTLFuG0tiCk\nqvtFPA0cLaw7l08rtZ1bFiTLqvdSEMuTE2Q0T4mJQhH9rJYxOq285uLUiC8/\nh3bNdFT5f/6OzxPJ3x8jTFE9iu4mYkpI5i5jegMTnuuFNM7XmBnIkUPCpEw2\nlN8B\r\n=FHLL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+MJYUOojoF3GM60tFXPFR5Nv1VuWLw9DT9teQmr1s8AiAGqY15+Cstz005tINowYw8g0haTXnhUYJApfr9eNg3Bg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.6532d5bc.1_1623765381139_0.5636245034603162"},"_hasShrinkwrap":false},"1.8.3-canary.ad43693f.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.ad43693f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ad43693f02e21e58689b1484e02a1f663eaf3a37","_id":"@atk/mise-ui@1.8.3-canary.ad43693f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qaTUEnlcRZ12FvOrxYh9n2N8OKChpgglJ02NVOn75I5qYFbcXdr7pHtlTCbEtlUGiPgmvl8V8KZco1EUAh+DSA==","shasum":"a57a3f4880195281ea938bd8a0e79dadb1dc458a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.ad43693f.0.tgz","fileCount":224,"unpackedSize":947962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyQImCRA9TVsSAnZWagAASQQP/3nshBCD7/CDV7gKmFot\nWglNV0ddBP6XuvY1PoXcBIPIYyGzTQwhb4bTAs1NJnfF2qymXGHTuZEbpZW+\n4Tb38wiL7VKvG0l3jcFIMmeDOuYYj2u5UJ1f7VEqoqmsS+y1es3c58h/1fsk\n8d/McLDXnI/CKR30sX5HvmkxAN+Qk0OTPtFWfhhabsn24aankLtjb3ae3ftS\nKCygo04l3jxs5KxH8o0dQreeiO9lkcB+7CP+A7tWITlEicvKK88VwEG5qVI1\nRwcqInSUVWPbjEvxM2O7CHt/gnE2vFVBvIHGpKojCEflLWd+jqHHpw781b1+\ntoohx5igSTFCbLU1J2pNByww+BHO4PIVuV/Ax7Lj7V9FTpqVOd7Un4BH71QL\nMps2CcJ4UFgKcKLGtvVq7BP6eLl/BLC6tcAvYZOsZM3dSJqHlyEGRI+q09Ia\n5XcOpZnVjwNoZzuRiUxE7ej/cyEdG1AnE5DCpvkq8RzzUW2Hgcu3iexZ7nSW\nX3xwTL25UhN4uRRmqftkAhZRrygZg6K88JcN1Y22LSUXIHtQuc1xgOFPWdw6\nW4M+gqcnDOI00lL1piZzNhG6V4cy8Mc27Z+mSGYzGZMvMX1zRFIjgAJ4W02s\n6O+tnkqclV3KuIOPtNCEd623gDukgSMZT0OKP3raQzA2lpsWcs67qq605v7t\nISeH\r\n=hrjq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiBoDoNOiF/MTwqf3QldV097lj3EE6/Oujopz8G4wECAiA6rPB73lIwLDKGkOw8tsDCvjFy/J0hN4iYCpnZwsQMtA=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.ad43693f.0_1623786022714_0.18711650240543753"},"_hasShrinkwrap":false},"1.8.3--canary.23bfd52.0":{"name":"@atk/mise-ui","version":"1.8.3--canary.23bfd52.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.9","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^27.0.2","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"27.0.4","jest-styled-components":"^7.0.4","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"23bfd52876dd6f62d583636a0cc6c22e7a651069","_id":"@atk/mise-ui@1.8.3--canary.23bfd52.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3g5Ht+TXCqfW4FNEDzZr9UciqQ4vJ9f7EDWs9qdzryJfjRK+lnl7SKdz2mAJ5QfGZobGmZTSxtpuKRmj+bVINQ==","shasum":"7f9906cec74d37807bc5788e535bbe13927f4ec1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3--canary.23bfd52.0.tgz","fileCount":232,"unpackedSize":1047934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy5CwCRA9TVsSAnZWagAAgxIP+wdOTRXUU3JM+up8tF/K\nCTU1GoBtbr7vQfMPq2Gml7QraA+XaaExYgNzHkpMQ5L62ba7k3EuJTt8dV0Q\n8kFVGdUSfpQTiTDAm2WqdTTEk3ZOsk6xtV2a36WrCqZBBR3TXWrbG5e3fYwP\nPO5qvkti1j+4JC4q0rv2xLo6Hd8SMlM7sdgeDnCsLmpoDBjPXhPzttUTATzh\nKOnWDdhyfFdhUHDwdQfVUBskjR/g3jgtEdwHBKHcQZ07zj2A95s9xgC6rFk7\nAqPLoHG7PcTuPYrJNOi+wD0ddDgG8LkN2IZvGDdLCCuBLQyRcHrfB72z3khS\nBqW4G7ixskBqtYvNWvKveYyK5pypznhIRzjshyQz2cNSpc1nU7rsEumt4vB6\nO1ARYf1lFJn/gE7yFCZDdAkYaB3ZLS+4uO93yXhZN7Ea5tpju7PQKKqs6pWv\nIHkzJm9YxK/t/CttULcouhAkIxuU2WMFplLsrD4V2ppQ1DCR02eJs5wxvuJa\nKDyfqtl5xHnBWTzIwWOyafiI/2kro6f/LdCSYNZ9KXHysfBqrZ4RJYdJtoYV\naKsaWLTFLQEMW9FZdfiL1KiQUOesbfvwl/DywWKnjb+ef0TKiyR39MshCKSI\nQUeUy7sJXVxuV9P7hVYH6B4Q/qKYVF5q8ZDbxkGdYSnwbkSxdr9g6q4jrKpt\nOQf+\r\n=39Ie\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDo++GYUv7kdTURcBbL7ZTMJaF5hNSVI4zZATBUprixvAIgVzDaONEZKOTfTH5lzcU666dG4O1QWFKWxbs7Lko2OQg="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3--canary.23bfd52.0_1623953584120_0.7610451810604126"},"_hasShrinkwrap":false},"1.8.3--canary.de50a72.0":{"name":"@atk/mise-ui","version":"1.8.3--canary.de50a72.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^27.0.2","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de50a726cb0c21ac6631207668f111f7335dce87","_id":"@atk/mise-ui@1.8.3--canary.de50a72.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-IPj5urE3atLzq6x06QGpP0Mk5WpxdRqhxbnz8O7S34gpGOxPU4ETwUJiUYj50UC1YKtQ/XDNXgfCP8C0Aub0pg==","shasum":"29d07c98221944a23c7cfbdcb9af6437648ae2eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3--canary.de50a72.0.tgz","fileCount":232,"unpackedSize":1047984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy5cLCRA9TVsSAnZWagAAer4P/23GhXnHH9PotE6yrXE9\npTqLsea3VRZMqCa7Sdpdtq5vuhcdzCsO0/BotUYo/UDIJ0RS7jR622bh2GIA\noBWCR3DVNWUypav/cY8hYoH7bpRgAgM5NILgeWK62DCk3UextBpdRuTEiLdZ\n+ZJDfJ2sUH9x+gjZvn3D5epIN2IXHrhrWrm9osauoyHHU7a4kJ9xSDDVqEPk\nEmMQUeZ7nmQnJmkm2N/IlsMawmKQcBP9ZTpcEkfJb5GNNTcRU/MhfF2XioIl\nB4LRy6pA9kPrangPDARcKl1RlsRGBnccCfpCeiwmEijsshGdYoD0FVHPyIur\n/yqCIdmxkz6actN5ar/J/jHDQkG6uifoj9u6D5/sdi3cKHW0edqI30vFcBLi\nHaHnC8AjdehTFQaHQme7AUwO1MU2995cdLAEf4idaep0KApV/ceuvj18PniW\nqTgTPizyaUsiIIwkjnvMJVnJHdGDeb9r24mx9TnbcJul7zQCO6NioLXgZ64P\n0YP8WMIlB+WZEC9e4iD089yFyOF/fGuUt84X8X8FAXkyrZzpcrxRGZ5cVtoD\nd/2mVXOZumULiuL80/r5wbrk4z+Fh1Iql4l+vhboewmKC/+sEXrXJ2l1L4pw\nlL6TGUx3ONprvym4ac3THU+KK/wkbhhoJKhpyGlAWhPYPS5oIEsXSsnxlSnz\nw5T5\r\n=lMQE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3lMCK+l0RstP4kdRZcK+CZ17aJHdt3UReQqgcRboeHwIgaZxZjovN8V53+gXJr0Ofc+GokcwAq9+kHRdVV8qqzzk="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3--canary.de50a72.0_1623955210579_0.6499485393976365"},"_hasShrinkwrap":false},"1.8.3--canary.89b52e3.0":{"name":"@atk/mise-ui","version":"1.8.3--canary.89b52e3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89b52e315f0e997065582dea44ffbc8529437fd2","_id":"@atk/mise-ui@1.8.3--canary.89b52e3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xfPVW5tQA4owQTX2aYtwrfKLMIy/LQaxIqLSkzT7Ey4eLjijTFxGj/vXpJuMl3zHZHUHhEGrbd6ZhyLblqcuVA==","shasum":"a1a8f73af06c479bc78bffec43cf130ac34f575a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3--canary.89b52e3.0.tgz","fileCount":232,"unpackedSize":1047984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy5yGCRA9TVsSAnZWagAAnM0QAJ9Ejc6XwQlf8fXiobPi\nPA8cBOogyqSogqXLapXoRQzo+nHwz/s0cDJo6P6cvis30QBTpAd6pwVRk9GF\nBzCKvytjYdVRV3Ls/GkEfQBAvnZp0ZKPYyJvGy0IcQ8wBJfjn2OUuHsOVK4O\nz+2M1HCQAr13dBU4RMwKYHn3PrzDKkDqcEn7jR+0LatkHsW+MVlSpvhbLHny\ns+e9O6ZCz3vUc+fve7CJOZDggxuKam7XaqrmuQEnizDjaRoN2zw99SCB7u0U\nBUxfpOcRPU2NWyenQUd05gJY9yZRfeS2Z8mh3ZLfW3ZuVOKXVXD5KaH4rbrL\nkxJ1uGEiyKDNpddxzJ1b7lKMXN88b7AHP/rAWs5Ilxb7yxOaaWFLi4tIeYut\nHj08gSK7zuExA1ikoTSrrHR5CQ8uPtfCKO+20RwOQchWxfJoi6dz4GILqTug\nYO0Tjd/dgVBawIDVoPdJrxHELTRpAg/nu5HAn2vdhTAmdshoKEfRAmkq4RDi\nxYBiVnSL4wU9EOmpFcc360qq0oSyOZdOHP5jRlufkpzE0Bo2fCdIwn2W86ya\nzEZIUFR28skQrH7ELfueTcDrwZ/U7BKDXHk2KdpxDAsCnCAMGHBOVhmsuQhy\nsJpWh7k5PZsqXD54qCiZRjrfE40g/weadjnunSixPDkPyBPFUTrnD2Jikxgg\nRRem\r\n=3cx2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+SYSScSbu9ftPGCwY77//JfwEUDhfg6ZEM9xtptUKbAiEAr3Htehk1x0I50uSPncBzzoNFKoRUsD6AD5CYwNFLG0o="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3--canary.89b52e3.0_1623956614066_0.18964084654790092"},"_hasShrinkwrap":false},"1.8.3-canary.abf22a89.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.abf22a89.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"abf22a89b35c0c38611e11dee6a1b27afe7548f0","_id":"@atk/mise-ui@1.8.3-canary.abf22a89.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-RCSuJ6dVQ3/4hhfRWu2shKuHJZHow7A7IqVuChGQ3unErESsCVfRH6I5Gl6q/iIc/JPXFaBUaZUFH0RUyWAvMA==","shasum":"db4feddcd67079c2cfdda19f0a99aaefe6b7a123","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.abf22a89.0.tgz","fileCount":245,"unpackedSize":967014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0fyeCRA9TVsSAnZWagAAnGgP/js+WOVhAwt2wrvpT2DR\n9/Hill/CCM9ryt33wXz4wmaJvfUw9xhZvYrpDYLhHHHHZP921IyA0MEhGdOB\niiagh16fAmvmed47fO+jQqgZC9Ljuru8QIWyTlfQm4duVP6hJdmrwdy162EE\niAev62c852lYy3K92l48I7JzmIxf41uVMVVVQbcfFEnZuWfH5EijOKXvsjRW\nzuVAC3VAIgPc2LG1Nul+G54GClAR5RjlYsSY2+ynJ/N08nBzML5CtBEPAwAz\nARBP2Mlanbt1buAZsyvNjusRFzZNB/bf4p64eeMwBmhtcIbYeyXqe6TO55ss\nnz+kToSkr2KjFSlwpheoFK/XPBF1ZBYxCKGlBfd+toc2MovoMkLU+yAVoK+g\nMllvIMeyPfAZmbauYOzlxXnyqmNrCMwUkpp4c9pJuubx/gKGriqR+SRgAxwR\nEky/4gV0dipCodrieUprJduSk2T60PuR2jfh4SLFr2xN+1tIAemn1PESAEfE\nMn6MT4bL74ARQAsLM82qvg6UVjuzS684HOg9C4FSq8Wd1/ARsZr/D96RWE+I\nB3Hx64tdRTZMDC4eLgD/C5pZj0ij8IHmZ4A2Va2PKtSjF5CeTUyC/beisKQb\nCs6e5Ri0zQifsPjXzHtCkh2xbBMTrb/ycruqObMhRcj6wN2glv3cigbNhnAf\nXRBQ\r\n=14rR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDcENx30A8TC688TnR+lLsZ26uKqh3mVMUintzVQ8nZXAiEA+7O4L5bBGmiCoPcDy9R6DGmp5+acxzCLmw7M24ZJ0Ao="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.abf22a89.0_1624374430072_0.49486692300589197"},"_hasShrinkwrap":false},"1.8.3-canary.e52da172.0":{"name":"@atk/mise-ui","version":"1.8.3-canary.e52da172.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e52da172ca1693663fe0c5749aeefaa26d679bdb","_id":"@atk/mise-ui@1.8.3-canary.e52da172.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-iwFR/J3oc60ocmq0/2njSMpXHVmbRN65DrMh5+xPVyokSjmlw5i9dIsEliqmo8TNWDv1rYZ9xKmd90CiV/v/WA==","shasum":"b7a4ae0adf2799f30630469b3f5780ff155fd8f1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.8.3-canary.e52da172.0.tgz","fileCount":259,"unpackedSize":1057108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0zqLCRA9TVsSAnZWagAA6rUQAJGVPohcGrU/xyiNa+W5\nZdVQa2Ub2S7DfwgwR4bSe694HafaesTohzAxB3DhYkEp0yS2TT/S2u9VDCip\ns+Gba9cBB/TFzdHaAs8Bnr8EpBDT8l06TJ/k1y7j71P5EG+dMAxZ5tYwqV+e\nhzpB/Jz3nLGuiUCOSzXmGirTWBa01+Kp1Z3v+BOy5HCQDMjEbf0HVwihc9Xp\neAWu/zxnp7V29B9I2C9riTDuJKXUc8yRIWNunEg9MbOXQ2Bo00hfjN8nR5vS\n/CYXYzEF72l19nXf3mnbQuqXEB6e43qadqil25nyzL66xtNuMWkdCJATOY6y\n0+EuoMprfQXuKjxkYfsSz8mjrmQN7axUDI/J8FFV9gv3IMUcCu+m3rHZpHK8\nctwgT3jtf7s9mftmZCuXwRSTq5lHEEJqdbHBbfv2hJ/rAlH71z70wdGN/k9q\nyPeiWbs+mNu1YVPB4blDtNed7ZVeqqdOQ46lQM/GnqJWX1KRjoEZR3v/vOi6\nwksjvAidtN/lJgH95Uh2fBw45c/7JZoJ8HHKXTLU5Faze8VznFUAnl0D9WAV\nectjw6tyWciOVWjUFvq8m2UUOb3zqxmPlPl4wOOfKBo9ov6oYcIq+obubT7R\npNCUzpSzibxRqk8SDxmGaZ8c5huYaV7qV7VODJzFvjgZKwlPCgP+t3uiIR3a\nAkg5\r\n=MUIA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFUkWJiOM04177J0z8G32sy63LtqF0bzp+ocXyLMaqgAIgdBA4+N191n3IHCzUnSe1DEdFH9qQoBmxs+agIEEKyXE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.8.3-canary.e52da172.0_1624455818452_0.15379911588488504"},"_hasShrinkwrap":false},"1.9.0":{"name":"@atk/mise-ui","version":"1.9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4d204a72cfe64e25cb822d0ffaf2ce899c71aea8","_id":"@atk/mise-ui@1.9.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-M0qi3poS9+ekS4GdvGq0bXvSpznQAy33pQFDeu/10Llj7yhhw5hk4j212abrBal5O7o6XjeleQKr/CGMRoGUfw==","shasum":"1079babfefd7f92dd6dd0e375dfb0ee7238b543d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.9.0.tgz","fileCount":208,"unpackedSize":892850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1Jc9CRA9TVsSAnZWagAAFsQP/jV2pdG9sXSgOxY9vAIZ\nkSF2jox5rYIgVwZjwkRLvTfirfSXB10zwz1zmOIjZUkNpstFvB9PfGrHGRS6\nDHGuGmZoAlK5QrTS2UhgXMoshQFoy9h/vzRilTP9vvp9+AFp1wiflP6Kyyy3\nJwWy821qWkcpL6LXX43m3zgny8J5KogJIXZPWGeWwK0eO2irTsh9TSnQeopm\nATAkrqOdQKFrWsks5vQdg6lVRGfybaYaY0ado883aLIUPBQe/leSdepmGz4j\nn/o+3CuxCC2F3RE4/hCimfN1DbBYWmdklynksVbL02tU1EFWidSd0b3+eMQV\n7oONmhurVXPeKsWgvYxZ1heLaJ8W114s0/Hzm4DKb/ZBPuAV9MP1lqxuIkRe\n4NBAmpA6DfxfGmipVA2MU4eucKDD9bS7Li7zBlhOXCsT6/tQh1GPlUG2PrbT\nKq3D5O/XkTY3gFs/FkjPhp1catP4GeaqLrUh/8/d44QcbU9oQOI9QIeVRmfO\n1Bar//cKka3nxzEmjz9yFDJ4mY/P3FJdqXkiB5JJuKEgAGpyvr8k9Vd69iXT\nFtMBAHEFlpArzfOdrMM6PZACZusKMbW4/XiscG3c/otzT2clAjCYLw+tnZHN\nKRC3z3XsP82KypMDH1b2CHqBl2rsk+eJ+IvoGez+cW67l58AKMwpBhFq4Rfe\nsOY0\r\n=VqMI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHSDsQHAFbAZIxgII8QiIQ9W+7Y52v1cKdtHx1L4WDLQAiEAnNTPxj79xghxDGls+25MIn9hQd355Mj+tDf81y2OxIw="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.9.0_1624545084939_0.014866235139858519"},"_hasShrinkwrap":false},"1.9.1-canary.a3752ab1.0":{"name":"@atk/mise-ui","version":"1.9.1-canary.a3752ab1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.8.3","algoliasearch":"^4.0.3","cloudinary-core":"^2.9.0","cross-fetch":"^3.0.5","flickity":"^2.2.1","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.2.3","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^9.19.4","@auto-it/released":"^9.19.4","@babel/cli":"^7.8.3","@babel/core":"^7.8.3","@babel/preset-env":"^7.7.1","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.14.0","auto":"^9.19.4","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-airbnb":"^18.1.0","eslint-plugin-babel":"^5.3.0","eslint-plugin-import":"^2.20.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","eslint-plugin-standard":"^4.0.1","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.1","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a3752ab1c351b3cc1526abeb7178204ee4fb9d5f","_id":"@atk/mise-ui@1.9.1-canary.a3752ab1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-P3dejkci6gzJC3MyTyQ7+cbu2+UFOlj1ekQtr7HKiS/HTNnIJtgKLTT5Edfve9O68xQ1vSkHLOsqMCYwrCdh9Q==","shasum":"b1f17d303d8a6acdac6be669f59c1d85df22a5fb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.9.1-canary.a3752ab1.0.tgz","fileCount":259,"unpackedSize":1057276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1KsGCRA9TVsSAnZWagAA6d8P+QFhXhX+xxcDZvf6pWkR\n451GwmUEiu0VuQn8fVoou6VWnVAGocuvozhVx3E0BwVwoym1NJkClWMHlf7z\nPXMraIf1awS5ogHsbKjn++lj3LPA75wv6BodpIb1VjOSMh7EGXsQqqnPtRh9\nuYriAy3SdV5MZeIYEPP0QLztxNY5DeFPpaTyZspsri5tguokaCvbfH1iBNhw\n/1RB4eTvxepicuIxSysg9MsZ8QN4sYsyPom5aRYL+Q6QA6L2ldsmVT1YEjqR\nrAcAKj3AHVcX0V0joNWxNt5dgXqmm5/f+ZgGscGmJobfNvQqB92uNE1PdK2o\nyY/L6qlaCcvI/+ooh1LhlgYfr3zjMoYQ5EwnPAuXyKB2jo0PlCh04LiHXXxe\nZNtgTvXHoLuxeqAoKeqtlJ7Vii/RpjItmiqoQA5rbCG3tT72wkazqLLP08ZF\n41cQIlxdL+nX3la7AVTy6NQqnH4SJN+wghH0RGSaXC4zYSbHQ/JSUn6MRuVN\n8BzcsO+LZSCSQj1/fzSrtVt2X4cJWCYpqDTKtkei6oph4eZZ+QB2/EEsnYmK\nFlQliNnIj/KFIh0hiUUJLbhXtDqh3QySE029dVOo+W1oXhRYKIX/LYBe8yRc\nxsG3QXA+zULyBWzBH1CAc3SkW61wvS68NNLiCn5w8/Y+1SkutkcrwZ588b+5\n6zKv\r\n=IBoW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG0jcpwiEd6Pj5ibu7GNDqXiS+BnNEFEn9s3wY+dyVygIgFJYqETlmqnfaGZP2gRTf3Dh9nBcUoXI3pVsVj9ELnSY="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.9.1-canary.a3752ab1.0_1624550149695_0.6599472302858767"},"_hasShrinkwrap":false},"1.10.0":{"name":"@atk/mise-ui","version":"1.10.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"780522ff2254b468a8e0ec18640843ba317d61b9","_id":"@atk/mise-ui@1.10.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ZHghSsT1/CQfpm/NlIzbV5dQn+XcxBLlDgriMCyxN1vk/dnc548d6zxi3HF3PxdAZwMzNf0uAVptWC5SZWKGcg==","shasum":"54ac4acafcca6fb102a71ac02db456907ace8c16","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.10.0.tgz","fileCount":208,"unpackedSize":893767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2yLiCRA9TVsSAnZWagAACpkQAILcXb4BPFXewCPRS72g\nJ5BgihQvpapnWGJiyKQYaIb8alh6bl8oE9+XnknJGAK5rTz1vYaaYeTHohD5\nsHOkZzqwpY07WaGPM7M2xTluQsXacWjlouqLeZwKNYRD7m3xIa89ebDT4EuM\nKof63pTbBASU3CFOsAxcPhK5wguq6pE1xZakIwCWZYX2QKD0x+QBupdWsHp2\nRdT3Q2F3YZGi3hfuHpyrPTAwuZfpcIMFlmu/sPm+7bEOkpNcBlVmxbjMFNdG\nE7E2NjFVsXUm0UZNSbZe2OJqKw4Mqa7zio+2ou7X9we08kfy3/AA7zdLkDCn\nMNGkcTbJcez18jXVOeuH0foo9g/1vNTpRUUx82KtDNjNT8q3kHUCKOnCD1UQ\nFq8qnAciEANxSI2UltRZE9/oEimlFo4Z0sJGt7Mh687aQJyYfThHXcM9YwKg\ncJvRLjzkBgrNLYLZgHGyMzwv00v2nQ815lsrxVGg9rUhM35rmIe1gfGWxHn9\nxDXzsj+WqmCvMzL+hGMdnyLxL81K0ESDJTCR6kBk/83p1+o18lbXUP3BUHHR\n1YHgsmM6QuncZ57hTX1Lfm3ET2LLm5KZFCOAPvfO9eTRSfTM4ADBvrnT+Oji\nCIAyRr7EcvS19VHwmOOgl9RRs4UtT861kVT1TBukdsVigbAAhnz1rM10UggN\nKTMz\r\n=2r3W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvHJf69Ljj6yukkwPq5uTTJFprHlcGNSFZUw172BBEmQIhAL8PiJOuyiPSpyiQub8NN3ecnWbjFAaUJUNun9peHSTb"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.10.0_1624974049450_0.19791153000943185"},"_hasShrinkwrap":false},"1.11.0":{"name":"@atk/mise-ui","version":"1.11.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"3ca700df08592e9731890e60f8f90caae698acef","_id":"@atk/mise-ui@1.11.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-MMs2RbB2T/0YA0NImoYLbjmeznOJO2EZO+PrkQnYeUM+82J4k1F4Xf3mJ4ZvHG9adtKtHVkMe6Kj5Pci/dJDhA==","shasum":"bfd09623aa63f85a977d4854efa86b35a46a4385","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.11.0.tgz","fileCount":223,"unpackedSize":962187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg20VQCRA9TVsSAnZWagAAhP8P/1PdrJROZgEUIHZifwa0\nI6pQRutdJXWyErDX/DBxqIWrNGdkq8hL8Z9AeUiwBYksiVt5bc4FhNITxbRK\nlYh/AcuBxgUzEmiMatu+Squ0R/A8xnkfVS6gmX7pKaMz79LrAh2jnBLFhiaI\nXKXz0Zcqnx5jbBoZHEE49mrd5vz8lzJptoxXrTOa3R+y1OOX5KuRqY2gOA+X\nHlYaYBr7SyoJaeiMr1tO2aENiMA6zjS+otDXG83u7UpRK3P2TDY0lhyc/bNz\nIOusoWcb5uT2Uie7ZZ+XQCyZ3OTSrZ7zZtsq9txjJJ/VQRbXh8ChIRcRTOuA\ntR4Mj2l4pjcDohDPJ1aI+EYThfxeeJC0L0HOiVL3ZR3TVT1D3kiE37QjCzZG\n3aYHiTSxcrQ6MOJxf4tHrZj6hjABuhmoJUbUepfpoWRphVLS7lHifI/ykOy2\n2jgw5uyD4iRMQUdtSALTjzSomWp0Zp3a3Fbmzez02sKQ7xqe5VbJvkk/B9/B\naBIqHGlrbICCv40nxCMRGHbiP3ZrwT9JSP06t8qJygI7ue2CnNtvb8FKWSNk\nTvS5VMW6Qje1Teo0WkS5IXWZzH7k6QpHkBTKjHgo3VFi1PXQoTxKD1PF/VYK\nt1SxfUH/CygZNoZF7Y1WBf9sGX5Jya1aYJVXqGj3y5wDJ/HT6cb8J2zlrLyu\nSdg/\r\n=LEv3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjoTZWHFYktBqrLheXJ/K2CysNj8mzkRr12kg6Nt1sYQIhALKMBEnJMKv4uz4fLrHDqRRbyGiKZVLjw9mcLyP7FG/d"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.11.0_1624982864062_0.8083153567207904"},"_hasShrinkwrap":false},"1.11.1--canary.1a0809c.0":{"name":"@atk/mise-ui","version":"1.11.1--canary.1a0809c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1a0809c27269780f1190ab99338f4102fd888e00","_id":"@atk/mise-ui@1.11.1--canary.1a0809c.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-b9Z9MGb4ZwntArvFtN78PyHP7hj3tR4ei5VFC2fT2XxvEWFo8ZwORgXwCHb1enVYTnez5DOK9skLsVQYfaJuxQ==","shasum":"577319253a4e8004c93e49eca091cd9c4d2d908d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.11.1--canary.1a0809c.0.tgz","fileCount":260,"unpackedSize":1047443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3MgjCRA9TVsSAnZWagAAqxEP/0O03PEhgJR1FeNa97mb\nh4Uuug50PJoJdZBIuyUf1Mb5JHSm56lNmrny5mYClIK7aUOS373l95mH/eul\npLbHnGfPqdMHJ4B1oztE2jjNy/MMpbN2cNd7PMm21tt39hWkNcD1/9YC7T0t\nvJKaz3To2pXnmgCk8ghUS4PITzbm1a2j2QiYK0p/JCEecCUGojk8EhDg0hUi\n9DxRIcdiEKYpHarHLlZOR1MsIgtxzfPtrEEGXFPUWbi+wdzJRRzJ4iXzZpYr\n2BRXq4j8zPxgYQsCi0qNLX9c6NgRnptB3UWZiKiqP5ipoMw3bKW25OW7I2Aa\nvNcXsmXgpZlvai6gJRlFOY5dVbyBw/RBihFanzOKnZ/fGBiUhvV6Q3dkChNf\nc5XwDelu9M2upQR4vxsW8lEHEedUWqbvW/NIdelg8GWFicl7S2SAGV1qM69m\nB5xY5kNVBthOvHcihRCNXQdHO5F8lVu8n3rbcnI5bcCnDoPYDebH8K7EtbZW\nkg98vl7fR1zOfULQsEbCayqOrVXxAIGB5s+yyFWiylbUrIk3znBhtRcj1+Kd\n2qdVp/nO+9bcpnEZ/36P1aBhIujs8AavTZi7lduTwTsK/5vlrxZZbj+T245E\nkPgs12ZwNIA78q073JPiDGhAxUweGxHH4CIkEzEZrzr8Oi+V0pQfEOSftjR+\niyAZ\r\n=c/hD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB4bkcFNsfuAeTBo9pBK/5kWc9F3NX+REX77+y/a9UXKAiBMVuUKVXG9mWdOeXwqlrkjKxa/7cTRgR+50qXKk14SKQ=="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.11.1--canary.1a0809c.0_1625081891424_0.7419674114047126"},"_hasShrinkwrap":false},"1.12.0":{"name":"@atk/mise-ui","version":"1.12.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7fb0927465e841e42f5d322669d631c71735445d","_id":"@atk/mise-ui@1.12.0","_nodeVersion":"12.22.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-D0H442GZCWASlFmt86U+huI5XMNGVR+4R92DtF13h1H3GCwrdjqNuZ8nRfNx/V1gKpmohi6asW/7OvL3+cqV8Q==","shasum":"e4ff971e6347efa0a8245dd1b53cd039f33b3342","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.12.0.tgz","fileCount":223,"unpackedSize":962523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3NbOCRA9TVsSAnZWagAAHqsQAIcZq8QZtGiLPfzeDzF8\nJfipMtzwScW30kmkkJjcSc1YU7el/cUlKgdE2mxLB+sbvwJWwSmxooblF1vO\nnCa2GzB2LYSTh92sciPOhOSSCN1Sk1FdmD8+7lwHvM7PekgdaBTpfE86+hMA\nCUTwDCtK7iETVmIIBu2KRdDobHl08bkYbN1PE39DtbKYEa/Mob3VFHjseDfr\nDZ64PGOja0/3YjfWA35sL+lUDy7DPCFpvufD/hrEbGoV4jlkP4GHxw+O8B9t\nDyOjzt5OqbqQZNvCnEGiwoCh9ZHs3hW967JZKjpBbtQPcsd0rdzuA9/QfM8P\nuPf0CmLxb4bR+kkaoWxdDUxFQmSqDslxCt6pN62Ex8gWr8+sEvjwfy+inybu\npHk15jEK5TEd4Fgi68EyifnblA6jlBfrj9QqXYnT54+M7U5foj2Q0CWPjc1d\nRF/BfNMjmKede5POsTEbN89XWe8gYShGa3pX3iKgl/Lx7oHGXAb0P13qg8DY\nZljvsdnoRnpmzOts7KjZaxOf8SbjOxV1OhBNISYvngSh+PbpsiOLq8MPQ/AE\nYoudllDI8cfiWG3ph6mn8pTjnSkR0Doq2uCaNj5B2lXvXh3xU4mYEQ7RwufW\n23WOOJaMRnCc1xWzzeFVtD1RrPo6cOJmpMdUGLCgybiRHXDd/rbbYATZDADY\nhLLw\r\n=HCka\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0VwgLu2IHgt0j4u/QrKY1CX7xHvoaZA6xQwDDMo4b4AiEAomTzsgNssEZ+Itk7exWQaipR5iee4V707m44dCPBEec="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.12.0_1625085645842_0.6889417278022925"},"_hasShrinkwrap":false},"1.12.1--canary.4530a19.0":{"name":"@atk/mise-ui","version":"1.12.1--canary.4530a19.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4530a19f6efc936aeff4903915cea3ebd25dd469","_id":"@atk/mise-ui@1.12.1--canary.4530a19.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-8wP+yUERRGapUceXcr8YJucLISrH7lWYHsW0bBTDJDO0lkXpC9/Hd6SKSc/V20hL/kxvZJKyws0ZIh7sx7UHHQ==","shasum":"8b0f38a95b5c2bf12e04c51b8edef036af12dcfe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.12.1--canary.4530a19.0.tgz","fileCount":260,"unpackedSize":1047467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3dv7CRA9TVsSAnZWagAA08oP/ifeHsE0oHzhFtqVs6/y\nhipE4pqPmX4eCOzFfcGon++TJE3uaAJ7Cj4btg8COODeQzEiq4GjotChmwF9\nrwrhPDtwT5qH5MrDD9iUazCCSfswqlVoGBrrd7KZYX2J/ypHBiu3KN3YeWhp\nWOUKtK5Rb+JtgVPZkwgQdzsbhtEf9rVGUSnqDFQunrsLQbGIe9aslIyBudNc\nKzGqt8Z2A5/PefPAtpOgHeausAuRW+SDpgHNwK06OFEmGsBvYVp/xDSiCu5N\n0Pejr0WXslQT7rtQpMzkQQbbLuqzavnfPXXIWj/1CbQ+eFglVRf3uFYC43Iy\n8fX2oejwsCr9VBCeTP29bLLr0LBRfbiDOx3qv16ZcvQ7BhLtfIg5HUoLVyat\nwDAbwV2oXOpinZgrp21XGMjZPdEg4ONmEgGZBDDWyJuHXUtoXohdp2Mj6qqM\n0lLbLS97LkddpR6xa4WzZ9bG6b4XhMvAcDHJsdk6b2UKMUtK1kpUbfWBKsRO\ne9z2xiypl/AHu4CsUWOSbb9HxT5kpN6++vXp+6t4EfZ++zo+3UNO5D1Vg2Mr\nCCQcrhjomkumfaRP8ooEUzq/PVXDMQ2RS9nBSC+DKG2KzHfIAnJBaaBcXn9z\nsjTx4Xkz9pYyC5kOaGJrEtJ5pDAziCAjJV0kZ38JoBHKw8QtAVbb2QV1og2o\n2ChD\r\n=VrEM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbkTSG8rKmS1mulABvpS9eoS5uJjCePhHpZtLlldIkygIhAOzOMGZBgWY7BWNS3fsX4bbNUuFnZae/F5zLqcX+jOTe"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.12.1--canary.4530a19.0_1625152506663_0.8007307002874635"},"_hasShrinkwrap":false},"1.12.1--canary.f9eb05c.0":{"name":"@atk/mise-ui","version":"1.12.1--canary.f9eb05c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f9eb05c6177752f510887bffd02ab742cab0a34f","_id":"@atk/mise-ui@1.12.1--canary.f9eb05c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kl5v1WN7LKz1zSOcnM+PvZxOD7LNlWQiA9etbyKMawj9pzR3MBL4PHkm9YqCdf5ioGyxp+Wsz5heaWT+A30e9A==","shasum":"e16966128d2c66d59f2998edfefbcfcf6f13a3e6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.12.1--canary.f9eb05c.0.tgz","fileCount":247,"unpackedSize":1117351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3fF+CRA9TVsSAnZWagAAgUIP/A9SEumPXncsKSlcvtPT\nCbPbZ8EHsxqudEkxGCRJKTDsrK02eP2ltricevroZpqCtL9qUF6YYDHzKCL3\nivqjvX7MVtSdtKpZeJVogmI7pFg7yZ3ULl2yQhtcUOfcd9cOYAU9F7P9klyq\nXT26FWV5VWLJWiOJVM6vq/Q3IomIRbEZv+2XUWNgtNcL9XnX9RFTHskFL6lT\nZ2maer5ScXxlzhzwE7RTqKkA7L3jPPePZEzeuaPHtkl8QUxG12dU1QEXN3pn\nyXB2iOlPDTgK47/lRboIC+LcocZryHmaEwpEVYr+HIaoyrZvY1kvGUovWiNj\n4NSGSuhpTVQAdptHP+oUgawhLxrpd+HrxblgnXpxw2Z5AAPQzA51xdEqyz5t\nSzdUbcNKx+CdZOWYGwIi0z/A3Fjn/aJAclNWZQ9nk937b6lTz6SIbp+0cmet\n+EP6vgm5Kku3PdSR55D8eA2eEJX/5IosPlTifEDbMqUVOBsU8ylPTebCI1x2\n4wwXTxW0tCD3UpXCGSK89jXRN5nau5caPT+FNgjS+pB+/UWO6iKgo9j+aQ0T\negN2AVhqI8ZTY5mXw8dIQiMjN3/L5W1nrwupQ15NWCYBGLKUMk36x3tvtaST\nVdokN3kp1n9XxRZNO5aWGLdqwku7TyemXbmsm/zhNYFCnOcKHT7SI3e9PUtP\n2e7B\r\n=SzjT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+NgZdZbRpwRqfK7wnxXbkrkTaZNBiCfcZlkVVL1ArqAiEAi2/E+RestoliwYu5i7Q8SgN+nEEqYbKT0F2PUtyYaNg="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.12.1--canary.f9eb05c.0_1625158014160_0.039717053722897466"},"_hasShrinkwrap":false},"1.12.1--canary.1b95232.0":{"name":"@atk/mise-ui","version":"1.12.1--canary.1b95232.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1b952326c2a13a3890eea036974ecf12506122c8","_id":"@atk/mise-ui@1.12.1--canary.1b95232.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rtm6Yo+EwnVC5tvyUy8H7o0XpvO5bSF07Xsb+iAE2L/jU54h40YSTPfH1vxb5SMYGEuVbKhexD675LE3sRDNcg==","shasum":"81261e753d02e34078a6d7aa3fe55a08f5a0fd6a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.12.1--canary.1b95232.0.tgz","fileCount":247,"unpackedSize":1117351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3gGgCRA9TVsSAnZWagAAxt0P/RT/LiFGR7PChdY5+kVD\nKpSF4W1q1lVHVFtyDHXs+bRbev9vrleN0mFbvkYp+cfgbAk3A1fz3dwZFMvu\nNKiBVXT2YWYrmKDFICbiyodKNL3jHZTEgy7UamHFJyINWtO6etLrEv1Fafvl\nzCvZ1IFNVMAMGHc/UBY//Dvsh8CVQGYoxdl7vrH/IF2348CNsSzLVGMw6yZ9\n2hYfBrPCtDAE24lCOg8/iw0NL4hUjqSgZcvQ4Mf9NinYJibT0np4vsIPaykJ\nQOWF6Zr33LHfnQA8t7Uhcct+zN2eVvx1TZ8fa2wzkgqqFWIDmmysUeUQPZQi\nr7/1GxJ530x70OFu77f7LZzyUZ7fwzF7tVLjTpMULRD1wMHbDTDewdonJ8J5\ncBmpYZ5BD3RICGSHGFew0pAUW2//RvYTV9coSEMhU29UK0vcIU64Gv915DwF\n6G/Ugi+d84/cmOzNniH0EOCtMHaay30EJ4UR/JUf4SPdnxjU8NgT7iFPB2kv\nu5tS9TCupg0o0w9L4lEZlHuRWay/pq+X8t01AO1VemKQw8CYEj8F470Gu7/X\nEpua9Cy10N+o3Co+lumq5ZUFqLxRbQ+vl4n4y8swXdZkY6C0f6ZOEugbDMjS\nVq2XZLjlcaOIYXoMArEH364uCKfwBpn1YkoY8wz0zVRqGbPIKTQ6AKPvv65R\nT1OL\r\n=Pm9R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFK5K8JWKAfNRv3bKCDRg+W1NuDDlKo5MEfSSF4sGBQwAiBFnFuXFWMCWVTeulk3MOc2fiPZpL0DZ8NWPFdMj8gtrA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.12.1--canary.1b95232.0_1625162144459_0.6256532272054411"},"_hasShrinkwrap":false},"1.12.1--canary.124528a.0":{"name":"@atk/mise-ui","version":"1.12.1--canary.124528a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America's Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nadd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"124528a481da9756e74c01e6405fb2b15853ae04","_id":"@atk/mise-ui@1.12.1--canary.124528a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7kRNQYYCj8YDPdH6e93W8EICl+PAf9bH/s5qTRcPgH/rK5T3BTwQUkC785X3gvlnBisUwkIwr1Mitt8DUW/reQ==","shasum":"1f695f6281887c8ee0fb372caf82f5f127320626","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.12.1--canary.124528a.0.tgz","fileCount":224,"unpackedSize":967570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5F1OCRA9TVsSAnZWagAAFT4P/j8OQhfHa2NH1WAeOAHI\nAewEsAk+1NtxNsYyxLr4aRIuuz9DtrafkiLikOliA9Nl7EeFoAbEsqywZazg\nuGN4yKt7DE/mKYIG8JfBVfN0I2Mj5M7z7DB/b8XtKiVo1nuQrYXGeDmzjG6C\nPNBSfoFlG4eP5INNVdrzfwtHfAJ/CX9F7KbB626kU6H/2XbiNH3+9uuAqru8\n90sy5JnOlGiLVwxc/OXUfwun6OOOyHbDhvOEJIONCptkeA/n/qxBa+QuqcZQ\n7WdA6TBLlvZYWrJwTdG5QrguTzi8Otiaapq/ZvjwVjxFFTDh/e0rBS28izw9\nwLVs4AlCnyFtN3qpY4isz1tbbuxt8eQERkultQOypfHLPXyJ8VgtxVF5PqL+\npVrdm/vMSRv6ohB2wq2GG5ZiCLKQrNY2bkZo3u5xwosZJ5R8Yj/jlBTHyqp9\npfAa1uOETOmn5ohNdsbH1IKJzgJwpF1Y4UocDNyVkrNSahFWcsKSCOB3PVdf\nLAx+oXbIAb4Kvse0v4ddqdvuD+QAE7zJf67yiqRQH3LCfybS9z7kK88qT9rd\nCSwUD4arGjqWHzE/GpEbC4RhViLfrYLTy4lTcfo8bPdDUwriIaF2jzVpyGEb\nf4TxqLmzFSd/lIqD7ohJRUuhRpW2v1thYTv4qBPbKgQxfLkyom6im6NS8M5R\nrloB\r\n=7iiS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjj1m1FsTAAy7lGlF4dEcAvir3Bva6XIDy8J/fOR5/4wIgeN215g/8mFEao5OefYj8TY5arep8jXb1xblDzQX6wlY="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.12.1--canary.124528a.0_1625578829901_0.3820530714496697"},"_hasShrinkwrap":false},"1.13.0":{"name":"@atk/mise-ui","version":"1.13.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5926a2109384c802f6298ed3b272919dd488a662","_id":"@atk/mise-ui@1.13.0","_nodeVersion":"12.22.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-y/QuijmQdizmkT8/BH/X7rRDX4eYRWRJNcno9NvCI3XA2K3UnRrRgJ5sVp4d8aqonvS1PH6Z4ISD9zVo8JVbVw==","shasum":"150889e35b399507d9e307c30ef7c34ca05bf005","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.13.0.tgz","fileCount":223,"unpackedSize":964114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5Ki0CRA9TVsSAnZWagAAmXsP/RxLWWShBXdUjxbX+5tl\nlWqRrJmlqXpt26DvBbHxkB/wHZbFtXYsH6dx1waLOuXn7+2eG1Ci/AyCjwTE\nl765AlyHQNCmbfBUGinjtY/S8m8tinYvoJW+/kZ5AQcvAwQ4BzO9jIt/rLyO\nH4k3MNwjIlNNPXEXMjhvwDifizjfwagFHsjTIw/Rt3cEU5e1JacbHJRcNh3S\n1VhVy29U0E0TtgQ73ykCAEz8c8qirqQk3hOFeQbVAlQLKfF9peOGsIdDMrq8\nJ2OW7sbmH+/a7dIip5PpL7HCUsXMMr6RUEQvQG71jPoEppfINtU0wVtzRuNw\nCOJ29JT7LBR6/ntCBv5PrCiYxvMWDC8EyuUjCVUi3hMKlN8AC5WrzsgAFGTT\nBMFH1dupyuxBeM9zLvO1b+sQvA1obICyZFbZU/6QphByTXycSsqYRmPc8Uw4\ni7Up9Akpz9vcF1KxBxTkkRZD++v9a7rIsim56JO/N4wHV5e+KL8hBECC3lcu\nl8Sq7XtR5uBiSE3fE5b+lJ/XM34JqY4DM8x4k6O3bXwpANfalX4a2uUMUlFc\nZzi7MXgZaoVTfnBwfp7rvuwz2GKxWUfqKJqEmbPDRJjvaszMpDeuiFtZnw0w\nyUmncSHz1XAwMHrR1OPRGOOtNh5AeOjT/0ePFNx0U7rtISyz/w416c9JG5X7\nMAEm\r\n=4mbq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWTwEAC7svMXnD963+vnjjqZOe0mWe4d6aOf8amd3yDAiEAwB6c5WSITupwCO3M+Sx+kfixn2cs/XfbH1tVUfaZxco="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.13.0_1625598132045_0.7787825431510691"},"_hasShrinkwrap":false},"1.14.0":{"name":"@atk/mise-ui","version":"1.14.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"2640c23f1e9180707cfd473858809d508f03b0be","_id":"@atk/mise-ui@1.14.0","_nodeVersion":"12.22.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-G1utMRKE5j6/snLLgkL1ptGAZB1A21ldzPvr8WIBGwaVDkNTIBBA4WU0pdYxuvhthmJuC5MWzf9NnotgZzz8+Q==","shasum":"2bb036375ac2463d19764c384faa1a22ca219d34","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.14.0.tgz","fileCount":223,"unpackedSize":964428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5beTCRA9TVsSAnZWagAAsz4P/AtKsN4HUzXUw4oOzyum\nJcgG468VnkpChMXQH7kjSRtcboAhi1LspK0Zkk1XhawEKcTswQhoRPSryRnk\ndQTBs/xCktB9CaZkru5r9LI9V/Yjv6+XH+xln0qKdQSKYei/KL8wZR26hyWz\n3p//bpdbP/ocwtba3Ty5dFNYPQhcYK7mbXeXNYMcI/zXtlZad021+8Hf2l9x\nt5q4fN5nmSVgEomHpe1T721RZ8ZXJ3qvTcI564PkhJ3BeN5/POcyKBiNc8eq\n7RqgmFN7M+Qkak8VP0N2KHhPZuWC6vH0SOCOkSq96jCsXdTe7gSUTPXtoyMc\nZ67IaWuTIO3dNpJoLpSPlwDW3X8osKv3rHTmQoTGdILHPpEaGzMDGfea6+aP\n1b8dQTV4L6iboN0Ch/+NbIZU+xQds9KPna5vP8IBWeLCp+jW2e+zxX8Ctc70\nPFKsWrZcfj70g+ATk5OLJSyGaQFklcPrNHBwqpGqc0KbrsaiEXNjmK1E/yLg\n+KVoTcnQm8il1JJnm8KUKbDCWP7GivmhOOCGEte+UJzYseYHEzxjy/3O+k0B\n3Am4RcQHsJaX1jlaH0d1Qeyrkf1zW+/tLlZK8mTk3pzCGSAYmoh9SovMsjjH\nWKccGt9COPYUYUp8n+26uiAqHSPlu5omV/zhqcUJuhMKK+564n7wVzN1YQ0f\nygAs\r\n=WF6s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoCilWVW/u8OCrHZ6Xu0gsRlLwu4vJStOaT6rMgw817gIgcO+H1brSKlZkhSBdAYJYfEpa9ax+7Ic/P/ZGqImwpGM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.14.0_1625667475185_0.5160633292755961"},"_hasShrinkwrap":false},"1.14.1-canary.71dab8d6.0":{"name":"@atk/mise-ui","version":"1.14.1-canary.71dab8d6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"71dab8d612dcda943cbe1c2220dab1e3349d4be2","_id":"@atk/mise-ui@1.14.1-canary.71dab8d6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sxfECIfZrNxVjUhYNUetzLrTiDlbok7X6Yo6EFAHmFLKe3KMb/F0THQBlrB7+aMPETFXDZr1vg0ifJHszHCSkA==","shasum":"f1a8381e564239500abb16239bb50f41dbe664f5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.14.1-canary.71dab8d6.0.tgz","fileCount":259,"unpackedSize":1057837,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5dMWCRA9TVsSAnZWagAAlpoP/2fwwwJtoSlS8wUPtXN/\nimSN2PaaL6qipdoOVxoE1IxNJCq+OEotQhSYFLguNKrUMKzr5nHE4Y9iPZpq\ne228hrNFielwbbiNJjzJiOiEoDjis6SnOQbPokehFt1mpJjLJQjYU/AHuJ5t\nWBnHcw9dEcR30Oq9x+iEjh3e39xzEue9Bi6fBtbO/6Fu98l+1WSYwgrBMvdB\ntYk3tuI5u/xeYi2vSTgnOvkHlVgi96C9zq7USHck1l6QLIhyIQlGEupcIsgI\nMRzdDZuQEeU8x1+OsHlE66xyKlTA75UkhF1R432IUZ5gt8s+jBa18v/k+e1T\nNiJI70QUH8iNGrpNknlu+1NZ6HEoXC8H4lifGEbws2sKv7DjA7dNntiCGHla\nwo+x0Dm2ev+Ffrn++x+1O3ETnW7eUo/KhxYhm5ML8HL4tssMVbIZwcOMgOK6\nfHre8tXHY24qT37tM/lwc+3TxRSiX+mh1RhaGvemCMBiUFrspR3QBVQoVvjL\nXTXrkeelUbdX0BeR7IvXyB0NaP6bX3PeV2kB2Kg7hfBbxf/3Mnn70XBWPnw1\nZJ95RbyDPbBFodbpy3OdyeQEgZJfxJAwa6v1VD29snJERpOcMTpTmdBpxbjq\niIflIbSBjfJlb7T2G0NEAGkdNhc00EuDaORVRpjh1UT21Wu1wp5DL46Oz3aq\n3Q8L\r\n=IFLd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcAXKVkOgB4H/VGVjqAUhbS0RwVFBfZDtpL16tWDljPgIgc5DCGBzTDhIP9jsp9rHkE6HCP9Ln/t5mj6ImMwIeHjs="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.14.1-canary.71dab8d6.0_1625674517454_0.7351364226858146"},"_hasShrinkwrap":false},"1.14.1-canary.71dab8d6.1":{"name":"@atk/mise-ui","version":"1.14.1-canary.71dab8d6.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"71dab8d612dcda943cbe1c2220dab1e3349d4be2","_id":"@atk/mise-ui@1.14.1-canary.71dab8d6.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7omCz1g+YHUT93ejKKFKGdwmA3Zs2g/vnsCt8Bx6DWzCtycjCUgZ+JDy4IgQTmfGIHkHMfEU4U30WJi9xguNZg==","shasum":"67fc267fd6f09b66c4e9ea543eccd6c9cc72b0ec","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.14.1-canary.71dab8d6.1.tgz","fileCount":259,"unpackedSize":1060420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5e+KCRA9TVsSAnZWagAAbDgP/0B0giweKvS+wc2WfPlk\nH1wpb7Otmr+dR+3QZf2bulSfvbOosl+5CCbi3KuZDCxrkFZopfva8ZtFQDQx\nq7tMUyx/h4SAdUKGhBNKwEJwxu4QBNnhbcF4CMuNZZGb8JOhYzBLWcQugNJI\neorBhKwEdZ/psrooweqy6sH5aTM/UbQB079FuhmCC6W9BDvpugrdLl+XvJEa\nZlc01GahmIDVpY0tjIps70NApe8sIPhz8Wlhi5lbCts7362hyuhQmvG+5S4e\nWz1LDYI+X8NuZY9ZtZFIGAdDsZ52UXcMfNUgbh5uDBemVNBD9M/9vjhgxaD3\nE4iQE8VctOsLRxXqTYRsIZkehwdBZO6oTJ7jyPxgw9ZuewAlw0BUL/vlozkJ\nyEhaDIsaBkHEBUxvVBZ875bqpYR09Vl10PYRoLTwCwVGcRTdzA792wAcpv9Y\nrkjyf59XA2/8NZSwWhxmDIErSlqt5Vb9XnpcyYb8bJlfn9npG1HICp9eMAnP\nSLgm7BENhS05DS0yNIWpJbeQ+cXNo6R0YCzj9nESbZ7xmX5HAF3XEye29mil\nORFDvSEw0+nXEWiOziqq6SlRhUk1q1egpjgYBPaL5HMI0kqXYXiT0m/OT8rK\nHxf8iOlWk1IXY48W63ggTW6TUWI2jzwfzgHKBaulnnw8Ya5Dy0cfdiRcISun\n3In9\r\n=YNIO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICyMjYuZkoPOeXR6OaipqwTaen0lC5sMTu3+ZplTlLMCAiEAurmj5Lq8zj2wE8STErpWaKsUB2CaqAd+eKN5e38b3QE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.14.1-canary.71dab8d6.1_1625681801320_0.0950024604425832"},"_hasShrinkwrap":false},"1.14.1--canary.78a0311.0":{"name":"@atk/mise-ui","version":"1.14.1--canary.78a0311.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"78a0311da3adf477ab5d980f4a93943700389220","_id":"@atk/mise-ui@1.14.1--canary.78a0311.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-o01P7Tk2CuUW/XB2CBOMaXh5Ta3S9+WN5ol1G58qTuQk6+E9QXsoSM6ARLw0Rsy2rFps/EGdGmozAWQPFc0tvQ==","shasum":"3ab7dc31b16e83dd8b71536961c78e475243edbe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.14.1--canary.78a0311.0.tgz","fileCount":260,"unpackedSize":1050064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6FVHCRA9TVsSAnZWagAAh5cP/iELNS6A9ENWrzdVsIXy\n7V/P/QSDxrxzp0wWKLeHw2eFhZ/O+VPQdzAZEiX+6Y9Q9WsChj/j67S1eXv6\nkLNP++j9EI3RqTY9l2/JUV3uLOpXG7U778/EPqbl4nERiKL1wsiPMtSKbFYV\njVobeadEvXmQHFAi5YrzvAjOyG/XBb0Pwhnl2oQ7JzILsmDn3yPR24z9CYLy\nzPe4YoycgHqR6W7SakLfINUdbZGUY6/6dBiyZn38kz0w468GwI3fMJJ9bFTR\nuvE6tP5+c3EHsD/lDrmAvc6M1jCbf2RApjT/DjRzjtrJ+tFs047Qc/vb7txr\nLt0TAo3OvphfcIHJAmb4a5bHw+kpOPewoyYdNqL+hUVFK7dKnL1Nk859wUWP\nypyd/zKfgE9cig1GaM/WF8vKxmDTyTauU6UnxiQXfOXSypsPnHmdq9RLKT68\nOXMi6p/rDC0abpxPnvcurlMUNr9OaGx6B0tzlMYAbw9VBY8AnY/4H4IGMoCO\nEzZXF9uSd8ZDQmfR/u+R84awBGtpRF0ghSYkpDiFskuEHvwmZfoal9vh/8e+\nU19bzVTtSi5miDU7kbCC4NFSdmaT7RLPAV4Whdsbg6ICuzjFAGiM3SSDwsqS\nj//9Uoqn+LoznqpdKPSonpu3a4DlLOdNYqgBVAI4lTGgqKDvfNeU/74R38Cf\n1l4Q\r\n=5n+V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdtSvwtWaYvRv/gqlH1koyLSgXo+BKLYOBs/04vunv1wIhAMa4uRx7WDtw8mGxat/MTNFAjvSUKG5Uiae3tOwGIN8s"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.14.1--canary.78a0311.0_1625838918608_0.20329844192113478"},"_hasShrinkwrap":false},"1.15.0":{"name":"@atk/mise-ui","version":"1.15.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"db0af9a4adc11f0118159bfbbd5fe7300ed05449","_id":"@atk/mise-ui@1.15.0","_nodeVersion":"12.22.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-m5dO25634AC/g+R9TpA7M+6F/3HacnSbm8G9PWzI8aOMaIkd+TNnTroRlu7LdMgipf6flcXlvy8OsuWJI2J3Sg==","shasum":"bace249e966a17253dbee9c0f07719ffc0aa4619","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.15.0.tgz","fileCount":223,"unpackedSize":964755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6GfrCRA9TVsSAnZWagAA8GsP/0wK/2CScHJoVS/nfjnB\njT94mA+alnNb74y1kc/t+PbK36vaUqeSzBGRZLlX3FvW+TOpH7xB2c0hXXYY\nbPr7BdPtlptlU0X+PL35wSDri5QstuAnuV571H4eoc1GsmfEUvuRc9uQvQ0V\ngZHgtfIJnd3xqYqP1eIVgirX4hNZCLqVF8L2zTLxS4Nx83tHu/syeIMbJwet\n5T9xOMs+lVrxbXON4kVwCHrMqDhhbEZipG9PLXNH6YK/mcJE+sU+hAD8feQ4\nQNxA6wTflBtXx0G4maNdp1hgmmcjjlVIGNpL7F8F36Q15y5+1gPHYcQsMdgT\nTcQysu7vh/a+CD68nxctUxrLSikEhulPEUNSBFXPyxEOhLnxhcwBKkKXj6fc\n45azSD/jtWJB3CvAgq5fRt+MBk5MRCUxOljCLhd1ifsVNoswHHJvrzLVjgz3\nsqhm65mW9Sts4yamr5IpSGVCMJWHygpTuNzK6R5uL1ftYiuZe6EOUWRVcv+v\nog1t7SC9Y3zLxbkW39VYn25KSR8Dd17lnI52ugAdEF2HKb0aQFZO7QaZPwN+\nyrCWE6Qm5eOgkT/K4c8kOgHCjKnrdryjYsXORLYoAx0d6twm8Z2/NO64yfdU\nbWyhbuQSrU1tE2xca0BDBl9iDRdqOGD0g18z2gRLAnt55Y2FjD/3CLP6OTW1\nHjdy\r\n=3a74\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZZRQuGwlIltVslOS0Rk49k7WZjVj6BF/GJetzsih1DAiEA1l4CaD7orbCFMwwuxYribpABGXhw3e+m6lejL0Tk88I="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.15.0_1625843690959_0.9718231292779544"},"_hasShrinkwrap":false},"1.16.0":{"name":"@atk/mise-ui","version":"1.16.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"802b98f13a438bbfec30bac3c363b84d3f77e6ba","_id":"@atk/mise-ui@1.16.0","_nodeVersion":"12.22.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-mWxGSiHPXYElO8poSuNrD6gW28EZoVxBSADazp3r9J4ZJiA8XYDe8En2okPU6D/mMsSUjpDD3tZ7J9G31fOQ1w==","shasum":"514b99e164fb33260c191e84a2d557589b0654ca","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.0.tgz","fileCount":223,"unpackedSize":967344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7EqhCRA9TVsSAnZWagAArqEP/i//2d8gv0saME6OcuPv\n70TLXagklF10iygQocgWfOZvbKzFVPVhT1ae++Ywnryl7eeMgwy47CuwFuuE\n0knpmFQKS1pWaviy37kzOXTSLnBs6QKYz+zYJ59FkHE9Jib7meYjhwWii1OY\nLzc7GG2pfI5RGjmzk3tK7TdP8Rwv5fsaQXSj8Vd57lZGB2AdeS4DNHH1dZLt\ntyHezZyEr9nnwcdpzX6ADIwAMg3W5jnOyh2FmrUydqWb9xuUdpWMLsuVY95p\nZhojqrUj9FKLhW5tU56wVlEZfaIOBHQpRZHLt3KnmRN/pIIRApjcpnCtV8pY\ndvaKAF8jEDew0SX95YVhUEF6UwOHha7eU63ua50GkgQT4wCqh01xQAj2QFpy\n8BC1MBqt/Lhuy006oI1pwPTp2izZmIycyKN9qndMjoorlkoKJITv+unZ2Vsc\nDjLjrKaDwQbUWoTPVG8TwdyRJPH1ZuqA3QWnOkDAURVoso1zOQYJlj1oYbIH\nz7hqQDuwX5zFu+gHLcuzRhVojyD37m9m9nr7NZ/UXGmUaPiU8JvRX5g/Ydkp\npSbGYBOeGA6fLD89qW1DO7YAcdoiKvlm8qrbS96Xv5BU0LhrPAst28etcYG4\nEhu0axZoWTqjdTIxHi8xb+lzBuNsL83zO68Kz7rU5c3XZmlBAfIFaq/I+pM8\nvBZ0\r\n=6nrF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAxXgi0IZwhUesKc8gMwcC2y7WvHe1NzS/IdiHUTb0zwIgZG05396KbhFOro7C8hM5YAPfhQc0akc+haRWuP7knkQ="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.0_1626098336521_0.1602570519350539"},"_hasShrinkwrap":false},"1.16.1--canary.492ec1e.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.492ec1e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"492ec1e0306cda7ce7a3ad5b22d375758d7da91e","_id":"@atk/mise-ui@1.16.1--canary.492ec1e.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-bnyd6EkmRugEvuOmmCS82RlN2qJ7NvIanu91W7Cu+Qtncj5ESjW9mG0EUdWW2bD6SfhLuhBuAkUbgzeqkyzC2A==","shasum":"e350d2f9c2c6e62094d6d88acc688ec7f757133c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.492ec1e.0.tgz","fileCount":260,"unpackedSize":1050181,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7G4XCRA9TVsSAnZWagAAYqwQAJdg7K7Aqn2KKKAWmOWe\ngZvPJArn9avVRI/SxbYzQCx/t7MQouA61SnC6tv0lmzQsElqvGV8HpZACx8A\nAH5ZH0ruVerL75ayB48gjoGrjZO8DXRA1iTGAhEZUDayBa+9NvkRsegeSCrL\nAoLerleO1c5gs+7ZCR1OwDhO3NPWpJ20vu+yvxifc+nuZaxpESt/TdTB7ss5\n+uar6Ka83sMNZ9JHA9n+BKWJXq3uUkJvii80MqZXwsqtXn5HN1hkP0wbmCDB\n7INPeh1J9G+znJTCNvXVwFwfuxeDRuNoNtcEI/VTe6evvyPr7HsEWSwmRMvX\nNOOW/0PfCscgVC5PL8pqB7LtLQW4N2lNh1ro8So1krJK3kNsw+NRXA4b8vPv\navBwTxDoZ1lFQ9nI02N/n+xX6rlINBDC4gewIipRwhYAiBDB+BPJX+oywqGl\nLOBA3luPh1mmx8rearSLE68nyoIUqLmCqii+k2xLDBuo6l0ZLSC6Vi1luOK9\nGGLrxjPP4mwIBEy5oXMZnC/xlSoVDWbLOKyRTGEMuj6jQUMfzhYWFUZZBONR\nt30azOGBriUmWZQ01QNrvTQElry9aETNCG5yWKpJz1TZ+BP4lyqA9au8o1If\njd3KZV0vtQwbPgSHrJv+jCUX4aE9haeFynzkVbFXAgKnnw435lngl4KjxWWG\n7bL9\r\n=8bSE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOB+1erCexDrLgkAPKpWcgrtjpdWbLfespHfGmnZWaPAiEAv9AP2X10W4H6XrgxgOXMYR7vWdPRFIxY8ms9FkeXsvM="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.492ec1e.0_1626107414680_0.05906706857160704"},"_hasShrinkwrap":false},"1.16.1--canary.37ebc48.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.37ebc48.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"37ebc48d794f86f5562f77a24b44e4f06c4c882d","_id":"@atk/mise-ui@1.16.1--canary.37ebc48.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-HPebeprGnY1BsQzGkqP0ysERi/Etaxoo3ytpNu/07pRU4jkjZtOA5Kxe4BmqRp+a/HM183lwahmZxY0r/GC0DA==","shasum":"e923451b12c20e722b56f06eabbda989d3d77854","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.37ebc48.0.tgz","fileCount":260,"unpackedSize":1050181,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7ICRCRA9TVsSAnZWagAA3WIP/AvbTOaUAMMNFw3/u68J\nzoYij2daYF16yDd03JvrzZDhMY829owPRVVoK/oZjhvoSt5ZwO742kTORSg3\n1WoF8x5xrneJPt1ZfJTdy8mfhEXFqWK258dJpd2/hMYJJVKhhlRKnioIQVmg\n3Dcj8s/VcKl6VAE21Er/6naHsMeTn61hvOmmCGrRnNL4e2y5o3lkDkPrt68y\nTpKnOTwasYz7cQPN6v6YxrQNAPhw0JzACrwwXJHMA+3OVMm/dUhT77sIpwjS\nfdSOpoo8tVGG4LeZYhrhVHvRvxGkTgEkCXcN1VSwUOaOvsU7CJ/BmzqA12UK\nDLZzD85ruwqdZVDuM3UW7oaTFiP048aXneTd2o4+jAFDD4ZZkev+RRJkbO9M\nQZwVUupwIHoxy60j3QAxqtAnutsHiF5BMx0kJyf5JIV4aIbtKSlPq2s2D4DA\nLA89MAoVSYS5N1fIzTuJgHjokQz35PP69RjkpUlPR7JcnaQbgswTtyD9zcAN\nlzih1eWsgbk6t5RGQNde59PRCt5yBTAcRXvTvpxLEitQuRhoXY0+5U+f8JJi\niFv6sb7ZA+fgWmuoljpJr4BQHcvwYZzgH1OJKIjFdsAjrtNP2frw8Jt/hJF0\nW81VDRp/aZiyy0cCg+6Ke2kef1n+YHoH9WQxyWNi4eMDEcihs/hO387CVpHF\n7tsV\r\n=lI78\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAGzC/baBC60UoB5UlOlJqfvAfNrCbJhOVtAfWSm2JYbAiBb1IDQgE59Mra8ROsCIWJqTj69UnhjBRXdSQMBxRiTeQ=="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.37ebc48.0_1626112144614_0.8460144269839405"},"_hasShrinkwrap":false},"1.16.1--canary.4945e14.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.4945e14.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4945e1441bda8fd4900fbd2a5912f2d17bbcde9b","_id":"@atk/mise-ui@1.16.1--canary.4945e14.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-FRYI6pEUjbR1kyZdi6FkS81Hz9pKXNB4+Ov559WEu/HFlheSyFn1IQh3WMDkr6JWLt37EE+1Y/w9BjkUcuzzvA==","shasum":"b4dd1fd5283859fd64bd4bd9f49e803dcf73dfe0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.4945e14.0.tgz","fileCount":260,"unpackedSize":1050528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7JbhCRA9TVsSAnZWagAAsqIQAKINRw4wrtvYKs9N1kAU\njUTT0QmQUWu6L0j928GCUNugjb5R5p2VR+7VtUawIlKcwEzsrkdLUiV1AaTJ\nV3jn3klAwBXYBn40pep6B7M2FpeAXKGQtaT3KCvDgyXDmbKhZeeRzrjVGVV7\nKr2T3W4kiOWSibHLQVCiA9LvNq6J00Npf0FPyCmTi5SrBVFKUGk00PqQC7tt\ni8Q9322mAL04OAGrMcylCXO/e62RZ3Wk+EZ0O6DT4yEg+8Bdt0dKC9P4jita\n+9mXaVR3qbHcZb/C7LrdYHAZwig+RsMBP2x6R6h4vMo4sgPc5gT+0DgIv6yJ\nZ9Hc/goUDbEmNybg1CGvM9UNVvx95Biv9QPPjUk+gYsxpuFfsEjkMeRgZDwO\nP1oBtHvgB4urQXiHGRlVYk2R5CeSAJ11ZDcUtAJyWym9vL7CyOa3VoyvTHid\n0gV5Nbs5J5kWPm8rwEktzqi6DcuhXIdMMhWKCJNsIY6BAghYm0aVJF4M4hkt\n7IlhaMUwZjIp5wKDDLn5oCXxBOmatTqXhbsZivxd2MFJn8GkSHlA6lIoBC3U\njT07nYe+ShiH/sJRBiYh+nCjtsLIWzxUUj2lUaqlwD0LuHUQeI0QxqMVsfx/\n8nL5xvuYkQ75l8y82dF4WN33mbbcIAE3YNegA4sxXIv8hLhRu1RLs3ibP9nM\n15Zp\r\n=Ry3d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDLYGd+TQISFztKnHbTJTco3p1TavnC5RxWBuRStjiMKAiAzVAyjThNwgv0Ojskxai0TvdS/iiTO6tmYOIKd2aaFUQ=="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.4945e14.0_1626117856803_0.9370488054322423"},"_hasShrinkwrap":false},"1.16.1-canary.88b00cb5.0":{"name":"@atk/mise-ui","version":"1.16.1-canary.88b00cb5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"88b00cb5ceb56e0728b5d87856008c5e10d8adfe","_id":"@atk/mise-ui@1.16.1-canary.88b00cb5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oMh30v4gwxzy4hZaR0BLvs4hLF5iFL2mF/rZHxvgFKAr/tA9SY9yLPH8qZaA/VVCB/c0hWqVAmy83GJPNmCjsQ==","shasum":"c5fad2b3806a52d3095dfc6d24e1adf39a80384c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1-canary.88b00cb5.0.tgz","fileCount":259,"unpackedSize":1060288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7fD2CRA9TVsSAnZWagAA6vAQAIKfHpziqn2FyqOX+20K\nVFTzS3zxhktEC+vTb1yt10l2LewCGOU2dr4mQu3Ifl5zb8YaybT5gaidUZIT\nH48+56lG+eTo09KFPGjcszZt6XNT+Xv93wzKJcViyMF0Xm0BMOj5KnalQZxs\nbNjYWYsykA+ZU7KOn6ddiX/ws0ZMxT8R9Gh9i6ke+xROIj60qTn6Y1TcqPKI\nRm0fyOu6UG208KVaz16DJ4FxeL6tVZAhkLg31OU3zgqNXGWVBjFS+4BuqzO1\nWehefJKxebTed+zsGFgKzq2HCs9WGwqFIT0uEBgsxFIuAwPXbXozzw8WL5cM\nQOBdgRw9HfoikDXWkcuDLwvbPYr/PhB/d/gdA6ehH2VMcPtMUjtaYTgUR8Qr\n7vtdgXtttfSBIatC4Ijm6CK+z7cVmTrsgVn/rk27ppljPTzCI6qY+VZyEJ4R\n/l/wezlG+8VxV8YAUsIBzMEgSeqOYIfc/0mBlENLrkcCAduQ9HCgkKS7qtQI\n3o8nUVHbDNwFEmZ7EmTvCVVrznhHpX5ZpgCWpacbzc7mioI9DsrJxlpwktyR\nNF4MXCPmByLIXNckMnCelOno1VmfOnVsjReqAsW1K9Jz4sLXNfb0uFFwi0/v\n59r0EOrhcUvhG2JbCHbhOySFtH4U86h37vBQBfsj3HwdK6o0yvhlIAwDB2/S\n4fpg\r\n=miUy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgpA673/U3QqMwjo2xHlH8WBUKLXm6qqX5DLY+l5wfPAiEA0L4UERpSNuApFMk8Zk4C1/8KDDgpeFVS7IQTZXU/Epw="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1-canary.88b00cb5.0_1626206453730_0.3694865495203916"},"_hasShrinkwrap":false},"1.16.1--canary.f92c766.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.f92c766.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f92c766b4a1fbf68124d6b5276d1da450fdb0337","_id":"@atk/mise-ui@1.16.1--canary.f92c766.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-f/upeuUWje/egcsXliAiqiAVcNY/N9zKMpIfTOLHaLP3AiRs8Y1WOy5vMMrS0+yAW64WFGGjAveVYHQnG2hP0A==","shasum":"77f4573edd6ff700efd05605f6eee47c46e842e0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.f92c766.0.tgz","fileCount":260,"unpackedSize":1048182,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7wNBCRA9TVsSAnZWagAAGlkP/3rn4ruxWhzEuPe1g3Nx\nFIVIzH55DfCJVDuhcL8AEeMvpEkAgIL/JDkAsTsDGMmueOyOTdcjWq7a+nEz\nglid8BZs96p8LLuLKLf43cSy3wOYCy5KW2/rX8ln9ixCMbHL8BKpg7BQ7hdb\nEFrE7yFi/p6flPxsOCF1xT4mHGl6lw3ivdSOfb9cCYuFjhtTMI2xUf0lyYYd\nc6PYmjmfMWYY6dhUWBlOVvOTXPGfQKhnrTh3hdwQ7lLXTFnPxWxvkdSodfi2\n8lrzAYlvRV915c9lHtxgXXqJgh1Kb6x3QAFF2FoNmm2kNj5rV93b+BmGdpjV\nntR0vRZUC3B7XyoB9d/FyQupMKbDKcZ6MVFKqfsnJqyDplvb/IDCVNp6IEMZ\ngw+IWtTjVO3wB6h68IiOtvIy/ULnnds8AsmKEewyYy7BndVlCPooBZXOuQE5\nZPCHFc+wxDvJ1uuuQxoPvKr+TbIbVrvSqJNV2x9vEFyXubOWhHMc/V2wHeRo\nWgQq5VDBC51yZXK5sNCRBnxkT9MjjZB3cKlC9eh99ES1kkUukElhVgSRMR89\nluBPQze6Dv+hTnHdJU98oY4jZNoTUZERr91LVwRH2AEfeBoukXjh6Kl1OLBF\nTbnnNRbTwo8Ljm5Vlm0gcToLpx37C6K8HY2Y/n5ourC7MwZEiLl8LvKP/cMi\npN5t\r\n=Gmtw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjGgLzc5MGWTwgnfXaZLwmveg4S+FSzTtpXQVvB6f6UQIgeYDJh9DhONG7KjwxRlgu/O34zv56Rr+agGQvk6GEDsQ="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.f92c766.0_1626276672740_0.668036621130232"},"_hasShrinkwrap":false},"1.16.1--canary.976df64.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.976df64.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"976df64f67cb52d6ff9ddde47142a116d254ae55","_id":"@atk/mise-ui@1.16.1--canary.976df64.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-UomBLa0JJxuNPq7fgy0PcMBeGy5LiBLgJqXBSqRplSs2u29R/X9pk4b10w55eWWY88i5BewLLZJNioW1V1ffyw==","shasum":"13b5f93c3200ddcc5676ae46d90148c00656fc77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.976df64.0.tgz","fileCount":260,"unpackedSize":1048091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8ZuFCRA9TVsSAnZWagAAWB0QAIM1xpHMhtKL2FzKqxFf\n0inWM25Ps1pT1r9hllKEEAf44DD5xfMiZjiKZB1IodVGIsEbLtm843hO0SrK\nsrVeeb3taZQZXJqGavKUKtg9PHD4VQdISiQl4hxizBA2dH/rEDydw1CeBmD9\nfqfqLPmlcGZkidFpnDmZXBVGWa4D6oMvgNN8/UsRFMh9tiPf+YlueY/hoW6w\n7MMv7UJXTvLS3By3Sf6Ta+XxY3RzIfZGpbtyev+397ubRJ8d76tl7Dx5FVmb\nlvUxl/rWn3SQEnWogVDaIwsIBfzYOCA841BNizlcSrXRVt12vb30JjYZ15Qo\n2Zu7BytJQV6HphaM/g6ryqm6wAYyB/Iuk7Js2BB3ZxT1rwuHrz/eeWqI6Yx3\nCwGAmC6LR8Nvg1Nte5/Uf1KqwoA1VdEqXhewJie/MZ8lDu7F19iqty6XVt8O\n4BYRp8lELT8AxMnEGLzpRfcKN3VIQGn8xIQAsitZkr8J1E9qQ8m6DGz4RwyV\nYA8hQMm/3oL8+ST4Zmf0X9rfVkvmDVmGzRh+3bcz84qjzTshoDHmfoiKf+dY\nVh8t1J3suYP+nDt5wwE7Axe4sr1dfZnFXKnNmxTRMesKh0ElpV1FC9KuPrIP\n658mlansxwJqW3FVGStU98HullYA6NGb2TePr4Tyny5x/LsHcjk2JFxD2h0Y\nPyko\r\n=AyLu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1/AwEeYLBmHLpmYyURHvON+xAyJ8oRsDO7uGn1D8rBgIgCUf7szYeIuW1sJAhfnxjq6+1DXtcF10bfCkDZa/4k5Y="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.976df64.0_1626446725320_0.7701258001413729"},"_hasShrinkwrap":false},"1.16.1--canary.23f0c11.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.23f0c11.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"23f0c1166fc06f434e7a88d5a64c1ab68744d87e","_id":"@atk/mise-ui@1.16.1--canary.23f0c11.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ItnrojJRQbGcCe48y2phqFJUFyasSQgSScSrm3m2xfOxlFFNd5Ol3uMKLGhA3+TMPSIHz0N9PHXPLOeJ6IgASQ==","shasum":"285ea315f1f16114c2a2cf1ed17a198b373a2778","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.23f0c11.0.tgz","fileCount":260,"unpackedSize":1050464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8aZeCRA9TVsSAnZWagAAcvUP/0JEqy38lKphuTLyIVf2\n9/Xcpheh8eQWBNJHfft/tvFOh9BKSicKuUms/jE2mmqedgTXAh3Xh/wJXLzv\nzKVviyssI8SvoiYC6REDiMui2WM2TqfLH1D1cRmJ3OSbxepKmNjuSDGLNGJh\nIEgqe11i09sg+svut7A4crdxDlIQ5x5TAm5DNZm53LnnM1MXpTMIHWuqENqX\nQKF4yh8BkbVTIJ1fL/hJOKu+b8K/KqcMoAiA6S29kz+lgqR4Pe82QAxZSO2y\newqNxESL/bivf0m+uvX0GVLY8ErYPM343htlD7IMd352DU+GBzbFR//GTGhl\nkeD2xEg+zm/JhPiQG8wwjfLMCVG8D5KhsgteONIfzPIegA78m4VMj/uq274P\nY3ZF/hFooj5zV2y769cDGzJoC4urjAHqSKYBHkEG8Xbobir8MEVncVx3A+3Y\nJJxIwOMQw4/kzNyWyGNhIRCwgH1qISgl7gJ5gOs5J4rVVnKxHuUgYYjzCvf3\n/TWwpD1tJ6Ok0TytUyXkvaPoct4rdex6YUK3eicmkie0KbQB3CAPoavtCOb7\nefs7QV5IgyQlkqmnIpNpDIxOHKiKWMzshAgYO/4P9bNJ8+tBAE0+z28O5C1E\n52lJFDPKc/v8v97p3fzxrb0chhM0/zO0ObMVGAm1fQLKlLh9hI53IEzCPI6B\n+Y3Y\r\n=af6f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtTMBxR8lup9mZH0YuMj8SA6YowZFzlsokqEYp8sywqAiEA+VTfrqg4Bx65KNLh/1rmHac+uH247ukT0r7ko0OXmiE="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.23f0c11.0_1626449501879_0.5024229589256282"},"_hasShrinkwrap":false},"1.16.1--canary.8701c2a.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.8701c2a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8701c2a0ec7a771dc53026432fcac09797811010","_id":"@atk/mise-ui@1.16.1--canary.8701c2a.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-/W9J50dNHzJSz+nDoGTio8zPOBftg71zda+Xmg6Pq4hUsQ+opnpJBw/oG8vMOBxhm8A1nTV/6a73sBBArZrTyg==","shasum":"1c39639196582b1315a2bb840b517f0504fc8d48","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.8701c2a.0.tgz","fileCount":260,"unpackedSize":1048260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vfkCRA9TVsSAnZWagAApzIP/ikWLCJQYJtkmYqv2ahW\ndTPDI9FNnUin1QCSimAQ7jRHDfB+pKu9mCiyyqkZHmDef/ZI1tUlayKhbkoT\n6wLoaDTXIJbAA6AiJSGims1vjquO6vQrrHxHTixE5lv6+XsoWrGt3b58miEn\n7AEMM5Sz669m5O9jl0HnvBO7K+y41zaEoSXUCtAcDpSkiWX5V2tGZy49SXWl\n3Loy71pb5NTHekTaa/D5JRVONZv3eg98CCFQX4CYfXUp3QTsztTu9CnHXvly\nU2+GKQMB9kHEIon1B21Ojk+zaowayd440x+HNc3JDBCdJpOGku4BS4CTJNtO\nVU+zBdcOylOjR6avLrcWgLYd0zEO0ordTpbab2IbFh/nH54NHLJEBUjfDb1+\n4/xe084QIDfldKjVBDq7/6d5ukav3alb6FOKUHtJJPMe9JtJzjxjo/xOLU88\ne8ublqhtw8sqP3a8VlsV6f2m/jkpEbUK1NkI1G5XtQrU6GTC/Dw51AkQ9CjJ\nX0e7ILePExUTisgW+CsUspzsxOzVobcB6zN/P3Joy+COyFJ9HZplwitzE8G0\nIlmGjTxSZbec2QI1TFlmL0uJDG3D7vMPXoozVEfqRe08ciIj/D1nZh9eRvVs\nhBGajgKL55gMTQLkDkR85GAD2DqFPXnWgTP1Hj2VyEO8qdT9oOHQy5NXXJ1m\nhfTg\r\n=TIfe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChCCnzt/KSo57Aj9fI3m2EvmcZGkC+NJIIHZjt4MRoKwIhAPUtXiJadpkJKu0btUNGpdpiYExrCGHn7gRDIwzViDNP"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.8701c2a.0_1626798051938_0.07959879456887142"},"_hasShrinkwrap":false},"1.16.1--canary.0164adb.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.0164adb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0164adb9bf8ae8b6d8d3026405bd5e6d0de8230b","_id":"@atk/mise-ui@1.16.1--canary.0164adb.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-oprq0mqLFh8CdRy2L5TxdJtIhdscotPU2oXdys8UnAzeLphEFCT2Op3vyMmVT9C2mr7AFOwKLJBtfk3esyIs6w==","shasum":"f6d6e30103df961b4246fc513c80a2387ba7645b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.0164adb.0.tgz","fileCount":260,"unpackedSize":1048330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9w5dCRA9TVsSAnZWagAAxN4P/3oB37vl1zW/ppB4PXK/\nbDOnp/5Japyarg91+qG5Ez6EcFVmQLpHp3o6mxObGHnfV4GtIhJ5SM99ea+9\nl9Jmh4n1rG7Bdfi8xSCoJHlsrXsNWak+UoXTKFwmNbs+fTfDzKwFTcdROdVj\n1odBo4rHkHKzve9baXchsJ2g0MYAhSqIaO7zy8XV94yE/VeeFxQzGV4OxAJg\n3J5FHaMhpkN0dSrWwRQePNsjeCOFk/LNYGk7uZyBgHyKGB0aNJCG3/zisrKz\nTTOBkAaUGYANodkUNpERU7IGM+Xy0NnozGA+H5sRcKmCz8lonaEKuwU3zpsr\nCr0WvV6d0FYe3qE3TkEmGJ+nRnUlgFWXfIaIDJJR3io0GOwRPn22ROSDkYeD\noI7IFCq2dAbkP7Jb8J20OsJNPyzCmrUy/pA6iGHWgwEsMg4bg3ZC1JfRelnb\neNVoT/PDnr23Ydek7TTL1b/ap/aWa4JJLHgZ7OjxccadObG9ad06ZZNMN6L4\nlIP2VCdFuNh4cw6tGvEIZSle2cfvlkF7pLvBRFxtZyDP4/3HoIsjYj87E5td\nTBcmjrtkZl8MYU9T1eE2x0wC4gwDXRo8Go/pGzJ4TUr7Yoz/cFaWt+NaWfmm\nB5J2xz90RiXDfLmx2zzqxp2wb0T3NkHIxzuValI/cwpC9LY7iFj23mUX0SiA\nSOHb\r\n=F4xF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF6L7TfHo55yRTjIskoQqU//alAktnHlqyywNGI2uo1wAiAyYrjvbasGyCDeytstet6+Bjs8m524dBaDP1wJgmq6XA=="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.0164adb.0_1626803805138_0.32484115413245607"},"_hasShrinkwrap":false},"1.16.1-canary.49f2e0b4.0":{"name":"@atk/mise-ui","version":"1.16.1-canary.49f2e0b4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"49f2e0b4dfc384ef8d8610c08d0c9b83cab1e7fc","_id":"@atk/mise-ui@1.16.1-canary.49f2e0b4.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-XhrckKP97csE3CJW7KHVC7aE6WtyqSkwj/8N0HkFzGDUeSH5opqTTcTTJwcUJfjsWmdVjHApqjudPZFiJKvF/g==","shasum":"aed3f1244387f528a0f41434a09f29d0877712ba","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1-canary.49f2e0b4.0.tgz","fileCount":259,"unpackedSize":1060981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9xrECRA9TVsSAnZWagAABPkP/iMk6y16gkL0CGZW3aTc\nTJE8bQcs/zTBKhcCDWZdHWTjdJm4o2jFjIgmlVXOtjSnjR94uKFPa1wDEvCZ\n9dpEtRk7eegT4P4JTnHv3+ag1hByEPERf/scUU7PJ5J/dCx8O6YY5RZMXM9T\n86hDABSpFxbmpPj2UCN7WHJt9Yo1u3sOMg1rI8Mafya5ZFYYnR8Kzn4PKK0A\nitn0igLWVMqCEsvbO2xo8Iim3UP6EbFlAwNlzhX4VVMU0ZIeHTW+frT+2qlG\nog509acyfdi2vOxm7l5550sq3/D6l4KA7fYMf0iePmS2w/pzKzj6mJV/G3WI\nVLfafKtMuuL0KjnG+/2jbILFn5mGgwg2hsWmPiwR43i6/3Ia3tSl7Nl4a542\nZAcZLmYXX7qj/WcQycUISPQuOZmlKC4mXC+HicVvvqm31KUAsLO/l9ciihdu\nCc35Y+fQIMcm9CGzJYY+SFUi6UbrQamQDk9tn4gb2kOBNOU8HgsYLbkhuv4b\nW4iiWvYWNrOBL2PMD9nPBWNEARedGuF5GKoMLx34dzAzwMQu4cgOGntjR1ZZ\nvumD+p4zSnRfvvglhcN3aXWG/msJo1uFfyqdcI5+oQB7MTd2L1NquvnI/dHR\nSY5FtD8bbyjJhJP6sPIUQsluRhtzowet/EC+f7zVCIbCEia15lVFjt5RH4Qa\nEoN9\r\n=+d0s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDPkZHuSgKMQhPSwsYuozQ2QFWX7aTOBhsJjOcupwz5rAiB235NoD7NwkyzmqShPem0tpYVWVW9LukfCcmUaBMDQkA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1-canary.49f2e0b4.0_1626806980383_0.09621092803716413"},"_hasShrinkwrap":false},"1.16.1--canary.9e50ea4.0":{"name":"@atk/mise-ui","version":"1.16.1--canary.9e50ea4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9e50ea47fa930869a9fa1553f59fe0ae45b8a4e1","_id":"@atk/mise-ui@1.16.1--canary.9e50ea4.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-VVdYFibnAj0rS8qkm8Pp7q0RqIWMgBfJDpVkdv4E1NfBenaHohn7ITlTKeCV9MH6ZNFwTBoaAqeT8DNoowtWCg==","shasum":"769eb7ad833ed4351f79eedd158b5fe80a3003c2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1--canary.9e50ea4.0.tgz","fileCount":260,"unpackedSize":1048330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+CQwCRA9TVsSAnZWagAAMCQP/AvX24ex012bQ9tDqSMe\nxen4qnPLotw7k4cOgThO6IAJyHNAr6x9Zxk9/DTfdqTti+dQSoVfdS3Ztv5L\nphchRvqyBs9ybylG1JmKPbWwrsa5gql1EpsqGm8OzkE21XltkX+MJIsEW5iJ\nHLfPbSmUUI+3GjdsKCj8TfzNDongnVf2GhIcXiJsuJnsWYm4S8pVwQ4uA+/X\n+4LxSv7U/5QHEFmOnFaGVDfWV9yUTWgrkLmrnRvlDuVFkpjrw5YJbJczC9Ci\nXSD+WVJge62h7BvkxuDGBvB8/UbQCtR8zmEpROKHrFAQgvBg9BLaf+bwAl4t\nUGkROU7Vzi/SCbLyeTdUbOHu5H4n9+zpCJvS0V9nQ/WfmNigBE7v0l692TV8\nTVF6EOLnDAihawPOMtrNSpiQXgDAOiJSlryq9dcKvM1OYdlTZaZyA+AXMjWw\nZjFTkpDZgVeFxdwacs7jVVh5OJwlbZEzc5iTtb6RTeHbWhCI5SA6h3VESqAg\n8QXnKeuEmzCrsgYkRhnpzbS6Db3LMxGQ+5YOq0aDETQLes2/jz9dVuNCb+MK\ncxp3FXDPvdaE1SlZDaTFA4TDJ+JYut80bvspt0cWN9zsmMYnm16aI/SeYmbK\nP2DgW3+B0iSvHAxkSyqAd7oItCx5JxioFnyR6tA2Mn5d8FyeSDDucho8Y/lg\nPTjv\r\n=2B11\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAOAi4w49Jr/8Jz8fAlSGaJ8j0sKB5k+ZK74m9ELWEVQIhALyJwga8sL6ktEH/YlW/njTfbqxYdmA/y45gz4XnqGyQ"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1--canary.9e50ea4.0_1626874928268_0.8834733080639088"},"_hasShrinkwrap":false},"1.16.1-canary.f67eb3b1.0":{"name":"@atk/mise-ui","version":"1.16.1-canary.f67eb3b1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f67eb3b1ec1a9248aa8d6f9ef3f09024344cf12c","_id":"@atk/mise-ui@1.16.1-canary.f67eb3b1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tLwm6S2c6rnZpPWrUguOoXvwbeAz29u77G4f84hua0K72wMCpGrfmTJ6WT2zSvYNHoh6lP/je7ChfTj6pX8Stg==","shasum":"8c0ad1b1f6a461405c7e6918e75f68f2661edf3e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.16.1-canary.f67eb3b1.0.tgz","fileCount":259,"unpackedSize":1060288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+CvrCRA9TVsSAnZWagAAKbcP/R6gcXubtQYQ2elmBpGq\nxtnIyKZ5vxYVqrtIWB51H9BT63kPql3/n2uTewzqjMa2KLAPbMbzPTRkUzST\nvOWcmsORMZSNug3lkDxhhLfHC3wmru4Lw5F/U7sipiG7oqP3LbxHYl27XJ2t\nrT0RlUr5YCPkqv2UhuV+Ys9EogRmvYHijBcwdHw72TyVp+wYTS7ZFiqwKDp0\n4nS/Tx/pt6dbFsl+aTUrG5hjEBlGP9yXgVIy+BkRUXJMR1LgpU7iVTNEcaPo\ncBhKt+Qss7SZ7//tr5V8wahp/FwPM15GmcRdR5rqTam+Ea33ka36kmcsPRjl\nXw5sh/afCpBpnEMVVp+jTNTBDqkjp17PAZN6K6oSL6jBBwIa1ppQGzu96oP7\n6F8OBAAESDkcqQYFHWM6StOyz1CX9ralHpVE/ng2rs/9y2D3S3SbcR7HZOR5\njlugYevgJbIa2vbOPt9B/etVcdIJfFu9n2kfDY6W0k1w+flH+qFjpOLzYLNf\nj6E8tUIIAfx40amn973uRj289rZWCPQ3ayVm4c90zyVqx/fy7Lm3VCCmoipG\nWMK3K4noJBLoG7vJ0rSZMXMlcOoeZT8E0+0N3TJNR/ZFYR+4moqRCISE5xP7\n3Fq00JFMXqt0efMiSyGs2fsa8pwoSjWf8XDirhyBosUCB0EzWYMRQ5us/2dV\nZbOw\r\n=Ut7J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvg7j5hSRCrXs4dwGbQ/y7rdwvpETmSMBAMPlYHprK9QIgPmUG1PNJgWyZ8UOOsbOoDnqEXTLqp0Y3gok2bFZVGgI="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.16.1-canary.f67eb3b1.0_1626876907330_0.8606979203743395"},"_hasShrinkwrap":false},"1.17.0":{"name":"@atk/mise-ui","version":"1.17.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"907a4a02f69f712c3e0627a4112349432570fe73","_id":"@atk/mise-ui@1.17.0","_nodeVersion":"12.22.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-0r7g618h+TH0Eo4Hcp1Gra5lRQdMQ/1Ta6UcuWbrJQD452s27P6ms8Xabq/i96tACYePQNWy3cnXZOZeEgDljg==","shasum":"3407e872a7541e2816fb811ef4bf18d57e338c1c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.0.tgz","fileCount":223,"unpackedSize":967578,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/so4CRA9TVsSAnZWagAAAZUP/RnJEmtamBjvWcdKe1tS\nJ44Skjv5wT9TRWngKxMSn+8Q8hOTAWs8/lpI+vwtP1Wosm/SJbs3SaAnXy+r\n6Z++5AI3KKNlKQ/0feKUV1NJNaS937cN5RRRCDzgtfKVUsdFM2Z1PzmWCv3j\nR64mtgbba/LAHrTa9tReeKKFg1upGiMXSMAO+HtfZXUVHAde05nCSFIUcPPf\niJnM0RQSFKGvniqZxIZNDBdTU3J6lN0/FH0WrtjugE+qAO676NegSC4FvNmR\nHRac9+Xc1UoJoLRdkp2xGDOFxSSXIOy8FjbXapT6IiFbWLfkmDOtNDISAJy5\n8tIPKfiYfD6D7kSPj4Ac9ooi3s5T8cvqwtXVMGQeL6ZCgP8Er/vxqhVlRU+D\nrpw89/aPj5OzenK2rYb32QBXhusBa6Ddhu+NybLSVkmRKI2UKEHnzIfW4RGC\nx1jbh7xQqnV3Yhv3yMjKls7qRDmPs3QKeMANgQKaJ4DMxaL08MFbtkO/a3zV\njxtsBXCAkIcDoK39ZbSB54veA/oOSjOuTtSps0NjY1blO0aIrqVeJW0sQspb\nHpotF8BD1YSSPoJ3hUzN4WHsafQnsW7nHrJzv3rIJwNCXxVmpYD3sfwixFje\n3ECXF0R9evaDwfctuf7RSppzG1dyj7yIaQLcqYBWWwHOPhyyJqx2PfaaQN/J\nUWKw\r\n=ori7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoEIDE4nByZ+dLsE2vsadFxiyRJakToSL3kzmKJGxI/QIhAKe1/lifDuo4V4eenqMUFXRyQzHqglzZHvpAFz0u/MwR"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.0_1627310647918_0.15442942895313894"},"_hasShrinkwrap":false},"1.17.1--canary.29bce88.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.29bce88.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"29bce88e68a9b87462599562d49fd7a7bb8fe844","_id":"@atk/mise-ui@1.17.1--canary.29bce88.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-uaVsxsGLGqeQJHpzPuU6FdHDR4FwBHfgvHRIFKup8u2G+j59ALkd529T5YgvWsNOOm3gQIFLSd/HGkxSL97ntQ==","shasum":"56bdd12861467aa779cd0d8c44adb3045e435a5a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.29bce88.0.tgz","fileCount":260,"unpackedSize":1048365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAENzCRA9TVsSAnZWagAA9zAQAId+iC+7C+1QUGZDmmWM\ni0ejuoXMZMVDaaP+kEPsGxBWdS6bBjDB8ecixeDLEJ/7BMK5gqKBo8CNQdmn\nUkdg2DZTvRNfv2MIGGVUb1fW9eGyzkccWlQRtVw22RhF3rq5O8c6MF6CpObA\n1FYIimDqlyBp068JRtj4zaM2WwRD6w1NLZ17ZR2T5xowZMxw08GctfCPcMLH\nXrUlOIQRVITP5Mkyu2HbjXQPC497TQqLussWj5WjvDluV59fTINcTFiv98ip\nUEQu+9nWq0alEGeOgHcoVWjzNmFN3C99VAf10AfVmIXdS9APKcsuy5rLEVmQ\nWOzKkvmL3LEWUosjCkc0pO6ps4ywsEpvCyd0U1k4EbK8Xfkn+s2KQah10Krr\nbVA3vg3IXXwoQuV2Gz0ekSdMdEFOoYWLrzBDDargHR1sZPlpltEFZWTMXx4N\nMF5RFnrl6FZgFb18EJi5LQbaIq+KIe76AmwHF/KqiR81YyUl4l2HP/Rv565E\ndNlJN7H7VndWlJcO2ZqJV3AEAu0J2IEE45D4PgtKvAiKbyLceDhZL+KgOtyo\nCkIP7SN9mDeeR1QyKZ9Eu5y3mtqrEX571Mx6qSkVUQwpPAf50N+yL0nf1POt\nxU+z/b6Xy/mrdDNFWrVLhnaUiBbYr2CAQ6gx1Rj+qyM/9FzxYx4oSrXYDA1w\nlruL\r\n=OXP0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCijqJmv4gxuwmrYuXevbbotrA09ZvjGju4E4QLpicwJAIhAM3TOpTqN7k3W2xYcVyhAGQgDHCJkZXQ/Kt/AaF8xhlp"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.29bce88.0_1627407219318_0.12266781649816383"},"_hasShrinkwrap":false},"1.17.1--canary.b8a6fcf.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.b8a6fcf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b8a6fcf4e3d60a06268364636add2f915174441f","_id":"@atk/mise-ui@1.17.1--canary.b8a6fcf.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-NbM54AbaUvYb0q7ZCPV5TBOqjPDXRR74Ie8brqV2snNv2y4h4ip54ETdSJNeSNjgIcjVNIU8gDOH9MI/ZFHWsg==","shasum":"72d282a6db679b1c29587638302a3af5cd4f815d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.b8a6fcf.0.tgz","fileCount":260,"unpackedSize":1048502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAErbCRA9TVsSAnZWagAAHs4P/0PNf3R9YfhIthpC+2Np\nqAAabvgy7uCaiAvzH84++HWZr+RHKW44oxAnMkh5fx41Lj33mBxf4BucOXlr\nwnT4EbTwJAjpce8wA9soJJ+VaFrHUGvIPMw7t4QtEqS06+0wUUonVmbzIXqh\ns+WtLSNqmXTmEpUgJeD4KtTLk4bGbVLoMfisk6+2U1+WHVabj1Ucx/PKa9XJ\nrNroK3dV7EwVPu87kZX/o3tIXEn9FLQhc8bKLWjs920W0aCy3rBtWnU3Xawj\nh4ASi7tdarKRE+cP2b1sIL5sh2TorJqJ/SKwKyOVT0+PMhf4hOwgnmVhwYwU\nrLBa9xYiVrwoQWni1S2W9dH4TDZrTUSg7ovTkj+VTym9zVdl79Dt2dKTjjfk\nyf3BXfYua1KEpFxhq+dGHHhSUuVPLfXAsf7asw6XzysRgJFGo+JozPxFfEWx\nQqdVfl4zH6qEXr8ukw32zInTQG93i3rq2r5lAoZtOldG5gTA5l3xFfyiK9dp\n831JtUj1tKqXh+9PaiHQzImBnB4LRzRRWR6ElSjqRIoAC68jhgKYSZ7NFX9a\nGuTnKtXpJnlShXYsjmmYGZIiPfFkywg8ulMXKT+Ymm/ZFLJdWFLrMea6h9pq\n8ckU9qE1aW7Yr2oa/WoB/sUjv12/cZprPcApmD7jImQ25Zubog8P2FqqCBZz\ngTJq\r\n=jcL6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHZiQUH/OY7e4X9t1vaoRXKQGiqbZanlAiZM5QjIMyCwIgQQVFbLpBkW8W6jROz4luf9Cd6pCQW21Pj3z2lefyE4w="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.b8a6fcf.0_1627409114795_0.7336446336802562"},"_hasShrinkwrap":false},"1.17.1--canary.2f8e0f7.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.2f8e0f7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2f8e0f70355937489cddaeaf49ecc9a2285c6330","_id":"@atk/mise-ui@1.17.1--canary.2f8e0f7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zuANMy9L9gRlf4Lv/rwm1lyaeV++PwDkouuzjkSHDU1fmLPBCB4VhgVPCjGgIPy+yLgtlEB+bM42sQJ2S4rX8w==","shasum":"8dd7184c2454fdc8a032fc9315e1390dbdbe887a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.2f8e0f7.0.tgz","fileCount":226,"unpackedSize":979596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAFvQCRA9TVsSAnZWagAA7h8P/ir0ifnzo1qFEsNabJ8P\nHw4RqtywwUVcZ8a+NWNb9ny2WMbGsXGP/NaEosjKC64riVOCymXEdSuvREWN\n91DQHyoLkyU+X33xQHYAdXNks05UzvIhlmlOPgm0lCbJwftiWxYQehY6UqhF\nryqtxWlMpd5JmSZjmXblr+RNo3L/SIpnbZtcbI7mzbuUMmwsJZDIw2WQaNuq\nrFAatPIcU31nqwXJwPp0FV+Vuq6zo7pleYn2ZoPpF7vOedVUrckj/GL4wNgW\n9XCcqI1Gj12CTasgrTkZctvIJGoEnZP6vfauFKaZYThoYREOnwqrOk3+OFZn\nB7H8viva20/jSoV0ScoeTPGU3oTRp3io6fFCRPcq8aGx6EZSzUMJeYhRf0Ee\nH73t10JOlup5ho2OV5ScXHrKVbsw4TpzWwTvu6L2M4Om14lk5Ao0DfQ0bVQR\nu+adibFn2t1eW1s103lCfLBpNpDr3TQAr5yNHV0f4IcKwN0FOCHmsa26toaq\nPeQdUSnb+EyCixflxSd9g2/8gMfNBE0SRJWY/8LKz5tZB4Bd8ZfQBTqcFGgL\n9In+1sOvR+7wdmPWzMSv82TSkPc0TDkX0opFj7uo8C7n5YhXcZtloOpDK3ph\n9AHHEb5yQ5kCJq2J+Q7lRqzLmBG2Ae/Z5M5YSKLCLIws1o9X5juC3ESYdhG4\naJmd\r\n=Hdtq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHtpfM5XgSDseLy/Q/fAWT6mK/TYgmTsPOrClfc5xviaAiAMBHUIiyn1LqUXkb81Osy6IFJJi+88CvWLIMOcluzQWw=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.2f8e0f7.0_1627413455915_0.26657715140297467"},"_hasShrinkwrap":false},"1.17.1--canary.f92e2c0.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.f92e2c0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f92e2c0ad1a7b83e459f395b75e38f3f2092e6e5","_id":"@atk/mise-ui@1.17.1--canary.f92e2c0.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-I5cxBYudZQTE+lMosXXWwM+ajwt48cau3AdYyudqvUDoSs7rf+M5i4zJEiyObm5DMlH6+0avDY6kEBI6zaX2Sw==","shasum":"3258c85fe73b2be0b3fc05e71940c8f9d9653f61","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.f92e2c0.0.tgz","fileCount":260,"unpackedSize":1050426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAXK+CRA9TVsSAnZWagAAW4IP/3X39TzQb7Z+jkZUiRC7\nAwFyE6r7pNVKM82pxGzluSCXkA+v2chq3XCO7x0F5OXOHChK/IVJC8G5kS7R\nGGyHNh4bTbWW8WDuBVxA6TGxZf7qsNgAFgKJmp69ZwMZlgyd/7AFtVcf5LjN\nD0eTEJ8yGBfjgNZ/gSfZn3nas6nqBx3uSS86XBb7qgubIKDYgoPxUt9jkMDM\nIyiTPeKsX8CdQ5kF6GMoIoXe85fDK6JpWMLXiWq4LQ6FyHQQpZanqlXxUM04\nXu5QSWYburHmWbJUm9MtS4pdVTmcprPgIGoqtXrVSfLMd5Tp0o3YhaesICIq\nbYTpDD8pIZ303ei/IQZ2BLSBGm/mTNjwFgWDLGR5AWdJhsVxS53uUmnfXLer\n1kfmsxS8ky57B8M0CdNUIjtZ6aB8gkW8B1SmdoEgplQPrWQBTCMMVsKtvfUC\nL+YQYYfH2PRExOFZ/hvqn0oweT2dezj6PBz+ehCFp8z64/84Wv6jEZRoCDZj\n2ZCKm1Zb8NLPl9d9lvUNELgSdQsu4MpSt6HjCqGO0WrMjyZLrASxnr9aSpsL\nz4gaO01N/A74q6B+RgMRQtap8DVzX7W9G4O0gQ3FB1ML9p8Kg/UqLr+g7S3d\nsk3MFaYYa/U52CD3mm5jYe6WaTshMPuoM3dJLsaUUZ6+zSNATcNLEgwEOJKF\nUo1x\r\n=w7Al\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGZjFR1zc8JnpOHm+lnFSnywMQJV1fia4RODGEazeFQ5AiEA8S4N6/wfk1FF4y0oALEoEmyu64ido0I6BPhhUxTSMQ0="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.f92e2c0.0_1627484862425_0.1035718057823376"},"_hasShrinkwrap":false},"1.17.1--canary.f92e2c0.1":{"name":"@atk/mise-ui","version":"1.17.1--canary.f92e2c0.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f92e2c0ad1a7b83e459f395b75e38f3f2092e6e5","_id":"@atk/mise-ui@1.17.1--canary.f92e2c0.1","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-zqdynjvlef6JTAI/KSkd2h3iNq1At4ZIdotfr7898PGDGqgP7p+86HbK+2P0/0ccsQyUBLdAzLuVDK0NtHxk7A==","shasum":"9604ea9f16fd81d825a6e502ed09d943830559ef","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.f92e2c0.1.tgz","fileCount":260,"unpackedSize":1050426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAXjXCRA9TVsSAnZWagAAwuQP/RTpIwcRlldMH3VmazuW\nmAifCM1ncbBS9kGjVRn1XPIGdV8Vp5RRalJOV3ylS27wP22H9z76XDk/G184\nqAVNqAwPtA07frq5r1UHu+xYZaah05KFr2mlxBuioZSBlX2AGiDAfeTHbGmC\nQuvR/UAGfjzOOEKCbWNfhR4R77utAPJBIY0Pyc9nvb5His5JeUcPc4HuQXlj\naM19d/55QmSry3S3asDGkRb1Eztv9N7jkFuSDbDfWRWNcK+6RJGsNrNR9pDo\ncmpxl3yd6x3O8x9xg8Y1ferqIWjwjpMzZ5Hq0D+SFtQyo1S8QVvAvhilRtGS\n6YpmDa/1W1Yc+1M+GXlY7vx6Grs+Ddd/EyaNSU4mRPF56+JXcItuqhizSToR\n8eNAuZPsr3duRoqZazxzvuIj0duIrEXrb5GOtQTrE7EfuBwBGcj1FnCUu+25\n+lDg4ZEZnI/70oD17Z/+It6S+vW+ZK8PySoxJgo63m2epdD1qejgJ+B3eA/c\nlC23j8flDyR0pdiysAdC1e2xymaXCAfMwVyjajTAuc/kb1h6bsqu3pD/91IT\nAzKQsT+ObhdZGLNbzEdJUO6cTIZVK0UV6+O3XzPlLs96ht5scGSzLc3kL987\nsjJnraUHoGcNstr3tMnOxMUHmX8t483qg/A6hyrdu3VHYhSk3GK6UDq+zycH\nMlhq\r\n=BwiU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFE7urii8EBv49QMxBd8EtSX63hthcNfvWwesm/PPszQIhALXJMmeQvCDOQzrQdE+hGawrjJenLZVdF+e9e5HSbCDM"}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.f92e2c0.1_1627486423776_0.39220994507930196"},"_hasShrinkwrap":false},"1.17.1--canary.f92e2c0.2":{"name":"@atk/mise-ui","version":"1.17.1--canary.f92e2c0.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f92e2c0ad1a7b83e459f395b75e38f3f2092e6e5","_id":"@atk/mise-ui@1.17.1--canary.f92e2c0.2","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-cIKQWIceCKCKtPQgRLrCmnPO3K7qISNAF3cNODk78+eHtNHgWg3g1ETGOI9R2cNld6utsruFdBJPdcQJ3NypYQ==","shasum":"6a9ff077de94d143812d7fbe879f5a545184cb63","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.f92e2c0.2.tgz","fileCount":260,"unpackedSize":1050426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZLHCRA9TVsSAnZWagAAfSIP+gMHtEajPqJY9zpTY3c6\niWltpCpggnI1r4jWCsl70rBq7m5VNvIAE/YRgty4qtZlrVAXXTuMIwcHsbL3\n9WlSW6wUfy4Tqvgk502709u/kErTB1sQWmrG6kdULkWArVEjnoDbIig+3PkL\nKat1QCZrrncFSLtLFb7pLWW+i7Dg5extW0pTi9S9ZgttPURT5sx6fUnrdDcF\nYzO+nBxK35YREIUPptjLMrzA2V1jO6lPJGvQ5/8gTSff3Q3i7n3ZIAminjCv\nn+64onFs/o5Y9qKZ5qmK60u44n3eNQmuKbNqKctFvc4PZxVSxpsz58sFAg31\nk/YE9dTDZam8KILEFpYKy4pB3gE7EK3l8gJUXDbdb7eFXubhNiKKCrQWQ0Qg\nY40D7gbXBAUNXk9JtFLJiTSlb0smKtBinEIkBFY4WFt2r8QzF+cfYvVrXuLH\nORY6XqaHjoeTvu3OmbEAKoAuSB5/qpaEMJMPmh74obVsUEcP8lYrKNvOynsU\nvGXFJv5tz4Pa4oxRcEIY8TM9ksAsrKCuUZm6woqNmyi26b2B3ZTmzSWxGFPR\nT8N3hMlZqamqcAvv5AsVJCMdG1ZHdG1V2htMs/SiMTXdLwsWMnlV1KcIbhmS\niOyBkTUH7tYVMszL2mBYDB9Z27aK9uIyZyXSI0qCrEIhlgJEvpJIxxdr3QjV\nBP2t\r\n=4lNH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzKau7UV0QLNtaHkWQNlfcQO+vmkKYTz3SNPMrUgYhlAiEA1KrjgY3l1lop3OfdljOHbJKvshwPTvFzQx1VQ8HDmno="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.f92e2c0.2_1627493063467_0.1825270366222307"},"_hasShrinkwrap":false},"1.17.1--canary.f92e2c0.3":{"name":"@atk/mise-ui","version":"1.17.1--canary.f92e2c0.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f92e2c0ad1a7b83e459f395b75e38f3f2092e6e5","_id":"@atk/mise-ui@1.17.1--canary.f92e2c0.3","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-N7pMZmYMFmgJSHkjZTHo6w0/JEYPqSI5VrF5IwQtB6vdIfZr6JGbCCGATjGPkjqSLyM0i36EoAUq5vbceOYDcQ==","shasum":"84ded01ea1e2f3de75fcb7cfdfabf6e9e36d9fd8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.f92e2c0.3.tgz","fileCount":260,"unpackedSize":1050403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZLvCRA9TVsSAnZWagAAl8IP/Ryb66S4jGyY4S3G5r4L\nEsEXFi2tDbalft1PiaQ2ztPU7VWPmkUpyx1cbeR4KUd6cac0O0RU9cvWa0ZU\n2YJX7G5bpOfc34yPj9m5XH/Kp/ZmStjmP5Oa87qVCJw2kHHiodOcIEhASJhn\nvUgJQu4jIjTG5pU6vpQpRSQVIA2jkrCUz/0wQJJC5zU6gZEnKoIqDnLbaR7/\n+mUk3x5HCHlANR4wu/5l47lO8rYKQl3zN7ZmVEjwoYCdwYM77Ne2ILyEKQMX\nMpSAgBtKbOHe8aOQUGX6Lisyat7LbqWSWrtUzKFnxvDemXchmQRoEQNLV3TE\nuVyDmV0Z/BcGPLf12UEOQrG0V3mlzgLefuhZduqvwzDfd8YBsnxZOyTc+o6m\nNsGiFAhcsfvXEqT0rMHpl3LJmaqUAKTtTwV+48bViLHL8QltG/OUH2qxTFGK\nXYYoHF5NFrtyVOop2YiQhKCnll5cvojM2DLkm+rzZynoq4fR7TbHYE1PdzlJ\ne3K0wwQ5Ma741nh4uMkap9bNyUTaJKGb+3j4RDJvE+o5YjVOnRhZtd1MDth+\nP9O3hvVIHdMUFVZvGlZt5hkKrYT8QkMFvJlLdgTt7kxJPqfMUCAVcnP2q+Ly\njmQZ4KvuEdopYliffhWJL0iS4VuR60BymWyRnInoNyu6638aVks6hpsU2d7M\nBBY+\r\n=y8is\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSWdpT6i5644SrkcTGfEuJ2nFuxhWyExQKH/TXVwgyeAIgGD2KlOovWtCN72oVve/0SF9VdwLbOPIwcAeBkuhPlWc="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.f92e2c0.3_1627493103244_0.3948308106126355"},"_hasShrinkwrap":false},"1.17.1--canary.2f8e0f7.1":{"name":"@atk/mise-ui","version":"1.17.1--canary.2f8e0f7.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2f8e0f70355937489cddaeaf49ecc9a2285c6330","_id":"@atk/mise-ui@1.17.1--canary.2f8e0f7.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-in2QxfeWb3kI2M4hmw0pDLrcPjrOxN8FnshBg9F3jdkgnF+EtKve4dbLuqTOmyHk6ME4tn+IT/Ow/N6NJJU1Vg==","shasum":"9a3a30fcbee9c6fb037ae279a1e06395f1249d68","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.2f8e0f7.1.tgz","fileCount":226,"unpackedSize":979596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAbHtCRA9TVsSAnZWagAAol0QAIKt2Ps6ga1Qm7bQ5sdd\nWlAnCABeIK/EqsmJrFj1ZhBXcuWxyxXKDBqrc2Z3AlWcKkMhyInK6Bn1Cb60\nw+dvIOv8KcnSQGKn/k2tgf264ZPYa2db853RiTdtQMu/sguUBkz1h9d039tI\n+z9sSPfPHfSfMbI5r5652I03RcwOHHuknqSqiPCu2e0ous58GpX64roOe1dy\nIx5ck7oa43YS0md8C/4W+p9gTnqL08ed95Tu1l7JZ/RHazQEe4hcA/5nDGrX\nTZ7SGN4No85/MbAzYuYHKSTfeA3Lq3dvpH+xbQn3dxr8XIAm1UQVk8KdyHHl\nrFpwm0RXa7KFOF4OCWNLmMFD25EgyGJcllFWHVYNFEWXHdwKaUe79hmeWfUQ\nU2t9pj0vyzQa3qAL0pvn0W94irTuM3bydpBF2gppmaQKTbsiPFR8kCg4n7Cd\nzcroj7YpqLkOdjMamNo1k4vjw8bijxmyR9SwTfZQTHy02I0096Kd8dL4A7qu\nPpB6eYrmSHpGB7NngLRoHo6Q4/YW46lYaxE3XEQYp6bwKzdkQHle/EJxSzKv\nD50lXm6cC9rN9fGe1Ucd3E6M4zxqEnNTEd632uhiXqg6h7DucKygpHNee1+S\nDI/GPGzQcsLMp+sKjzNujR1EHw1fFPMOS7sIjMhSdlAiO6LB0ntFQ72MYnTq\nnoB/\r\n=Gq4r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFk3PbkOlbIVJfqI+HlT7VhuT5x4L8VDgk7vnwr1Y3HwAiANwxT8neSeWadteQuK10vf3crBQSeYOi2KpUqBUSAfmQ=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.2f8e0f7.1_1627501037380_0.715047151712807"},"_hasShrinkwrap":false},"1.17.1--canary.b8a6fcf.1":{"name":"@atk/mise-ui","version":"1.17.1--canary.b8a6fcf.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b8a6fcf4e3d60a06268364636add2f915174441f","_id":"@atk/mise-ui@1.17.1--canary.b8a6fcf.1","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-wq3uDpHC1kb/sv0WHEFznrYJ56ZPutxBGh/fXvSsyKNhsUv1kt8J4FqqgItzAauuneAsfWJ1pT0pptQz4dBXCg==","shasum":"99f5a011e38c10dd98cd19959255a0f3638265b8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.b8a6fcf.1.tgz","fileCount":260,"unpackedSize":1050277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAqxYCRA9TVsSAnZWagAAWTQQAIC8CRCIOIX/dICR4mdR\nlK9ZAedsqYX68eKv0biZMm1Fwf572ll0xKNBtCQvZhMk90sf9/gJvQNEOHWw\nqN9RzCWivQTjNQdpPZhvqh7fDmwrxluNkKb5bbdsQQQcs1Mx2K/ooGtDghJL\nbSCnxJ4qB3y9tAirV5fjdWwjtbCd+51gZ1G3H+NcpoqXXras6k1lP3aJ9Fkk\n5J4O66O950Av9TuNhF8yTEIfUC4dp9Wh3amn/SV8A8sunV9rE1MAdx5YNuR0\n1PziPEEgntFrfnO7wwVftr9giN573fNgPHqENJ6Tcpft1OLjf4GKSpN5bD6v\nSFXD9PUrGzx9To9dd4R1kkJC5Xkyf6RhyMzVsj6cUh86pbf1zpfZMUB8uCbY\niFiwmp4SQNWBmbI2jjXV7o9AryGShrCit8WGq98HepUtsfwjv5Xi35MahWQu\nfKuQLwZ6ByzytA8RoE70vtv+9X73JiMCYM6GJtMSfzmePSSI237fTpfab88q\nJzuzAj4DDGDRnjCuL8rfbVUPBYsXrCR5eiZSWEFgyE1nIrK0bahrP2TGIb3s\nBmVxxJ8gtIImNyjmjhaucWCd2FKs5Y7xePZ4IFBNm6bhORQktq/Mu50iZnDh\nNDXMunDQUQ8JzPtCgKLwBLvCdEw1Ks6VUBn0iTLCK4/BJ9gKS3NMqGts7tOQ\nd3G0\r\n=Rl0C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5NJmmISzCP4/NkXCE6tckn++lGnMEARhvHwFuAOuBzgIgcEc5agxGf38JYdhN/gDnugoSwXS+bB2d0I/V3xYFu+Y="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.b8a6fcf.1_1627565143942_0.05661714897222048"},"_hasShrinkwrap":false},"1.17.1--canary.f67eb3b.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.f67eb3b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f67eb3b1ec1a9248aa8d6f9ef3f09024344cf12c","_id":"@atk/mise-ui@1.17.1--canary.f67eb3b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1ZhvoeqnmG6zvipiWKkqVPpQH+Z/xS8PSEp79YXfAqzrQRClJVhUQSFSAg+vFrLuVdPD0cUsOjjw77ryHeK3XQ==","shasum":"1431021033b17ee7cbd2dd418590ea3ee301ee75","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.f67eb3b.0.tgz","fileCount":223,"unpackedSize":962014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAxJECRA9TVsSAnZWagAAOPAP/23R8XXGJCMwobOpADCv\nCLxLtkXBhRicoFI5hPJiVcMMS5vhCaLHz5/jzYe7FhCJUdVr8f2ZoM7mFu//\nqwTAW4+An1+l2923Qtou4PxdCqCTrLr/dlbBEBUjvEnqda+tu0GlciRgeYdH\nlqoZ/Scova7sfixTBKspkNeNPQnRSqDMITtekqWRTIeQHbIx60NRJ4LltPEA\nZot3VS8BllhQ2mp9f0bakxWGu/ge01ZGViNm9ifVGohKToKV7kfsEUJ/bcgF\ni24c6IsbkIWT6VDG0wAgHu8faqsO1g2N0qg9LsYXu97koVEs7+yGKQDNiI7b\n/DHWKKoUqD7FnDo0Bw7MhENKJhZ8j7BkD2RXICbOGXV+92NkP5Rs8HCNGqLQ\nY3l/Gw8eREzdpD5aJss+8n/2MnG/fj6RIzPeuW1C+zSawmfpUbvD5ZGyOMts\nvRzOXrRogTR3Qy+1UJ6Ta/chbYmdioa2KLP8NvelgLfCODYxQ1cNdL4Os+pY\nEhwN5wgrUpJVCJe/jU+zMlWCW619smvjU+5pMAs99LcLBARtlW/uVrpMnP0o\nBVyXQcxNwTYoefblAarSkpgppFo9EK+zxBat0kaIiX4DR5+hq/Ss1xf8GgI2\nrP6XdpPJgvYkbvokuB7/zrEZasa4XhbbLWY8l7yeXgQPYrrG46iqDiWBVbom\n73Kg\r\n=oq8O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDY8PJKtLy6itpb6W3lXz2R3uZj1/KoMzTTwcWrBVxXSAIhALj/kYsVMC76zVF6tmySpVhQI4W+abyL2PW0HMoQRa5X"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.f67eb3b.0_1627591235955_0.7048648003625322"},"_hasShrinkwrap":false},"1.17.1--canary.773551a.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.773551a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"773551aa4b0d7b7de31da56fb61480862ab13b0b","_id":"@atk/mise-ui@1.17.1--canary.773551a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3C06joswEAu+oLXmVcW/IOHwwQ38pYB7roI35VOCqbserfmtrz/J9GUALOkUtad67JN1QxwlrQdCdGujou4IbA==","shasum":"c9bf2bac4a508f420c793ba1e28a55ef5f56640d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.773551a.0.tgz","fileCount":223,"unpackedSize":962174,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBCVyCRA9TVsSAnZWagAACx4P+wca0ndh2wOnhKieyRrX\nPy1pRRBIf6qAa+xkR6frZ6MlLI2JCIZ4CKs6ZpooMTJEzZp2bkS9feWaSYCr\n2+4wWhB5hHixxsGrXp8BsRvv3nJmgCgwJ0jfmlNXQ8sdgLJE+0nOLsl3MEEv\nkV9Is+xxpzpYAGjSMW0wyp2GeTvPu1gq6XfW7tp5KdRAVD1F4knklHR5Gbva\nythNEuZ1PV6u5+iKBXTCBA3TM310IwQa23JdLpszHTlk+DMb8FfebQiVNx9j\n7EHTen+lUbAMSMyv4gOIoJ+6VUGj2b0AvZQBhG4dqORYEoW/FA1j9uHNaLbL\nBRU/vhT320YTaE6i1+FbuYvsIxTZO/ER1kH1/Ax8AkqJXrWp1D0SXPlpFZ2s\nqUeacFv99PjuiD4WxtZGS1zl3nXwNoSFPd/sEfE8lU40IRK1V6uBArsXaXQl\nONgafAeb7yJ1wR/Shwc483Has1JPY5M1rN1ClQcKtJ+RWTsm0wFzwWOAVVju\nCVEg9XrWg3X9mv33haVJa3/VlDE+L8nW9b800QU64t3PIByVDb2DHkmgKLxw\n2etWZBbutIkrTLPeEtgfp78SlY0k2fuYVZbBwbKat6+gY2iMvNCko5Lxqp4i\nUsxLy7SLr0pI79/a74z6mSggDwbV2L6TuTvpzYuKMM3Jo01wqrDinBmlPbmR\nkfJQ\r\n=k+k6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBz38UuGlX8NgNv0W9DkW869dK1wJmp6PHi5ISt30E7ZAiEA0mNVCNGoRhL/Wxe4ewH4SaGMVYJHeQ0VO1sCZyu9gl4="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.773551a.0_1627661682096_0.14482638880964438"},"_hasShrinkwrap":false},"1.17.1--canary.8e6935e.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.8e6935e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8e6935e64c1a54937d13ee9270b4ddfa26c18ff9","_id":"@atk/mise-ui@1.17.1--canary.8e6935e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-c+z6xfLb7RqdqNVo22CFZaIgUbPcEnMkIrmwkd+Gw2BAZMwEEr7DCF7UvUPNoIYpHBw3fwpPR4UNV1h9fFUy4g==","shasum":"21a849e1d001bc7304e7989a0b6beac536aa0c82","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.8e6935e.0.tgz","fileCount":223,"unpackedSize":962829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhB/YTCRA9TVsSAnZWagAAI9AP/0qY17cezb2BUKYD6t/m\nHn/LNaQ0llB/c1ihqLHj6z17HnxHr81xgEEBtHEjGt4lWs3CyxP69AlLSKlO\nBVaXlGFQ44FjPzQL4qu/WT1rtGCY59uDSkfDeFOwPmMOaqwKlXaLfqXIQQ1x\nyANfT7iKTtuNy6JZxS3WG7Lrzgno0gOkbhPk2QUunI9ejBJQdW34XWzzp85l\n0gYMa+EacQbfVxMFEATdTTo4CCGbclvI/J+LsQgxq3V88W8Ro9w/Jyn1Men5\n3gGQDtemFv3QHvq9gruTQJGh/kvLYofk0jyL+cRL/hRNQ/zsxD3+G2ebLotn\nGlg51HjOV8/TrTckAX7lZkP0IugSnoWqdMHkM4LcTVws4ydkBIFy6+mPUBQc\n70b6u105SuoRqHsRPfM1sG5JaLrZDE9IsXophr28M0pr2/JN9CeURSgRCNbz\nrTGo5HwVA0Ym1679kmumXGzTl2d5C26ITX+vTWWreaqsr77Yf3b0l6kmSAH2\n1UOEz2g9xBlVDAoZIVqGx8W/Lyt8oZLi1GFU8boQLr9Szz/5JTPyhLcE7+n1\nbUzAlXLJUzc8L5kXCQdmKtBXBXtdqD6fv5+OL2chcWreD4Q+8dRj4et8XOV2\nltbDIYjnSkVzTLEPK/5JznAZ26Q51O9ko5FJ7sme4vKrfAiNf7NO5xFsHH2n\nwY3C\r\n=Np5J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG7/6M2XKxD8mpf/X27G4l+Sqgot/sMUPIMZIk488ea6AiEAlujY+WMSFzXBbNfiBahkHvY54SbATAvIDZioXFHM510="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"douroudousatk","email":"dino.dourountoudakis@americastestkitchen.com"},{"name":"mirdathebirda","email":"miranda.chiu@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.8e6935e.0_1627911699360_0.2211535298196785"},"_hasShrinkwrap":false},"1.17.1--canary.687c4fb.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.687c4fb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"687c4fbc62103d1273a3df41fa8642487ae25091","_id":"@atk/mise-ui@1.17.1--canary.687c4fb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3ElflB2DIUgfrHyqEvSPifzVBkdDUbyGMAzzB9y0f92vifCJGP/e7+G2PQ8YUp7ckBSol2c956XvOJyOK5GhlA==","shasum":"753ab1267c59fe44c9a9d9bb76b4fe8d7d42c9fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.687c4fb.0.tgz","fileCount":223,"unpackedSize":962899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCBMPCRA9TVsSAnZWagAAMF0P/Rz/Bs897KHg2Keay1Gy\nRrRIOGddzwE81dD4xawiOs6H+UQBq/P547goBMyz6ntWUKcdtGwsFczoaB/W\nEkyDDNHoZf6AGtgJgX0bs5r6o7E8PajKE08uGYb7HqgnD8Aq7HUF42Wny+7p\nWB2lUVvvNVI6pWgSOQtKuLkh327OInBOtVo8BDXPfLxZZHH33l8ZcbhgDw/G\nEx2h06BKZ6DIkzFHL0ek0kSDAF2Ee4sxT7p0XP4LykSga7ZT4v+ctEWTeo2P\n3TB3Wfk4b+CEMAjnwhFwRhQ2k5RyqcSpm6MXz6/fG+fLfaGb7cKoYxPUVL2x\n5fLHXepjGmRuOAUm80ugh742KRUY+GmE0myoGUx7/CbczbEul7s+nIsq9peS\nLAHFoCRiAb8pOY1alIHATGjRK8WNgLKDGSMwDErxTCgtspV2+HnFtbC4Duhu\nXSCsWCkQLUhDnVjtKkKOGveZrp5MIkC1WA6wzEv3v3dTL4MZXWxg8VYA3XVR\nWHB0WjVfBvRGJPLdnIlajpV38aUEJHwrqUc4WAVDTgopP72v6r8fKtMISX/o\nlbiWGAoHZxjBPGXodO9RUqPc8APdpF+3fVdU/r5e0JGcIkj5L4Q7P88vlMuY\nJGtCbes+A9ZdFLz7vfyMZSoAoX09EXcxvIKfr0b8ujhoGwjZB+W07ZY+O52x\nR0aG\r\n=c+5h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHc+3q/RMV27rVIX575r82+i+XgcMNWZTMzbojAj5Sj8AiAoDZkzlGmTD8fEnGmEdX1iZnA/ZjDl+eJtuSrYnb9agA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.687c4fb.0_1627919119354_0.14780716511934622"},"_hasShrinkwrap":false},"1.17.1--canary.54b2199.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.54b2199.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"54b219994d455413ad298ba88b09994ef19a1033","_id":"@atk/mise-ui@1.17.1--canary.54b2199.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vvTbfqJBG0rO8urWj9V/b/pCO6DXU/b411ncEbzjKX6wLgEeHgR8s0iU6jW8p2satO/n1V+f4qwfeszWeKcL3g==","shasum":"a381d2ff40cd62b850faebbd06a8df26c4808e3e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.54b2199.0.tgz","fileCount":223,"unpackedSize":962953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCD5kCRA9TVsSAnZWagAAJI8P/A0+5a3Dkh50ygJscgXQ\ncixPiY6IZ2aRO+nd1F/U/OUgkvpGkskin92YZU2iZAKXHJiihJZK6fKtATFx\n/CDOrjoUzTkBSUwQjGA65wax5PlKAlKigQqYXpBjMG0xs5CU2gXF5DpTfCiM\nati5LiQk4l4ZURzfKtw7PLvY+mbvb1ojlYCvw/n8iXHj7yYwjyqhe8HFDgkk\nmE5PGvnuwDRcaXo0c9llwhsvPusR4N5+2acBX7tsVTnlg3wn/h0KWJcy2WV6\ni6u7sukLbGUEknVmlmaf9cyeOOTkbQJ8MFQo8sMVjHhYsxeww2U1n5JaDy+j\n+6jHdGGhBpgBiQcSRtYJp75WH6F/HVH8IyTVzYZbXe9xg7ThSAEMpJa6HqQU\nFOaWh3K7YdrxHJtgPQQQamkIhHuRTzCdQF4+j48qltyAYjTNZ9D8wUwps6Sv\nG/orI4b+cN0aHbzPjVqqYL+s99J/dXVedhnG7Y8pyQl+AfmA0nbtEls/tryO\no55nyDtubXT6PB+0PGfO4q0fCw2cp7HeWYc+iDbSauu1Ojzcet9xHqHSM95e\nITIRdRjymdVPMyxNj64LWEfD+bBlGWOQ/HLhE+yUeWaZgoxhrVgsIswoFTKK\nSslW2TaOq3WTGHTa//weqpm/EvKZtUg7cE2Va4X2pe1YqcBeWjY0+9aHWLdb\niZxk\r\n=Ci0m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFapg+KoyrkY1bMKm/iCKnTAixLQHqkxR/Iw6dUa870AAiAyisaJM/ivnlWkLtRgQrH5sN2lg7phKsAJ+mI7NSzDQg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.54b2199.0_1627930211960_0.14122971671090712"},"_hasShrinkwrap":false},"1.17.1--canary.5d814ad.0":{"name":"@atk/mise-ui","version":"1.17.1--canary.5d814ad.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d814ad6dd63970af9ca6802fd24d958a215c0e8","_id":"@atk/mise-ui@1.17.1--canary.5d814ad.0","_nodeVersion":"12.6.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-JuQ0zLh4vK+Rbfad48zH12SkU5zLBuZ8sesti4/P6qhhxuRWLD436VM6eQBHsg2t2QSQbsfbeO7hhUzKn1hxoQ==","shasum":"1945d40a6466f42514dafd9fd904385e008564d8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.17.1--canary.5d814ad.0.tgz","fileCount":260,"unpackedSize":1048349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCEC4CRA9TVsSAnZWagAALb8QAKI2j+o9qslDGP/A6Pw7\n4Fw4Vhi5JD41+oGHJjlsCbJDGuuLIABsW+TDOP9MpNpB7T1tNnrvrSE7yhd6\nWmR5ljPIrSuw+6k57bQxre5SC8trh+cx07oehUaztx6B8D6tKSggnrnikeLr\nd1OGudbX/KoIxlI0e4UHzmKh7YwPBhoVhMVOY/tJRl/Os2URsMlVmcdamH8h\nPY1oDYbpVBVP2nCb7XuiGaRruD4RWE8V3WQOS69imzSJrB8unG4IAtmE6H25\nbVKDPeti7oH5zKfM5gyO7Jd5aZsE4KHl9j5rkgHJSOVDHNzPYOzK2RQ4zAy3\nk/h1IhfPd5kvya4yd8cx+QAgIzIdkB9LyNhOLNbJTANx8SHMDoapnZXncWZZ\nI1tpyJpkDbUYJvcg55aByisf9t20Az0nXwzEWO40CNrJ1J73wYe5/jO6TdjD\nQQfS06Ep8dj1V6T3WFQOfA1V4EGPyymi1vByHcov8nYrYWk734qfmvB0vgSF\n7FSmtQBS8A8ckj+Ha7S8Y38qve4pldDq4y7fDvvwBGn/FxqaNrbvkt9WS/tj\no4NfONYhavVQEiD1uUGA5bcolEP75CDGIrG/ptMZBF3Bke+raNWnnTCOBybg\naju0pbSQ2Pd6LVwka9KosJ6F7FnMthKwEMsOg6H+Z6dSlqR411QcSlpGZ1Fa\n6BHD\r\n=TtfJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGnOclAL8KSnCXgz6cxSV3TQxTepwarlnl8uiA0M3HiWAiB/9vJ8cgZKQv5Ize2kMttuQhhFtkayOquIlNog35V7gg=="}]},"_npmUser":{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.17.1--canary.5d814ad.0_1627930807928_0.23706688497829687"},"_hasShrinkwrap":false},"1.18.0":{"name":"@atk/mise-ui","version":"1.18.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c6fa3dcdb67f71e6ca627461e2ce75b54b693662","_id":"@atk/mise-ui@1.18.0","_nodeVersion":"12.22.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-C6ithjFk58ukSBrWTxjPci9wIdrIvkf6jws4bZvdc3eOgfgj1Op/SYQobbL55I56JkrJ4TkWLSNr631je+6k1A==","shasum":"5b67b4614032264d5db4bd89644655a0ab55b55b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.18.0.tgz","fileCount":223,"unpackedSize":966124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCURUCRA9TVsSAnZWagAA6FUP/3isJwpsg17e5+7nB+c4\nZFcwOAoXlp5SrtLqHwHOH/dzdi2+g+nxCsaYa/RzYaRHM3VIsaI/SzMM1eBd\nSVmxyx2LalyQSzhTLJRCxGNE6bYfzHHVIWc5B00AuMkbTPnZIvddcs92ahin\nA6uAOXYZoMqOz/dNA0fv+2Jt0fFspExTQZEk7ZHA1s9pyQdz1q958/57QTON\nfdqeAHyDwHQut70OcUhBo4P/erkfPWNC1z6HgbejimNOg26mLvR72KetHaOO\n+X4GwlEIvBL4KyyvTmOUxcaZaEivBdjdIz6XY/QaA+Y+AfyjWKabP7t0fHsU\nKuuOYC+EqJLd2s4/U/GpaxoA1nFQIVzVpvva0B7cvc13RUZAoKThIGSkG1aV\nf3WOypIbLaGvCOrIsh76vinYXb24rvb+fOMlNfYMecitLc5jkRdEKv5bWgTx\nQNPF8qD2drSHYYnNNv4uLzjp7mXvOElp7yVLJ9PLmgCPvQYGD9BUTvcNCEde\no4fdjYPzdKyoFovbo82T+Cij4A3OEBor1mEq6EKTmOVeTIrKAm5BJoOhVG3K\ne8i00dAZfbs/vPzKbXOcxZLkjVIf13J+6Vqve1Dr1ygow0SwhVgJy6C60nsj\n1H/HExBmqQpIoXEjwLnnBJ/jKj5/yG0jnlBy87ziM80nJd/wlTsrskHEzNaI\n/2RP\r\n=ZyTn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCo8psFbk3t4zKNppbrdVfN+cpnpWkd7yofAKR+VQYMtAIhALvAYVnPyCnTDf5bLu7S8R4mV7mNSJMs7gO0LtvkJP9L"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.18.0_1627997268124_0.012548513428429553"},"_hasShrinkwrap":false},"1.18.1--canary.51a9408.0":{"name":"@atk/mise-ui","version":"1.18.1--canary.51a9408.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"51a9408b6ab0c55ebd59d0b81209d222649bcd7b","_id":"@atk/mise-ui@1.18.1--canary.51a9408.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-XE642vbeVayKr8YoR02AgInSDvlwygvMeUJLtMtrTjkNgs7JZkM7rSHT0uD5L7eMcwXyWa7Ab/ByXDie54D6Xg==","shasum":"d7a53b8f58026915ae04418c742ae159e8c70dd3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.18.1--canary.51a9408.0.tgz","fileCount":226,"unpackedSize":979798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCUhfCRA9TVsSAnZWagAAm+gQAJ+XtEhPRsL10NSkwKUA\nxv0l/aEZARgM4bZ4dxJehuvBjBMk89VPhY/z3L4RFab5N+jOSxC322d4hpUH\nqIdveE5Kz3cO4E1yGXPgBHq1Ho0clD22+FMJ1EDUnnOvF9spo5lArR1An5bz\nr1rcYjCKMm2os1yOu10HckeazNYfKlVOifYZf/LZkP/0KXLUOFXM1qWQrdn1\nINlYs++lNaAdxgGlHwK8lLMixaxaU3wQ/IUS0I526Wkgb/q26iMFcmg0qZLc\nCG2jX7fu8Y2cwuvC3gy9sHhTe5K/j4m9fDZo4HrIEIt/e7aTzesadhWaZJkS\nWHW8+w86cJVg6pgoJQMaHVv6iSuDy9bCPrsAWcmlkvtXdKYEikWnJjHz5QY+\n4XS+jzVgSvjmUKyeFdyhwoZ7dPjgs8/F7Gs8VZ/1zBNa6/3y8EJrFPcdxAK/\n56Nq8cgu5dU60zq98Uac82uzOdo44NsNVLKJ0bI0gjr81HLYnJkfESmsD+JJ\n73fzCJ8TVdsufLq4/ZsOTtNfEAFQjIYzooC4nl5hqg6zvS0Tz6/cA2nuCKys\nEP2xpQRs1WbI4E0aoQDNqA7W8DT2e89lzrJNkAQinpWkLb6YB+pxcIp3+Q6b\nU5qrk8+ySute1TV/DbwVweviE6pEcZRbWiikIATkkipKzKvA66BVWeqAduWW\nGbJp\r\n=0CjK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICDVXpzmd2pShsPxAXpfE8Q1Ise45VtmFQO4UaHLub8BAiAUtnIWWi8IHENENu5YomQTH2q1q5eGT+zBrS38Nn2Wfw=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.18.1--canary.51a9408.0_1627998303131_0.5775932645359538"},"_hasShrinkwrap":false},"1.19.0":{"name":"@atk/mise-ui","version":"1.19.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"875ea36c6baa8c0cbf82255e1b8af68502e60bc6","_id":"@atk/mise-ui@1.19.0","_nodeVersion":"12.22.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-NwwEYU2ed4ojwGQ8997Q2IqBv/zGa5NwTKkefD4Ihbwar9hp8jxl9UekPrzBRVJE5cIIvbZXDY/LO4KJUadwng==","shasum":"be141cca45bf99393405f6689ce7560864680f3a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.19.0.tgz","fileCount":223,"unpackedSize":967151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCUuNCRA9TVsSAnZWagAA3oMP/Ri3cuBH7E41SrTzFX0X\nr2YtUIwb+iIcRWet/YnV+RRS3poj7dD9qrJNkJSNcTylrOuW03BOouejUZ6d\n8jM/msWieUl50Lb8jKYBamql1gb3cMr+6YZimBtxJp8g3EcyXuxpn/EgmwH7\nqMu1uAgWuPdWimjhtOZ3fDyOy6Ah0KBsa/7nXkWwnBoBMt2nkd4OYLrguOZj\n9s7egixNpCpszYdFy/3mXTnlbUjj4aNuGY9GIj6uYHx4ohQ48GAA7t01vS4l\nwdGqaRsQ8PYLkDiyKHoaGURI7aVLKObFF6u2eS6fLj8M3RChWPw3H5nvGlNT\nJd9mpU+HlwI81+HxDbP/dw2fW6Zsdc+rYPHZdjhtmyR7lGsI38dQDqpc+Wpm\nAWmcZELhzu3L/KWq9ycrTTKoqdxng1MlqIS52bmIqULzRSSTF4x4xd6wknb+\ni+cAiiY94KX1AMyN7o7Pwa6+TXTVvmku6/ow9fZtKhHiL/LKX/M2wcVJyY4k\n5s/pgEAaaDuMANJEmrfuFSaVn7rvE/2s8/eE0A0Hd1eK9PfxgZ85fBIsKgKt\noHjgW6vVifvHJ6gzpJ4Sfn++P0r/WVA0BtX3rKSNL8mSiLcJ7MQA2O/WUCjC\n436ZHPogu8BiI6Bti+NLNx66KAxI6lJ1AtQ6xcF2magY+G4f8d5Dx9kNp5Qx\nbOlq\r\n=CTyP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpJJdR8SXdFhNK2cSUPZYIfQ7avCleiKcKwcc5wcZF5AiEAgeI8G+QV5PKdI83b9taFT5qWCOGgiu7IKG4Db8ftZ98="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.19.0_1627999117424_0.3703121533907423"},"_hasShrinkwrap":false},"1.19.1--canary.d892c21.0":{"name":"@atk/mise-ui","version":"1.19.1--canary.d892c21.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^5.3.13","@storybook/addon-docs":"^5.3.13","@storybook/addon-knobs":"^5.3.13","@storybook/addon-links":"^5.3.13","@storybook/addon-notes":"^5.3.19","@storybook/addon-viewport":"^5.3.13","@storybook/addons":"^5.3.13","@storybook/preset-create-react-app":"^1.5.2","@storybook/react":"^5.3.13","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@whitespace/storybook-addon-html":"^1.2.1","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d892c210eec09690b1f16d2a58aab52c0397ed9c","_id":"@atk/mise-ui@1.19.1--canary.d892c21.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-cZGgTF65GAjv8yNWr/Ro27gtHMWjng5vG/PdNUJUt21UGNX4hvKHvhl5flgJQgrI/FH/w9qtWzXhR4kOTI7RqQ==","shasum":"aeedd115397294c5f8cfa05c0c3479fbae4f8bf2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.19.1--canary.d892c21.0.tgz","fileCount":226,"unpackedSize":977718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCt9wCRA9TVsSAnZWagAAb0MP/3sn6SRFzA6fYjXiGWOT\nPKr7CwmD19ER2EYD1XY4vS45bmzEar9ddnrawFJtW1duXMZl0ZQMklJnvG3g\nICQamMEgsJZVmdysaXOr73FzBqDeft4zPCt7fUlZWj4ORjSPHp5yI3U2kRgU\nrt6XtxcsHHNPDcMTf7VB4az0+qkQdJ4FtuMCwC+zLi1HmxnitXuFrpQ27DPi\noSOdecCLRpq0/y9M/bz21JeZkfzSxm51Q6wDDZ0vWrS680Z7s7wl/K12eg+O\nIx4OMZK8+YAxqp8FFifv03Ps1bvi9r5Hcy35ES7Jp/Vp3EIcF7Xk2Jm9D6bB\nctgRibe0e/x/n45MRAvsuc/E6gwfKeSrW45LIkd1DM9dLlrWw3Lg0gT7Xwsf\ny1jScWMFDuq9KDNDJ7mp34UrMzRxZyjMz58FoZLSwMxzi6SlDn/gPIWSZ8MS\noUnvs6PQfu0ezclBdpNxAdrUqk8zi1lQ9IzPsuqhv8pHvo2d7IsB7Q+oMkoM\nUeansfEEIwYldF4chkzOZDVggooJN458o7dKvSH1zu4lonAZSEm2dsxgwwQC\nIbDeA+aMzqUAkkKRelJDcFyOydAOwOo/yNr68yuXbywGnuYwcKqo/syxREHg\n1fisewJGMARfzYJLPqBU1OhdmIflzRExOSZWnIVg+ZTILSVH8oVnBft0gjTI\n8hOi\r\n=gzAW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/N8iTkwIjTu7/dNZ29ww+d59GXA+UMiTZVCyJ1FncQAiBqIEFNX0duBtF+nCxUDztGYznhH0pjVBxgRcFwS8MSvQ=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.19.1--canary.d892c21.0_1628102512608_0.43334933951281274"},"_hasShrinkwrap":false},"1.19.1--canary.04b8e1b.0":{"name":"@atk/mise-ui","version":"1.19.1--canary.04b8e1b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"04b8e1b10fb95c1ec5464922a392b2ed56f92a6c","_id":"@atk/mise-ui@1.19.1--canary.04b8e1b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qsol2R4A0ZYhbMhTqmJg/KNiZIC+38HLLczbXLBGNisZj3ofIMOCkjP90uSiBuASmTegCkZgD9P+SXfvUUEdfA==","shasum":"543a77329bc6a542467b3a8f11f6a2ece3c6e4d4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.19.1--canary.04b8e1b.0.tgz","fileCount":226,"unpackedSize":979327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCv9WCRA9TVsSAnZWagAAxmkP/1RHF1PLDvHbKcWcGGDU\nZLCZq2wdOh5skhJt1lnPz+OX6wRP9UixMPPVAPjGjX4Rul2WU+tPsW0h46wc\nuMuE6xZAP8u+eeTEfnjqMAZZ6rRJeibZZiKn13qIYaa4mk79RVQhyH6/gKpV\nrhL3IBTDfaqEQJsOu/qtiw/G2PUSwhy7/C0yFdDcein1em2qKGnMEaLW83GJ\nfoa4qBdxAagVuTmqmSBPhAvYLBQ4WRaYuixM5unBnpdhgVooQCOyv+AuUPjC\nWDHBb6CnqLJLHoecM8pb9KTv4t5MNYlZ4e02dH8ei/qIi9n7fRBhI6sLCkfd\nLsNeV2/ZFWnoESl50BDbWffdd5uMI7P0Xf1kKCQ5GLVNeLH3FrDrLwEimzyY\nfxM5/WqooB75ZQzIBLbBywKTxn/y8P/n0gZ36ZMPyMvOBl0ucV6c5/rnA93x\nKn1Lix/SmF5U2AZj6hsbplTR2WawOsZW8+TP3xKJice+GGjiHspzCN2scrjS\nY2F1nasBQtvDTmh4XBAooeLuqjcihqAJ7LBX5q7QADO6hWFqIjkYR++7SEkq\n/ikC70iD8l0JHGRQM0EPIwf2XDj8+uToJO9FojkAHLcU0R110MISBwhOGGBV\nD923oOMhiJLIvPk7vrQ+NgmFdedupZvyjUqpY20dYWDJoWmi9uK0PCK9NT3o\nrdzE\r\n=YPlW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvt0w/FQhyPkRdHsleqML66l52OVLFlB1wNyPXbVNhMQIhALYQ1/sGvuk6Nw+iGfRh+swpWgmdG4KjE3AUL4pvI0Rl"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.19.1--canary.04b8e1b.0_1628110678304_0.5073145873422849"},"_hasShrinkwrap":false},"1.20.0":{"name":"@atk/mise-ui","version":"1.20.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"e1848b3d3a87da0a1f143113f3929025906ac2fd","_id":"@atk/mise-ui@1.20.0","_nodeVersion":"12.22.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-jjgAg+2TLK6Nuwo+STUb/w+yCDXb2ZIX/lI1w7JDqflQ3yNJEHd0BhncoF48cstp36G7YWiO1rPAeym+3DRgdQ==","shasum":"48dfbdf1514541f0f078baa5dad61f6760903055","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.20.0.tgz","fileCount":224,"unpackedSize":976731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDD5YCRA9TVsSAnZWagAAYhAP/Aqm4sbu4REljanfzv+c\n5INtOEJxYeN4S3/Rxry4W37q0uPjNCWi/PMwzZXqpGHiDdRN4A74GZS62oZO\nXcdzoWVgWitIrCmicy1qSRixcQgGMgDG9q+/8z/5goLV5VQ9ilCx/JeexPNL\npjucQujm+oHS0wh6LWT9B21uquddG1KmE3h5DfJ3ljBfSJchiVv1DhczjhZe\n11EvyMA0Gf6Js3s0zCmlaWZOLSUpLdZ8u6VJZMBGFbTKI20Xhg4vyOs04y9t\nzUU1F7sIabgURiHd5vtiTiEW6qUdEf4IreXhzEY26XhKvXL7kqdywANFS+PI\nfE1bmmDKzFeZzzjdRKd4GaORu9OacSQuUR/Vt0TTvBFUfdmishssJBJC0fAP\nHAvQmKD0VnULDi1k2oC43IAdtDncmtKn9AYUeEuOy5LYWq0AOAPN5wMueeOC\nhg7JotHDiWAmWwWETW1YqTOwYVCNzzOAE2y69lstrPgdFD8IIJNEzpTKyzpX\ncTq5oFrIQDVNrQKi5on7FEfdEmRXU8AoKragYrNkrV2lhBRJbzs0Bt1AAZf5\naVY+3p8Ugqr3/mdupW+hme83C0IYiKUpwTJ++jzBe2tJBe0t39JgOUgBRfji\n/fSeXQVc8jsQqZMXvif8ax0Xzx7dnbGDRUcKXo+7CHj/HDghEF92nMLuwptB\nQ2JD\r\n=X9kn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYxO+xXu9rGz+7hHt0m+A4Vs73EEfeWaLlkt/ZRDxb/AiEAhYGERO09bSXE3qkACW34pTxsvlnKUfHDKZXPMSx9go4="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.20.0_1628192343935_0.22413354486522952"},"_hasShrinkwrap":false},"1.20.1--canary.b4105c3.0":{"name":"@atk/mise-ui","version":"1.20.1--canary.b4105c3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b4105c31ddb5bb99247c9e6d2136e29f453cdef8","_id":"@atk/mise-ui@1.20.1--canary.b4105c3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UXGDqnoWIQ847OWjGwzLg9oD07xKt0Jm4d7mJyzw/QkfBAKDM1x34tBL+S9BUlCwV3ZvU2pHKaydIWIHj85Eqg==","shasum":"b872793272c40d2b51414f5cd6065256ac31c331","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.20.1--canary.b4105c3.0.tgz","fileCount":226,"unpackedSize":994052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFnUfCRA9TVsSAnZWagAA6+QP/3fVAwDbT9ORjZlfaNuW\nQAKkm4AJABVE5/hFts2ILoc+7jNMvMD6sKJb7w9+e51sx4y6RCFBdVb9E9/6\nd2rfqnv6gnsANn1ldXfu+QwdbjT53gLBdJfnboHyzhxZpc1ArRijJY2IVJZZ\nH18o9xMFN9bZpHR5hTMWLFkvEQPETSI/L9FnPlaD+rl9hPyA3AfBHhY6CSTr\nRiBLlsLxnuF7wbYXygvI4aiUoNR/iD8BEvTncScv6M5B0z1ZFDSB1GJHTRss\ntK0A94UMc/04FEiKoP3zRdMO3wXRDDmjkRmGH4GCbwZmxWV7DroBpafley7p\nXwfi/4h/ybgce27AEfriu/qPcqxmhrrCo/klBihlE+Oknk4NZldGdPAjbL3e\nDkPqA74NbBFl41PqXXlrxR8CqGPnUeGrIQvwuNVETBt0zG5FliB4JSA/7NH3\nnjrBzFZ1IUw2NYGZuiN8H5f55erKxsrWzsPavtj/qlJGi0fH810jqFs7G1Oy\nlGpnzSz1Lm/gC3jNbjnxBA9JTH24Y3sCQ3AQZmXg/tacLgYeIVAg5i/HO7yt\nNTkl1LnnoGjo2O5iupDT+4jKKHYppJcF/2O9r/i1bahe3rAmoCi8IO7cM2Dl\nF/Q8ZnbfZCn2dGlWmhVhtGwCSmpumemKKUjaaRXuTcN60W0rVL9A80hWnx4d\nL8UU\r\n=w5i4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNt8uUX11IbDToTR662/xgscHcwqLBJpN8jY1lJ2crhAIgBmxUchzIXUQQeWkBXcA1Ua7Poet/Y5e5u2JRWHNc0nQ="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.20.1--canary.b4105c3.0_1628861727019_0.8620611612467848"},"_hasShrinkwrap":false},"1.20.1--canary.811a7f4.0":{"name":"@atk/mise-ui","version":"1.20.1--canary.811a7f4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"811a7f465ba1dd6daa113e16d3acf2bfc6260afd","_id":"@atk/mise-ui@1.20.1--canary.811a7f4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vPohqRUH7xqaKaWYwvEj157nFTZb1p7l+4yzjporvA4kcCIb/Tc8KN9XL+AAfyMqtsTtCPUcj9LC4C39qsyz/w==","shasum":"ddfbda22e50e2cf4c91057d7caf90092ab8145bd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.20.1--canary.811a7f4.0.tgz","fileCount":226,"unpackedSize":995016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGpAMCRA9TVsSAnZWagAAWYwQAJkN/6IRWPYhJXF1OF0L\nwSoeIXD4mm0GF8DGfS9RguTi4Yt8p3e9GWfJ3YjDfBWMWpaWNl3SjeeXiWm2\n+SbnnFuy3VTgrenYM4q0UXJvYofBPZYqEWrLKGRI98NaOthNuYdSkGCN7NlB\nnbXbLVEOzH7SJn+N9rSv0F5+oMpb9gPK1zlaDzjegRAkKoWFg8AcNfCyZL6U\nqYPSnws1YoxvDUXOr2FoFcq2taKW1Fuw963OyhRLvEyu9Atx1q8OOOIXbo6o\nxcaXk2HbUVLLuGM+2/tyMoOE2fE0iXTPngvZIHgob/7rWYWS2tOZZGhQsLNg\nMCiwQppYb9Rq2ZigbSdeimIyLYUcyab5QogJ9y5cMs7kzGxMUX1dzvBVEnBT\n2Z6mc9xvAOUlY6PUatMpq021WCYJ6XqodpKvJYiv9r0fohZlyYx3M5gsI1qN\nnzbag9egzgeJTMGJOHPC+Q4CQX2jl/C0lR3ryZZbYZCb1fHoZkpLXyUHjnW/\nlpPjnL0JlXH3ayWiDmB4yY9KkPLjQbqJGR4K84IwfhCOA7rsCuHqHL0KT1qo\nM/F4WB0YszUkumffOwE+paYC8W8pnVQ26+Kx64+lBE8cSLiRrLVcdr+uFhaH\n7G2byJov80HgzIUHqybIsLp10004hzyymO8FnjOGc77gpEvonB3WGB9yrl5k\nsxP5\r\n=W6wu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQf/Uqn5RHCk6LVCaLsBHHmruO8Cj35ssXdWFimGog0gIhAPq0ju3Hiy0dEbLNftzhpT/sQWqg7TtJ2tUxXxqvLdQN"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.20.1--canary.811a7f4.0_1629130764203_0.8293535334621609"},"_hasShrinkwrap":false},"1.20.1--canary.948e1be.0":{"name":"@atk/mise-ui","version":"1.20.1--canary.948e1be.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"948e1be016b429ab6f0ea14ecba7fad8bab79dee","_id":"@atk/mise-ui@1.20.1--canary.948e1be.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OejXc3s0rEyoruQauWaaOpQhy1YcNqwgu+i3tUJPT/Ni/S3p8nihCQQAUN/tDlu+CsknhfyGVF5dDk+5/EttrA==","shasum":"1b7afbb634ebcf77eacdc396f6313e1941652c50","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.20.1--canary.948e1be.0.tgz","fileCount":226,"unpackedSize":979626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGsL7CRA9TVsSAnZWagAAnmUQAJvRaVJeh6IoHcbfNMVI\nzYSVa0+l0egbXpXdX198dJCHerX9eQ/VatF1apb5/qYKm5uZSGsJxd2rBkgC\nXs5qxPEdgYy2HzKYag8uu/qFsEMuoJHwJvgmJ0IxZxwl+17HCkvLBGraaipv\nIzvbUkJD1stXuOJa23CzV6aJgI7eu28mMeePIGqunbPARbaqthE/aNqPndNY\nv/25HX/y9c5V24lioZ+ydD7+s6SfqprHT5dRwbnLuHigJrYWok5pA8HROFqp\nTqk+P7OfIvRRFRX6amW/qt3Se6njh1nX0+Un83CBp5jZQO186o1KPEL4+Qr8\nMu4esJlvTsLEfiM12b3s/1hj+GNvKdNhn51GSOTEGLjqj6N4jI2YVqSol1JA\nmZlUXX0CuGCCQKWZFZ3dD2UNBTxhAL0aupw0XE8RhD7MOq3ivPqa6VyEQWGo\nezVAWc5XNQsrOFNDeefxQqnMJh92XpZ4UAUZdq6Akqf0jtPehB4Wry6yAj2i\nhaeDow2uz3lT1uElMWjcu+mNZaJtNzhou4fVheUbyQV0mSoRtp0gSuqJpfTj\nqCXlXJlvCi73yTkpoby2m/tZLcUftmwCtS7jwyPxr3GVTvz5LHwrX7Z7S3eK\nZ75IFd29+gRnI7GYWzKM4RBYr9hWYdZs4o/LvaQUnZ12SUc8I+5AqU+o594f\nwmaf\r\n=3uCU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDaXmgpVYY6LB7MMzIvGS5i858PN0s8QMFL40waiO+1/AiEA2fZBdn6f0jEl3LwM8uAW8UfE2bsippLwzDLPBdDJVUs="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.20.1--canary.948e1be.0_1629143803270_0.23358338136214352"},"_hasShrinkwrap":false},"1.20.1--canary.4862711.0":{"name":"@atk/mise-ui","version":"1.20.1--canary.4862711.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4862711db46660764d1a1eb848f4f25208f6740d","_id":"@atk/mise-ui@1.20.1--canary.4862711.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-M4s09Segus/2N99XI5NfkyIF2YlDr4sF8JfZcBlpKRYjvOa+w+lQuiCdkjQg+M6e/rk1AVimcEZimEkPO/Sx9A==","shasum":"afe4e0887c97a6a7244b168362e3740dbc161319","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.20.1--canary.4862711.0.tgz","fileCount":226,"unpackedSize":979524,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG+uoCRA9TVsSAnZWagAAL0MP/0t9gjWanzookB1CMbLH\ntxvzaTpnQn55ZnFYNSHMA61xwH2QVw3csFOGcJgOalTku+Y3qff1myHr7NG/\nJC6rQ2QzmYet6L5akTzXmwsQv1k2xRJH1aDG64WLiyksBhxjQxRAlOJxzfba\ngUM5zg7+SekhAECDgrUT+K1AWJUlEWhzipSVmK8TexWa84ngOJ0f71tvRpFx\nF9kGP5dVUT12dw+2qqT2RY2PnQuI+Ay+WihG84ql+NRPBKL/5b7sONc5Yx6M\nvpDXL0QX7iHqON5rJjjRo57wVdvuSBEXpodsM7k9aP1WdYLG4yrx7PZ2sqj4\nMCWeYI08So9WVQdsmzL7V8iPvSYsUgn2J24oE12JC8ufgYgoDfivu99ue4e4\n8Zuoic1q8sMrv1aV4CVCKnOqkEE1CesIQzIfD7Vt/fl6RJsnuZte3fCNH4uu\nhz0qJYgvWUrawbYzDGoKcoaX3+Cok0XHcO5QHpACfyjRq0dRAhs6fV71HbQC\nZvedjzjXRqK36M1tQaloJ79Nqw9oOxShHsgRFKIiBA0l0p+Tmhv9sLgbDi0A\nJ7eSPDZhmcQ4Lz359kjcXVzYWbcZ4nXwmcqxPTFvUaSlxcIId9v30WJztfA+\nijbfuqgqs0mH6yLo2rpjjwPsE3+RofDn/psazv55zXxK7nA0FHlWrPOu8OO8\no40X\r\n=C+9p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoR/tvIlqeMfYfDPJmgLCHU7eF8kTuDXjX9an0VVbH6QIgUnlJmvb8EXHZh6lcTboyE9sEMNtI/O0+GEOTkj130UU="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.20.1--canary.4862711.0_1629219752221_0.38029943115878595"},"_hasShrinkwrap":false},"1.21.0":{"name":"@atk/mise-ui","version":"1.21.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4d73058c1f680a50338dc5545284fd4d1868c296","_id":"@atk/mise-ui@1.21.0","_nodeVersion":"12.22.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-4z5nwiGcB5XIfojFbgBJryww5ASBDjTPGjyvTSjEH8R1qe1nWDZ3Z1DCGQbIWFi5C0CN9MZbtUtPOEWOlOUHFg==","shasum":"077894adc76ffe512d9a50583e4a7156d3172859","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.0.tgz","fileCount":224,"unpackedSize":977708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHSgACRA9TVsSAnZWagAAKBQQAJkBGKnIOyTMpzebsoXt\nvfeT8TDLSoHbbrN7qu7NiRHrLJ0uHQFazpx81Uu9+ktPuf+MHeINlDJYALXf\n22t67lqe8M8RxJvns3Qe2+R1ySjQACeQmqek5vPgEasUGwVT6CNIb9SgTjls\ngutvKPUkdfppECZNrB84y+EXxoTzMLsgjDDi4yWQC+GE7b1bqC8jwZpTSCSj\nEPGAYO9HqxrRSxfxBekiPXEG1d8jJkqNbj07eVgE6zUiZKjTZ+TcVPA+8ZmH\namytL8A3kM72yS6JFq7vFTVUaJ20boAPzh761IYTrSGU4BQPsYiplc7DJ+3a\nT4w894FinbNrhKPJd9vC4HKM4e1o1i1JeVP1PNwbaQeZKOcqvnfDqBCGt7Kw\n1YhWdhMrachIzazq+hUw/X9juRCcBpDW3tuf7+e3/zis22Vp9sP2sj730orO\n/nKSqRW9sV4zGs1NEmIDyp5nARmyMdPH9mIff9cmySH9QCEY9mpBZW0GCA6q\nAZaPTlb58g2sJyZXnidF9viVkBPKNhAsHpuYvvG1ciaUXCHalz7Fpi3PfRT7\nrGBjnIQfJWms3jhwX+d7afsiBkJI3w9pfYNtBUgiIJ66mqyfK11yheDN7elv\neiiv/29Sn6ZqiNFVRTEJh1QOtjNbSTh9G7CKwztXKnt7c1lQ2Mg98XvlFHjO\nMGZ4\r\n=Mlwy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCduRW3yjdec7MMOTnD2t5qgbfqCCHoQK6fYwnY2CVpJwIgPx/N2ODga3L7SCMkoagEOTzBCpKFCvVj+RV+itRbtks="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.0_1629300736486_0.923055982206531"},"_hasShrinkwrap":false},"1.21.1--canary.000acfe.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.000acfe.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"000acfe74aab5c69a8efa259796fb1299300aeba","_id":"@atk/mise-ui@1.21.1--canary.000acfe.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pV9m7i+b/csNbQFx5lKVYIjCBXxKayW/CZs42NassSFYAXqv/1lSo9/8hLVWIshLC2Qk42Xs0wi0piDgu15F+g==","shasum":"57dca4b0fbc2e521d9d7f8f0975527c754a6c286","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.000acfe.0.tgz","fileCount":227,"unpackedSize":1007406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHXT0CRA9TVsSAnZWagAAsc4P/jwmgl7XSDhfe272H5CM\nEW+sQemOymWKlugMa2hxrTq3ZBSzK12UIlSlfAx5GqnMK4wZks/AA9DMgTJI\no55AAukMmJelno24ZPuyykyU+5OxGfslKjUVkSeBoR/Py868fd5L18RDDIsV\ntU57ySIbtJ7vQDJcUz4nd/kOwFGDaWfM9BFwkI1w1StZNMC6LSqsDDvuoeDH\ndeZ4O+EVAFiEc1Q9vYtCbO7jNQ/DLdwlB0I0wc0CTE1RCbg2mM87qioa7r0o\nm3HFET0TPqRqDhP/LHJGflF8Nt+mrafylP8Dz5zN61w7OhNE14y+dYfr91v/\nbBK4tHWvQtzHjazJV++juC4iZPEUCWVmEovhEMzM9WypS3zrV0osKtCapa89\nj8j9s1zE3zOtbcASgT0KZAFZMdiQjjbGig9hCqu2BoD10wlkie4OlPMArdfk\npJNLA0tHWbmQHnR7qBdYS+o2HHmTw5K0vy1T4pFf0iKHofaxFX+uD6Gyy1So\nTNbokaJmbXaFZILATDNUO2n2tAE2Zs6z7NiGZgsisG/r9fh0B/+DzqbSMgvR\nsmkAo55QOs0oPDa2JfrdI4RRkFEVApgsZHOjNeLBbgQtlvlybazfkxIpngNM\nDkxn15NWjtKUzc2CXmyhM0dMnxQSNyiLC6sg1YyL5CPg7a8GQQVV7aNZ8yd2\nBJ7d\r\n=vuMp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH6W2f0KDTReVJCgdJS845wGFRnb/N9WblxYi602hcFKAiBbpNj1SkfZXoO5+pwKS4PeDaOjca49FEEknPnsx1QzAQ=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.000acfe.0_1629320436406_0.058719915086868246"},"_hasShrinkwrap":false},"1.21.1--canary.e201b8e.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.e201b8e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e201b8e4633ededf9808d6b1fe9abf9310e54259","_id":"@atk/mise-ui@1.21.1--canary.e201b8e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-r+hjU/hIEIMB21RT66Yz/0/6ZA5g07toTvxO4XLBFZvbUjqJDAKHipa1udE0RED5WxChOZL7JnrKHr2poJWj2Q==","shasum":"c0222175402454613e9677e61cf4affd3167be9c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.e201b8e.0.tgz","fileCount":227,"unpackedSize":1007498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHXcOCRA9TVsSAnZWagAAONgQAJI1X8EEZz0kB++3r94D\nl2zoqRx0FM0WXwYTR7fMnTdelaVhqDiAio3FdxX0TkX1tjfHntXoJXZQD6fI\nZEYn0u+seQLYyYnLkx/SVHNkPF70KgPnHwDQbesctK5zaubyIoEC+FGKQ4lP\n4uyw12GvLVS6wcd8atg69FmhsX/hyow0HIPLU7PVwJ5ffoDJGnl4m36IWjDm\nnWrjNemkE7+MPKtt3dSi/iBMsbbyXbxbtHrlBrFkrK25TWcYiExXK04tmtJV\n4rV/F+oyZnPHRNMemT+xkoyWXBvS8tj8ltKEZHPTH1HNlK+olSKwbT2LJtyS\nucm0lMmZ4/w091Im1KaR7F1DATk/+3iSqERDee3bt1D0j2ZQ86WQeVMV703d\nzudIUvLWHDpJHmbdxHGPDDvzibJFA5o9cpb5QgAcStktBuB5Seq8XyIq48yy\n+r9hnK7YfDh6vY+i+8rdDMGZE+OrdBcHhKAjGDb5ahfVMnehxLSrY5llAYPX\nRqVa4RbC+A31dVKoh1zS1+aH8afPdGNg04qM5TyhpAqdFgw1uMsGC6miEEgA\n/8q8FUgdYf+GFuyaTkpqTIA8uZGfypiu/4M5ImN48DcwrdtYpY/EXAw16uGo\n2IzoizQ3IUViCZFJz2RHKQ2APQJCYvb1faltXK3+ziH3jq6q1EmA5yjQW8Ui\nP+e0\r\n=r8+f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGOsCwpfqKsIlf21ovzN4DKG7A7C0QOv8N2RVsKRtzJmAiBRPJL1JEnY0YPOgx5PXfwyvCYRtdxh2DRXbtAJY30ngQ=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.e201b8e.0_1629320973964_0.661715496559939"},"_hasShrinkwrap":false},"1.21.1--canary.5943131.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.5943131.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"594313162f4acf57e6a63670bc514f3ac41ab857","_id":"@atk/mise-ui@1.21.1--canary.5943131.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Fq9IayVyVA+0i6t0xxcMjhZu9IBPfPnum0imiXaaHKH7tQ+vQMvbi1YwWkUw3IwUmoaqe7nJQlHd8etoZgKkGA==","shasum":"55baa7f525f1908e2a7ff8cf5f122b7df9a96efa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.5943131.0.tgz","fileCount":253,"unpackedSize":1148217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHooZCRA9TVsSAnZWagAAy5MP+gJjdLzMCmD/ub0sZgt1\n8uOEwrKJ2cMkU20o3GELsiB5R6HZuxe5M8GDLULpC8JnlqiMb+Dtmg67Pesk\nKXFrbiX+y0LNFnDE7RxjVUxZQ5+Ko8/9tIRBdE/Nuhqyknn7jkMB7GW9GMm5\n9rssnoXkUY6beHOheaHruE3VqJs2LwC46mi2wmv31BEwxjg1qD3CYDkXaDds\nJDYBmjv6X9fweCL4Zh6/crsM4fnyu9zWLAmcBa+YyiRLt7yxkMrKuVED0CoO\nVKA7luKrnESl8Hr6sAXpdFx/F5RsPQBVT/ojf+aysNqudShvdb9AC9M+oR0o\nVbzzcqshNd7VCj+gUQPvd7cZA28861a53yXZ6oWoNvB50k5XbXuV7eN93vXY\ndffVEA+U3ravWtbX8jW6d8ct+hjxB9cQGFZXZuKchTjPA67hS+nWZkZvhPAX\nrp0A51KcfMrrO5wMzZNIMHmAGfqHvwXxdgC/NXiXXg9neQeW7SXBuikOjrMj\nIxt3UttyaJByFplG7xd/XrHJW9fPq7N5kRFigytXVA2p4npqvgbmSoMcvKt4\n3mGScYfr9yj/T/2FcM20hYw5cNUSpfxQnO/FS+2mycoxwvt7WJpMc84e9qxz\ntUlNN7CSxnYow6hYI7xjMg38JYntzObfR8ppopMcBlH/66ZlXbbZELHAq3ZT\n287f\r\n=CDzd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAczh5kkrza7FlrsVUe9cQ4C6w89QNGpNGo43F12QBHFAiEAy9FlAkTkBRRFt75GbZMkgOsAw2gHkSisl8mWAN5bx9w="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.5943131.0_1629391384976_0.8095784461807334"},"_hasShrinkwrap":false},"1.21.1--canary.76d6a74.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.76d6a74.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"76d6a746a74bdd2a8b36010fe259e8e46971a47c","_id":"@atk/mise-ui@1.21.1--canary.76d6a74.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MMWS0Se+Ted0G8OTt6xpX5Ox746gt0NRlN07DUtElDWsfoTTcWN+BwrqJNs+J0JFk/aMAEGTkdJsjnPWojUveA==","shasum":"412069aef9f2ce64221e7dd0640c3697deb9ac61","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.76d6a74.0.tgz","fileCount":253,"unpackedSize":1149392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI6yFCRA9TVsSAnZWagAAJMIP/3ezzeuIGqDr18kqZnf1\nvYn2xyHIzh51+7F3NXUWIBnnHnbv/hF0pBotm3F8h6QTtx1znoD/MIP9qC+Y\nm1AePqf1iNtrnDf1zGGQSNCf3wGfLKRrBvK6vqiCnyUAdANDnt9QSeaA8fpj\n3dXjB1Q2nUpWd0LcdVEjT2dHYRl9Wj+G6jMIeDvf4QehHT0+rMWJUeRi/JM4\nMvaYZXHzDDoPK5yAFbdgIvQ0IBLJ3sC6aGrRg7plBRvU7n44vJfAS8F6JbU+\nmlEOGo+KxM5PS0WpHMNagq2/3r1UKWiQoZnOJa5p/GgPkPcj8QQa5LYgkITF\nHhlIaeHajePW27e4h7I9wP5Ujp7KYrYyJduIFx5205I8dWLTS0n6PVWHPeQK\ndqW0x097OV2gDYFunh6oFVXoxjvGKGk2Jf9HdMhM2jk4JsipGMGXV5/mwJgm\nokaQcLLfFpSQONQBLcQqq+2c9EC53Ul7oPebawi2Q981GfFALXba/UPeIv1k\nmYKlXOQ8joYWtwGm+J9E+q2vHr7s+npTDRK+dzG/bZMyYc+c2mnJjwXoSVQp\ncAz20tDKMrzcOUHD5mQQL5oEwR9zR3kQqXuaetKsTlEmXYfsNcWz20EJ3LjD\nXo0M+Tmr4LT29AlKyy9PFgPu8MWl1SQvreqdchkXR9N4Xvd0bppkmWFMnieC\nnZ+L\r\n=2Fg5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE96bI7hbUwXdyBlXi5Ssdiazgceu7myYnDoc7X0VZZqAiA6cZZgDMeTpJ/QbCuX/JCfERG6OSxdKIXP4WR31rlpFA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.76d6a74.0_1629727877581_0.1460970385798681"},"_hasShrinkwrap":false},"1.21.1--canary.76d6a74.1":{"name":"@atk/mise-ui","version":"1.21.1--canary.76d6a74.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"76d6a746a74bdd2a8b36010fe259e8e46971a47c","_id":"@atk/mise-ui@1.21.1--canary.76d6a74.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-YunPcoiR+eusf2A6BDeURiRROyrDTpsLt7oMlCJ4hJIpjoYmYbOc6AyUuuzh9Y3r0zk3XzVg4yXxvvna9cF8NQ==","shasum":"dda046a677246ceacdb877a8b89cfcb23fc28fe8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.76d6a74.1.tgz","fileCount":253,"unpackedSize":1149382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI6y2CRA9TVsSAnZWagAA71EP+wcX3auKcLV9Lp3YE7Yt\nC9tM9CbxCTz5zmoLs4RHMcxBS4xsWn4nzKQ3+JxSFwVxwx2qGQ6tz1tQHLS+\n0Fard1V56ubpORaf3NuwpgsEYLl/YeXaU97JMYaCuQhxFvvt/v8MFb99QfcZ\nY3UIRSaRClZV+ywe13vqNXmv3jL2K8mzRfRu1GflbKttQ3+SJkOyVcyxNOpd\nAdGMPvsNmzE8T36/5WVzVPeBzkghLkW87VZEOUC+FBXNTbfx1JFgHLQDau5u\n4SGyaM5npWPncqmnA7Ws5Rcjod0HS8L2XtmW8CEjVssm7GB71EbTn5zwrcck\n0dvkmlpNoj1rk06wAbrmQ7K5Xg5sZFlwJHYIn3XtqtLT/qu6dNOtTzygEEie\np9f2MRmvQkbCj3jNPWjyzhRiTdKW9cYjQa5o10gRc48RZD3Gb6pjtqVmx89B\ngxI4jNwKOHm1aO4ZvEQoyln4MWfbftrvmZ8hc8IiERUgvDonfzQoWfBHgTWJ\nzBW7hU8r4ds7OEOf8TIiwSbtMElfvxlDpaH24ikTfwokyz0yzep8XgRwppa0\nCI+jaUdEsqIejN5Qt+evXwsaxOEboAHFYZxypdxu85FQZzJHr3dhXoAf52rc\nn9Z2/CQtUPvBPN0xQXW2uviCfzMPcWHf9amfF1+h4oy1vVFho7VP6LJf7ZPy\nlZSR\r\n=4ZyD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPOKjVZgNMK5bfXl1qsaddNhgPfUcDCY6Cac/T6immlQIhAMdYmq/ApO14wotyLOdYLfjVOwpfMWuHDjc2uHtSnydN"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.76d6a74.1_1629727925989_0.20515357096187237"},"_hasShrinkwrap":false},"1.21.1--canary.0d6fc37.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.0d6fc37.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0d6fc3742915164b9eb3a70c3f223b65f95afead","_id":"@atk/mise-ui@1.21.1--canary.0d6fc37.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sHGvEcCdwPiJsF6ImT9y6DPnc7GrpnT558ewmvcaNgK0ygqR5nNTJdloY2XA8kEpdhJBiSHex1k1OF4ie+LsDQ==","shasum":"25491073efcd00dbd524761ebe14c5521566d230","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.0d6fc37.0.tgz","fileCount":227,"unpackedSize":1010517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ6uyCRA9TVsSAnZWagAA9uQP/R6bYIxUkcqpfmwDkawn\nOcTUltu6PfuMoXhJ9T38pt7svMFAgRZ0majBMq8XT3BsyyY2Z9IyyTEXSE5t\nxZTmwSCFjXmrMfx8UDo6ddlEcp59c/IboNXfL+waktU1cN2NyrN/lfhUpgXA\nMc1vnGaMmVqAu9srwbk2vKjMIWMnrxNEs8BG23cpuGqMyv5Ri0l7LkpKoGjS\nNbLNr4NXiAkLoXaZthB7g55LLTUhjosIJ/OMyG+F/D+fwihfDAoCBhjkVN0W\nGG5phRfXu3FYZdfxcbzCfa1pfKzjCK0LM1Ap78ih2qNKq4wb0/HdPYtruddE\n67UOQsQyknS/+zPA7Vo75umBbvz98AHjRzJViVbD8To4ydFi4IQQRvmsjj1h\nISnhEIvWl6KIIBbkXEgVLUbyjfEImvdKbT2M4TZNlxKkAO8TbuuqoE5eg59U\nYz4bVFGouUQynkPqjlQvjgwUikZTYr2cQXbw1A2km0KtQqLFlvCcD8z/DNs6\nV33mWuOZrpv9yly0lTxEesVP582BL54oRu1Q9W/2sLfD2a07nkptOasUWlUC\nqYPiLZnRjm01+JEL3afIPnjKP3uv2NTuQCimxV25C0+Tv18HMwyeuW3NjjpS\n/pHqk6IbmczQPprWNWXEVzN9Nwbb3Td1F/F/KHdymJme85HlYuh+w92eBOUH\niP5f\r\n=a0qS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLrPg2rNP+GE5ORp7XwJk9j7i4+O8/s1ls0Z2Dbw+tDAIge/PeUz93+Vy/Em5Ooy59ezWzy3CoggQujgrhuyAufMA="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"megbroughton","email":"meg.broughton@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.0d6fc37.0_1629989810056_0.22113467793157615"},"_hasShrinkwrap":false},"1.21.1--canary.73300f6.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.73300f6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"73300f622b80c3bdb0a3ec4a13fe612d9ebf6986","_id":"@atk/mise-ui@1.21.1--canary.73300f6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wyi7MF8uhVAo/9BcLRtTEeXzNgyADXryfY12rrjOc/ouRtINGYe+6OFPplD1YMI4hO1QGSrsh9lRecA5chBsgA==","shasum":"02104dd16a3a1091133170b04c8ee8ef49ac68c8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.73300f6.0.tgz","fileCount":253,"unpackedSize":1150846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLkWOCRA9TVsSAnZWagAAE6gP/jPeCI6uw3kmXnanqXkD\naZ7UV/a/eCZIFP5/tkU301l++7Rb3xd2qcdbjMfYw42thPlOIMleR/P9WYbE\nchuVR5GNdRg7ixKhbQ5eX63WsYmrSPQILK1E2CcrhQ3xBMapDlLcz8H7YH7+\nupm7zJzjpCpSgkVb+D/vP2+noIwk5OGULb8U6stuXvtp+I+0scrxcXtkN62K\n00fIUkmFx/iwb0Q3JcjtWrrbNI6FZz6Ftlqzn/4LNFm1+fwNEER6KRwyc8Hx\n2dijNoF+jIXTsb6G2/wC2dvucyBy0/n5/C4wp6ZWK+9RX0lBM3aamrqJDOoQ\nGRqZU+MRHy6NNFbPAEwNfcd3MWDfdfbyyBdEr3mTKvNJMtYo5/YUBpQUbBxf\n+QjfmHKydi6si6/6oZt1rQAz4a948JuxxvRoPdeXOD6/8rBkdoq/LnjIpK1H\n7w3/AMCUhUc6pzPV9to5Gx/NlUxsq/oJf8PDSec0ZisNqsDdCyPsiDShcNAn\nadBE6OTt+vLJHeBT/3lxsrCJ1vLxOqiswdjeSL9iwae6A2bxlqd/gJPTfxDW\nHvXVC/XuQW7PAa39SigOwK5pUnb/QvJGYycQqZBVME0WMhPmVt2F0SecJQfW\nf88XpTkZYQEhkEQn4BHyNYrZz8OAyDBw5RMFp1y8YaN/0ucJe4ScSSHtOiGd\nzwx5\r\n=jhdp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBcdZPzKwAU4eJsBpu2f+pGCiAceyTUv0wYEDNESZQLkAiBvkizQDbXXbsI2W3aiqMg2pR4nJEXVhzSXfiRDSH8j+Q=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.73300f6.0_1630422414402_0.3664102928465318"},"_hasShrinkwrap":false},"1.21.1--canary.d237aae.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.d237aae.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d237aaea1b6d0c9308cfd5973ce0b216dc77b5a0","_id":"@atk/mise-ui@1.21.1--canary.d237aae.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Nh7GGsrvnENZl5pWFEuw9JfMFHvGFLlDKOSYwjfAtEB3p3mjqrG1jy4A0N3ThfxLCqQQTAusHl8Vu/1sqHsCuw==","shasum":"8a25496886bf453dc7df6405794238e7861fbf51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.d237aae.0.tgz","fileCount":253,"unpackedSize":1150846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLmQECRA9TVsSAnZWagAA/KcP/RWhZVhHehagTv7Pat1J\nsYQ0XbHk3RDhdWvL2DKwpYDPeLMmwbw5BodDTAI2CtXSlIHOfsGTKKyFVZoU\nWB4pAPbQBA74PTmTd0kEZ8dHit5L6gox+O/H6OZC3PNeyrbJprTHESOafLie\n8dQtCfeGrRlkBp1BfXtdXcqz8r97IvmaQETSVEHipE+VgIYA7nWdop9/f1us\nAdGwHVOxvGBW/cosrJRvyQztGTZQtWeVa7vtlMff7Jja4Db1TQ8BCRbG3I/N\nIIj40eYfvgmWPRmsqOh0tJL/4m2abxvx7RVCI+0JOxk24TJsa3e8nLFBk4mM\nTlExx0M51G16rIN3JCqxU8gRFN5AarMCxy0mvGEsmeafBLDRbXRkJTirF8WQ\nUGZbhGeOHt25itp7zAKU46R3tfSZWXaACGLEvaJMNrFI1Cl+hCIK2HClHVCz\n9eeDqEoMsW0WHh69hzzj1Kz3+Yp7wtFYZNn+fcxNk3k79TUMSwKoYrlV8/xR\nMvDAzrz5J0YHuX84BJ9M2FUbaYJAqUX89dlIIrHF/FFjgwCO7wWYny9zzEbt\nsLAvid+GnwMAh3bN18BBHBOvyfBBIrAqIaMjSrm9luYBAtMbQgGMMEtZy3h5\nK2+hQRce5tp7+M5NJN+wCz8tCcScsAGC61rFFxAFZUF6/mvvUugoWNPGJGSt\nYkwT\r\n=74S9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA8/9IiB3keWEYkSVp8ZP929uNNfZl1+77SkQKvo7cqVAiAFlAtobdx+pyFkYsZEHQ0Cr1R2s5VInU1RjJmRh/PopA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.d237aae.0_1630430211389_0.9693828162873726"},"_hasShrinkwrap":false},"1.21.1--canary.72e551e.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.72e551e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"72e551e7905f37643cfc7c3b8d669e4658a3ebbc","_id":"@atk/mise-ui@1.21.1--canary.72e551e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3cYtq3tRWvPugpAVCiYnf0Xq1f+mPkQmmAFdqx/Cck3Gi8CvZuhLSW+9lkBA73DGCOvQtPQReOIb9lD9x4vdhA==","shasum":"c41a46e31e700dac5e02b91ba1d6b2a921873454","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.72e551e.0.tgz","fileCount":254,"unpackedSize":1151165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL8HqCRA9TVsSAnZWagAAPTwP/1SMlPq/Fgc/5oSac78l\nyBg/QEZlYUqwZZz14pEsZ9iW6sjQa3PB2DKWC+xwgPC5pk9p9X4FIIc/gEoB\nK2iVBBa7yqROjPS3QDb0r/puLCOfcCEflUAqzXiC3zo2fcT6fINeTb2eoTPf\nuEjphqqy6uMaHSKH/CvEvh5eYqh1x1WFuItrqcsvH+DZHOP4Om5GqbNlYZc+\nMI19sz6pZJhGAbvuGqVrSpMc6u3usf98YRtpLGg06/wQ15bKGPB6VMscQy6k\nqTH7WoW2Crtc1Ew7BGs6cElA9tAntYzD8Jp1+WvIUnvmgWCuK2v5Lb1klz/x\neuY6Y+PPFcfLEu7t/TIioQPOywPR+HpvIWpqaOlMLsTgs6YUsOtGIGMT8pT1\ng90PNMcSeogqOBuectfmWiRoqSAtG0ILqsC6/q1qJ0gvBtTNi1G9onPzbbgk\nB2fSC488EL63L19miECuqIUzerV1VJ7iS257LjuymeJgMxufzCjQcEbtwVT3\nzalkbGnzsEjMNYXTR+WGSakwpMZAxAUxL6bhFofxH8zQDR7awyctnVE5VZnf\nlWAqLM4KDYGKbK4tjgLoUo02tfNiIEJsVkzivn1gYl9rks5ZbTpcc4ppExSY\nbeLZMK8l2a8ovXyN8I8pIN5vFBTW8Bowy+IvCQgGDoTUp4njRGXcntbOuNFx\nrpPx\r\n=2K44\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1QgYIcKO3emk6BxUdl5zjYE1HE3Fr7TDYiuSykhlB1AIgSs6m5GjgPH+ysUqh5WWTK9lcIKoWkItS4M6GynILgaU="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.72e551e.0_1630519786262_0.6989598228362983"},"_hasShrinkwrap":false},"1.21.1--canary.a2d4e53.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.a2d4e53.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a2d4e53ce8d665a632ebeac7c1e5a80f2a360f81","_id":"@atk/mise-ui@1.21.1--canary.a2d4e53.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+EWyA5NOfjIPJBTV8eFY6UTfBRH3SH5qvfXE0woNbay5vP4iCCmia8t6ERbNkjhPXdgKUK5+0I2eudkkrcprpw==","shasum":"20c0e39999afcd4ac109b214fb7b7a31d0a68ab6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.a2d4e53.0.tgz","fileCount":254,"unpackedSize":1151165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL+b/CRA9TVsSAnZWagAAwoMP/ijBV9hPkj5yCMkN6zVF\nAqnSfEikPmKtj1H7LGSVZTAGhxwN+yi2JC4spBe4SooMsmRdjQYttXkL3Oal\ntcSc8fEHUuHqchZn48X9D0zFXV1l/2zbamJzAwGWrrPKUIojKk5axcaRzO0G\nB0CWBL2O5e+omPjbeBNvcgiZGhfiOBRuFEYuJKvv2vctsT8U8SO5Bp/IkjqB\nNlA+TyYbIX7UcJgBml+TE+Wo2trHkWTmlDisbQrWuJYscfiwaMvywek4+/v5\n7+2vruOOMP5zYfJjiZRrW7b0NYjCDGn0LUCasMU1TvrN8wC2hpO5MNgwI9ed\n7BhDLYzclFG0SrUJkHUkj2iHeU5aSdBos8IoNOdRf0roBs4jaezVUWsKcA6e\nMkncsnDufoCwEBiKENV7nmbYrLk3lfSvucUYj0s6BjmTGcVVmEldlYnaZ1kZ\n+XqZuT4JqNKE604teydjJxmfJhIf3ZtaPaL3MXwQg9csHy3rbXSr9vvy8Ysq\n8FPjSEqNlhPrHMWuDOg4/xfRciqGnC7okpkdbJkp5Q/zaSDu9OI6+mavKRiU\nvs5ATVbdi44c3yq22S0MkbeFCcpx4LPy9bTRG26/MhrTrynEr1hcG/IMoTim\nQV50+bNQRuqpqhvyMow/glQfPQ/4dzMRCuRdH9kGNWHsfH/szBvorwBn48np\n7Mum\r\n=v8cI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDy7JGhqPYslrCv8UQMhsYbya0MBvzzZpaoxyJZlX6S0wIhALUnWRAD5nldq1c18jVgQPJRYXCC0AaR6VLG2YuAojlG"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.a2d4e53.0_1630529278916_0.16073519979249373"},"_hasShrinkwrap":false},"1.21.1--canary.38888d2.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.38888d2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"38888d2196076a5601e7943009adaa9a5dce69cb","_id":"@atk/mise-ui@1.21.1--canary.38888d2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-6RKK+njFPtM17waylstYRUR2LKVVizgFP7tvm1/lhUN+vAr5hjfU0KiNybTVX/Lsf1RsAestfx7WZTqYstK+Rg==","shasum":"1d89a506ae2c514ab88add567d86914e80f13f70","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.38888d2.0.tgz","fileCount":239,"unpackedSize":1000676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMAQTCRA9TVsSAnZWagAAcgAP/ioOMqUYvRj3S3GgDJIo\nTvc5Tkwse+qozKA8upDm1+2R6SX2iNBMf+0904sgzYlqD8zoVW6mAfi6GoSM\ncd2S6LOMVa3wAt0kGyWRYrNGIXlIPQsZU7c5l26GYEsh9nZs1vOev44vGtU/\nOu0JNQ6wqj0gES4KyFoaOakYb1odA6hIHSKY6ma8F3JJl3znrLKsFvgnzpmV\nfUMwDWYnqqUakDAkzOUvPD7z4Vqd35W1tyf64BfO5PvPt9nSiwnQ1hgHx1Aw\nXQ5IUlGfeFmxNa4nVNBHH/lXlrVtzosb5ghdKrKnRjak+O2OpYNDVwIEKQEJ\nLR3X3HKisP9INQaxZK254KdVRa9/bhuTwE3f4cWbV0jDh2o4/bueoUxYFbjT\nVuoXKaEYt8+LD5VUPLr2oXsWYHNZbXF2Vl77xjt1nO8BYRPSDfxk7gpuju45\nDC1PUiBNf5hiThxA7eLiPcLyV3KHLVqVHKgXm6ZBxYisXlJ/KOSLJgZRj/MI\ntoy1Z5fTEdHORFUREvE7aAy2qQBxCMyIc2Nr1Lpo117U82tXIDGTPFr67PZj\naf42/FXJffC7fLvEQAJJjhan0J2NAzR9U/vErsT9Grkhiqrf2MnaMNDY0K+T\nI19/JPl3qZMcoJ/j1svAH7e3zY5YTXIzfuf8ehGOTBIlcCqFFMUOk+MTIU55\ns/3S\r\n=y70o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZKlgL2bFlcrrzo7xsP6GGpf8OoWwkCGwxLZAKffQ0AAiBo3swG/qvGHcyJcnO/ylUcWU3d2Curt8JnugOzOQKO/g=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.38888d2.0_1630536722798_0.5998522233915342"},"_hasShrinkwrap":false},"1.21.1--canary.78f5014.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.78f5014.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"78f50141c8d3e3e1c1b9220f43e4d3075caff591","_id":"@atk/mise-ui@1.21.1--canary.78f5014.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bAsqoyTePWlJI/OuLR0EcnuTX98l6GfaMQC1XflQ86c9DCBLP37hBS2c0VUx1B30lEhgY8Sc7DqC/mMm4ZYlOw==","shasum":"08131c53901acae35c3f32a9b09a56af8d43ec82","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.78f5014.0.tgz","fileCount":241,"unpackedSize":1010858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMTUSCRA9TVsSAnZWagAAzDUP/icTgVn0ZG2M0sCT8HB1\nbqlu982zG3zbATBcMPejfDUvK2XIl1CVyeqOTeLn6O50pDFsytO/WKJyQsUn\nUlAhlxbkFl51loeJRKj5R4kqlG9BS6qm7GGUwgoq68w5eD2EiKcfIxiGrdGy\n4VYUfJ5GgDlNJug7GeMGl5fiwPS5y7UOWEz+hGWXmTA6wwvX1bvseTjcLQdh\nJDM1oJ2OOTdK5wj58cIuCay7EFUkelywtA3hSxSd3KLntXvGh8CoYMHqdM9Z\ni/dHKLf29Tti2cdN9NjAPhh86LtRuSkNiRKIpnZ/t+PXqqCYegotwbSl703d\nV20sjHNMGjkTKeNqKsjzPWMRbRIpI/vXXX/XVZV2jrp+3kSVSds7VZYLZ1cw\njJ9jgPaueb4nig+wk7p+kkSUMHGsWbz50gG5Op0KovmllJWo17SNAs8nCsiO\nq4Pc8V3L9Ow2uO5xtmn27a2CVlRMHCFKqkosfH49B83CHq9YbAT9n9luzL7l\nVZ27JzykU4Qi3Ir/ZqiJRWrzGnl9oY6ypkR598ZGBBoGX4bGkdHXGeSnx9UN\ntNbTl9ihIEsyVC1/Cl7BmukNJgonuGrvoHmijKSnW69D0itKMjVoI5tB/cTt\nxlMJXfo+LFaVaWIMBo39OwvEeohJ0KXg1531L2XTJijH1vzkQx2xjxeTmxWP\nK0T/\r\n=I81q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFiSvqQr3+lNQa9gmrvhaecTBeE9gMNjBZ0aCPTSpkgLAiEAxl15+rv3iF+V796+92XtSirH9CR7F3JCTUorU2/Ii4g="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.78f5014.0_1630614802406_0.5086244752095437"},"_hasShrinkwrap":false},"1.21.1--canary.13e1f75.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.13e1f75.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"13e1f755e02aefc640adfc85f8050f67f95ff189","_id":"@atk/mise-ui@1.21.1--canary.13e1f75.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-A7ARwy6EJEqzRA4/Rm+pD9W7Ypy+brsSYeCESJPHeOnuy+pQ/dSbrttHMf1TXGKwE/boCwhvDJJrPPtu67Yf9g==","shasum":"ace75459536ce49b80cd9e9fa307fdcd76ca886a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.13e1f75.0.tgz","fileCount":241,"unpackedSize":1010900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhONP+CRA9TVsSAnZWagAA6IYP/0DKpCpQTDF71DlXWFTI\n/TgGhFQytIpYt39k1VmRBvRL5R0hp5erjp5S6ve9MSAN7NuaLetAFcTeyNFJ\nzLZzFCD9cXB5mihRTvnZ+9CB5UgDK/HT5hgkrHZ+OqLniT3uC4w6BLlNU6vc\nEjwZe1DDWWL+TXVPBphTJaIxIlWc4TfR7b5tyYwDMWH1ibfj3YyeNqWIc+Dl\nZKH56rhwA68H2zPxNRzKnfkQycl26d6WtYhV03oMgXfud6hswpBe1rDuktv7\ngNmHwcj2Epd8Fg7YV5X/sN9m+n1GghcoRJBQ6qNltW/y0RkC15Y0lWXKGOoN\nz7sWfK4uZbfeSG0WDlfuHsh8yyqrOH1ye0HylDDjtO7xhkIGo+hnE6trmzrd\nEI/xBseBhd3+gBDFUBEcScUGeOAnBVbjFx6PUi17P8ZFjVkCv1z8dKSAVjMr\nYt5ubMYG0D09shgUKIp2aMBoZnbLlp1vQl5fFaXipxD5N6nDv8wqo/MSEFt+\nNf7z2Xl4Fl22i7mDp+0jwie/1UjrYHBEkcssUvtVuAAMAFGFeX0QMdbfhkU9\n7PhgT7yZQzcbRtzcovQzmMvQGuolKjK5oJUkXr20Ie0Z0pFQxrqkK5nPHZ9Y\nDz2b7DaTqH0yVmCBvNuMDAjX3h6miqUzojyE3v29olRLL3tU7KEftTPrQGo5\nynGw\r\n=XBo3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXXOkoCr+0mjwbRwgmRHyIWLayEhhOo/c65Lv6rVA40AIgGSzLJak0zW476KB/FUez35FTwjmb30jBUXP0L+bkq1I="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.13e1f75.0_1631114238357_0.3728969272399565"},"_hasShrinkwrap":false},"1.21.1--canary.927f63c.0":{"name":"@atk/mise-ui","version":"1.21.1--canary.927f63c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"927f63c3f58ea02cf608d330844b1815019df925","_id":"@atk/mise-ui@1.21.1--canary.927f63c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Wxqjc7XWt3+VygIZkfC9/Uo/4frwxVbhGv4YL2/6Gdz9xiTMCc9F7+G/OZXOscS5QxVk5TL0Sc1Tt7OmwgEFKA==","shasum":"d1387cdfdd0e15b6b717a7e9a7d208b0eece4a4f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.21.1--canary.927f63c.0.tgz","fileCount":241,"unpackedSize":1010900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOjFwCRA9TVsSAnZWagAASUcP/RoyjT4/QcwzRy+cY8Yd\nbNrE8PrqLd8Zus36prnkpqo/4eMgW+sNE/fVW3ZF4nzQPITDqQ4mI9TWWIZK\nVQk9T3f3LHAx2f7uXlj4VoZcLr2KCMbHgGiq3E64MffqRy+naEK/eIxoa0Rt\nmnx902rUn1XdV6cwVqR83gEMSPYhnkpesW5oKiY8D0a0ghLNwCBdz+7fvm8K\nRiRZBCa3b85Zrx6euuQi2Eu0aujqfVq0OrdmbY5NaR86xPYAl9LigngWkY4R\nLNEyDD8lsiMMM4pAdFzygDBvg7JmF5SQTfFSuurBnxZy2idjTOtKqPbrIV2N\nwjpleMCnG2d5nPPNUFRAEo0qjsGVofnYN7J21/aXrfqr1vT+LgQuiO20oY8c\neOZhnlrJhNCFobUSoZOOIXznuJ8NuwRURbIsyo44dDJ4w5VQ1qfOWAeaM4hD\nPsOQ75EP1+CYas9gA8H+CJPJ71lMh/osZB8HgFDA8Dla9drIofYRfdBPTugM\njwsD+xEvBo65Ui2x0W/rzW3Zu1YImQS1U48yUYzNcEV0gTuTfQNchifxL8Ms\noo6tW6SG3OHjNPTorw+DBiRwxoDE22GYCSlvxRAlQY7gYMpPPB+MOl+uu+VX\n5jXZcJgwJFn5W5qov+Q4Tqw4B6cMOrEcxOAaYNN001R8iVtS56G95pAriWZe\na+LL\r\n=vp6J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnEL3+KzkJ+JAJ0kAuYTTfcvq0050AydA5vc6b/GxYIAiAAkg6BXULyQQ4Z442haL3NYTTkj2NHZwTlMN1hE/zznw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.21.1--canary.927f63c.0_1631203696259_0.005155778262625921"},"_hasShrinkwrap":false},"1.22.0":{"name":"@atk/mise-ui","version":"1.22.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"a78e92120369b1d46f93e8864eb8eb50500b7733","_id":"@atk/mise-ui@1.22.0","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-u2V7i3HvmtKMus16FHmR9uR7OvEohIsV9qnMytlQguYkQrfj8wf/eLGw0AvZbt784jF/wq6MTImCK78+ntheig==","shasum":"e432c9470db775bf1dd51768ac2132425123bc67","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.22.0.tgz","fileCount":240,"unpackedSize":1011496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkdhCRA9TVsSAnZWagAA9UsQAIzw+r+sia+EFD4zvrN6\nAlT6xlkX77+aQ8MXv3DTwLI3IT2McAR0DkqJsq3a4LZC+Y7WDC7bHgduHujB\nKLSMYCrTTqRB9rwPzH8Ql7H/fS6jxJm1nJz80nYZYHgRgxq9Cwe/ixmekE26\nHXy+RTpF1EFtYgdUlHvsqgkoXtOPhTrxvDbj0PkfVC3qe4kMSKwPEolzfjYp\nuuo3noI18XtRFIaUZUqBh7XlhJtZ8Kk+oHkqodbNOGUoBQekLviSWavgxetJ\nbN14oqHDWwlB6lIMeccfUdAyI19irl2IHn+PS2zhAul+3+LgdRHCOMpWzg2S\nBsVV0S86pzzECQrjSNpqs376Txpdx2uzheR7cDqYz9WF5AZ3Oh7FaK9FOEiK\nRgl5rP8ZWZHWgbkP8DWMvM7mp4VIn4BmjHgu347D3GXCf7m7SMvGXilmXq87\neRCS7Vj4OVbp+wrZx/c+wjoRgf+FUctEOxbUu87bMTdn9Ckqu7Z2LuGqPjIc\nWrvczoGcmpV7SBQ5hhSRE1/bQNIuWnXypm/N7kYIGrE42tf7oHgIszNPqnbo\neWkBSePgO04KM9wbt4lBcudyLqzRFSskcfI3NpfTSr5zGN/YZCWKIpsv8DJT\nk8mvrHdSRBhFScRCItcZPIMaTilWReaOQ/Yf9HMY6G1lfGWm+9I9cKBL8Hzw\nKddM\r\n=gq0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPASwYx+IU7p00MsCneQrLu29pQzW2ddz4egsa5TgOoAiAPfinznKFEQa0igzeOvpPsTubvqLM6BbU+MCmjCP5Kmg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.22.0_1631209312994_0.1324626310307906"},"_hasShrinkwrap":false},"1.23.0":{"name":"@atk/mise-ui","version":"1.23.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4ce1ac9e04acaa465fae2d77b58f85c07948dd45","_id":"@atk/mise-ui@1.23.0","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-jU3KaACyzzFyVLBFdBgvQo8JHWiVvvvuT9k11zx45NfZOE5GrQj3/t10Jig2WbyiFmN2r+Dpn7pukn44pGz0gA==","shasum":"b7269abde2c24c1995683477df1528dd2415e30c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.0.tgz","fileCount":240,"unpackedSize":1011496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkkUCRA9TVsSAnZWagAARWUQAJX0xiaqEzIql9MeyjOk\n69SikmQufNH2V+psW3QBGAYqgUR8fCARyaon8F7zm6g5OiiL1Bwd4eiuw5KS\nKxyUZXNSmQod00Hvqz7A6Baob1iCpau3OC9srGqC+jrKcX4yyHCJwSvmX/h1\nJx0gi6n1WaUuB+9G8ra3qQfigVUfHMdwuDj67Op5dfeJn9nK6UoGCw1BrSRe\nVqxrjjhYC7uvlgBWcZZcyLiFRq6xV2KQfZDv9XFTwDXucOSTc8dTKiPJIzGE\nhBij7QcFZEXsRq5zcG3oB3fdPWGhc3m3aleBSrSe+UGLk5mmXMaUeJhio4bm\n0SoIwoTtLtqAydWCunYAZy5QP20ZU9OcwNJSlpimvnL5eOCBzub8tqMJ5ccV\nXOgo7wilCTqSaY5334OzgBsMVagj60QW+j+lT0a3csPyk9aj2K2SXv+S/+j6\nNVBsIk+QrxfsbWL0NaMqdeP8OP5fuU6ksPU0QxrsjgUjJxRAneXvk+Sb72v9\nC2gEgbRvb3k9uwv1yWmQUflJEx0aabH9X9+Mk8mv17URXVYfT86EoN/UCoG6\nbRoTpKdZGE4IVYBb3wBYUbb2RsNOeoy5s7OCh0LVxWde3grSJB0si3wodr1F\nKyE8WhhQi92dmYWreoAHOAm0webgfGuZKBTvTS4LdNKavuOnKV25GMbbUEjg\n70CM\r\n=bAiy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGUAgm/kvlrKSdtnzrISyI1eb2WmI9srMMLze+KQpOi+AiEAnZxOzP8/LKnczqkW1miz+VnLIm9hQDbzvZOpVDO3xkc="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.0_1631209748371_0.8458815278037881"},"_hasShrinkwrap":false},"1.23.1--canary.173cd45.0":{"name":"@atk/mise-ui","version":"1.23.1--canary.173cd45.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"173cd45b36c4f3e56940ae6b4a9c653868ac85c9","_id":"@atk/mise-ui@1.23.1--canary.173cd45.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wxDXwEyMjLGmvyfL8Po8JIM2rZg1z5JM38HLQZb/IdN7ys4w6TGl0qOLfhH/suVypmA3Kjq0foEZJdB6FAgBTw==","shasum":"90f747749f4094ad0afd2ba5c1b6bc3af16bdd35","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.1--canary.173cd45.0.tgz","fileCount":227,"unpackedSize":1011408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP1BJCRA9TVsSAnZWagAAbcoP/iAHdSA6KbBbD4FVINMb\n5ZugvGEBX+X0gIddNjBEZKfFUJf4NO6sUl21ghY6luyJOEIbwrjGxbb6FLRH\nbHW+vSzl4r5L9u5bqQloJ/kG6X5QvuGXgkOHSBSIr/zts/V59mOCCkbtTsRy\nCQirtCmxRXzqzXs5GnHcoGjhJj/NipYu0RgAgGK0J124g0xNduXhjCFK6FU5\nrC+ZXrRIMAnCsVm1nHIoJeyN5viGUnF47cPj504jYBwVvPV7AQYwXpgsJIwC\nqzbSui3KqMakehF4ped+nO8AWC/mmjIsZks2ak0Q5aHa+ql4r2GTfBuZ7Qpx\n3Or9h+aVaM2FNzfMMZLkPXTQ5fzt8zGD+vZty4D+gzQHVfOaeAiwJuW8sO0q\n/4LXe4ZoiGVAzmAwMylc6LtceED4rpyxOkiBW/z1owqo+iOO13lp7PIkT76g\nwYIbvXQVbbtP1f0VIJRzMyQZA2N1JdPE2Sr0wG34kL1+k8nwVM6pmCRG/FQe\nZIqhvIia22SkTqm2xTcIkkaKqPHbFZml1BxoT+wIII7PosB+N84IFcdswcHa\n93G437tdxL/EUpqg0XW/r6lb3B9PRkSoUnxqq4Y8mTl/QRjx7XXy0+UOeXhT\n7kOkCl/4uSnTfehHUaqYKSjhPwldyWuK76E19Toip+3EvuOo2JXEsB9yhLF6\n3jVI\r\n=Y+9h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBQa661HpExR59zUM2JSJ8ES06tqDk9+60ifKPUWQIbaAiBTIdJ/rBLLJ7t+wp3Bk5ppje3fwUrk9A/d5GeRJup+4A=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.1--canary.173cd45.0_1631539273845_0.4113047803239931"},"_hasShrinkwrap":false},"1.23.1--canary.8851f93.0":{"name":"@atk/mise-ui","version":"1.23.1--canary.8851f93.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8851f93e3e41b8c739654389b40a296ff35c4b24","_id":"@atk/mise-ui@1.23.1--canary.8851f93.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-d+Lm7LRaKD1evAywS2M1ReypqtJs8LSxq/h1PWzN/mCiJL2I3DQAVOiNOowEwSCifyXCaVep6cvnoheqgzJWQw==","shasum":"742979cd11ec794c266a3deb39fa5cd41a620ae0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.1--canary.8851f93.0.tgz","fileCount":241,"unpackedSize":1011467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP1fDCRA9TVsSAnZWagAAyxIP/R4c8LMI7mQKa4YYtsg7\n24fT3ueRgvcFH/BeOWuXegiXnnPIWvJSfjGkMXAwcQbUYE8opO25rtOOLM4q\nFqdPONjV4ibM/3r0onHxIS/K2hyQTs+R9Om/dSrWqPfNiIcl5khXYMOOrIHU\nQeHOvmAsloq05mkvmlvWJtXKS1IYV/9L/Ppb+LcS3UtvXlLFdI1VD0gAZQvG\nzC2o0L4DEc89vuogZtjdbCOorJM84Nf3hdCSHlrSup/2K1m1jnUe43jKtQk7\n4U9YI5YTLrB6SFlj7pjA9pYLKh7VufnVu80At85dnWyGeZyl5e4a/T73U3rI\nVc9KtzSE3fPSZKcxNx2AqTLqbqscePt7kHOY7YmFbMQ8vnfLk4nAh1a6UIy9\nqkakA5N64BeZOoPjaaUlXOy7yJSCpkBvk3qNB+Go0pW+ae4XYxjwJafIgpFk\nWdBa1s/kO5Aw+zRKp9pNlB3j2Ac1+U4116YhI3ejTi1g3Znlk/99ULTF8S5U\nvHbMnmnbhQJR+qAi/3lnaTsXx4m6V4KXuzeCjpwpTFu23QPVxBLdtYk9ZTRV\n02j8/P+bL/qhKesed6ppNV/OXWXgCgxEWqAAfnT9kcYFJ9/5GxAFvPD29e/x\n8A3/GaM4haJeZPHEbnhJJu+YOztbrdZtX16M2IVlaC5Sd/N/UmJzxxHR089q\nEfiH\r\n=X+8A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICR5EDpRLalU95UiwAI1kMncAapKQnJz+zSxsHGuyqmAAiBOBn6uwcEvOyuMtkJ3SPCURDyVYcaiWzRVtB+CMHVo8w=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.1--canary.8851f93.0_1631541187224_0.6612608005312339"},"_hasShrinkwrap":false},"1.23.1":{"name":"@atk/mise-ui","version":"1.23.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"d0483a5df3d35d1fc96199200f6b9dc4b240fb3e","_id":"@atk/mise-ui@1.23.1","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-YGKKpFIm+tGto0JSuPd+S8GFgpTS6WoTtvZV/HYld9x+JPqMxNHDdWF+izfwkKrWN/K1hqTMSY/tu53zcZEZzw==","shasum":"2e67374eb9ca80602eb5b4add53fddb8b265fcf4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.1.tgz","fileCount":240,"unpackedSize":1007223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP2cYCRA9TVsSAnZWagAA2qcP/RH+lZ2GmlvlHozd4+e8\nycloJsP0X+G2YbOj5YOc/crk+E7InNkXkvdr/ioZVntWg9nFrO767wOPQqoz\nX20zzfxVvGKhh2P4AiodZxxsL6cAr0wS8j2wjBIuQSo+qG0d4UUny3k5NDCT\n/ugL6LB8ON86v3zpxCze2DVxhSOHL/+WTMUklqGufuq1/Hut4WhJem3B9qED\nSp9JPax/GBdKxO73lebErMgVWP/htHBQiIbfDRp/YyKlVyQCzZJ5BgFHZO5v\nMR+Lda7tdq5OB8jO2WsTYXLHfG4k/laTgElF7C/U+wwVpaGBKGM2OdOfUbBj\n0iDrTVF/5+ip+v8fW5UPBxU0Evjp/4VBOTxc6KQ1iHkn3shzVKw9xBqRHmT+\n1/G8IZmIsY4uwNc98qdrXHnDYZ9pLLGJlvVM2moSlF7K4JfzhTT/IdaDdMxm\nOqcX/UZfoCmcZ/a2422YFz7VoAb6ytr3jOrnp2m3jKqgdHx++q/n8Y+CbomR\nGRHQ01o6sREuf0JqcHlq6r4qFMfDdc9Qp0DWQ8dhAT1HNn6sf88df2Jk29HQ\nxR9kFpisTAkQ+mEi1jJC35w87f7Sc9eydJkK46wU+nkODZQrBWqMa6UxTRFi\nEMHmOZebl5STGWhH9d+fUgv7WPQeie7XKoFNsQpn2eOx9GR4DThBlQJMVZQO\n5+Zz\r\n=WUHl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBGkAoGWk/f3T1t55CP6xYo4ZJlSuw5u/yM8DcY9nProAiEA75/vc8iBJYeppfNS408BGlV90oRLw6RL7YEZw/FQ5Uw="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.1_1631545112297_0.7914052627719275"},"_hasShrinkwrap":false},"1.23.2--canary.01699c9.0":{"name":"@atk/mise-ui","version":"1.23.2--canary.01699c9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"01699c99f82c5a7a5e067e3a0a5c2833f0799eab","_id":"@atk/mise-ui@1.23.2--canary.01699c9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tKTX55fkv7XNSHVLelm4s+JcaW6bALFaR8genT1gXjkFkW7Kv9Ve7Slyoz5NcRe1hAbwLozrQCzHIMn0iXCskQ==","shasum":"262f790ab869045666864b3743ff0a10a1fdf06f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.2--canary.01699c9.0.tgz","fileCount":251,"unpackedSize":1018196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP5SQCRA9TVsSAnZWagAAlg4P/39D7Vu/2EPPsQiz552e\nvVxIReZjF49fKGtSBbFZSyNmu/KD8M7oFIRqkVgV4YHr7Jlmolrof0SxahBb\n7wccK+p7zza9WT7c5J/8zx+DZu46LYVvGNV9knKs5em6km4JJ7k1CzXzU/3r\n/Kxmzd2+HTeqwqDrUFijoxfMlI2JKlbqnLYtcDPsHm38YXXZOFJ9L0r30Ctl\nT9GjpN8GRzmDTpwqa96wCJ8QIzs5QQpHQqPP9cQvGkZaeR0PniQGfCKG1A4L\nI8FxoJeoT8c3BmqtWNAX1pk0jpr3lzG2zFXdS7CDZ6EqU/LPlt6++ywoItVH\ngy1YiV8I2v1PCL1DnXKZLLcifTKtFAXEgtjzwOdKOFN1JtPb/CLh404sgvUk\n0CN5AksB0H35uRawnUXhZfjyAQYfO9x9Sg0orey/ZPZQuRr8o6fc+2YSr6yI\nzNKhrZYfyGxcF4/2FLublwb0pPrOpx3gi97V5hzNpjfhvvRsuT+e7tgVLiUS\nA7CSx/s3OspE6uQqesgUKzq8TfmlPbI0oZ75hDOGAfkDmyLoDxMhBAe3eFEB\nPsyAuHKqTMRmOWPonpyyb+cw5Ri2NyPpwRyc539p2AB+X1oF7e+wX4hDU/+I\nuTFsHA7BRsjaMhSWCSAmrqui/tiew0xGBLTa+gP0WtUwlcOAKLfUNi3mRJgT\nqssP\r\n=9Xqd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCf9X6grMM20yL1PkNVaGeIWWPM4xS2kB0NZxRTrTb9IwIhAM+FJropHM2x3fKBjXFXGgNPKeUWjyhSbalwy3K+Ouo1"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.2--canary.01699c9.0_1631556751781_0.32432229582558025"},"_hasShrinkwrap":false},"1.23.2--canary.9ad0075.0":{"name":"@atk/mise-ui","version":"1.23.2--canary.9ad0075.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9ad0075e4772115fc1c1a19f34568ef4589a9c2a","_id":"@atk/mise-ui@1.23.2--canary.9ad0075.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-a8IgoToYPjB9pELPdgzr+fTj8QoYOaDdIwmJavM4EACjXeKk6HX6qih6AIWkHmf5ossRN3XN9/4RzsEmPu50OQ==","shasum":"dbf7c415c44508362cea028ba838291771e9986d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.2--canary.9ad0075.0.tgz","fileCount":252,"unpackedSize":1018597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP5V4CRA9TVsSAnZWagAAwe0P/iH/e3icU4g/eV6a0/Xj\nernhOhAAeedmcyA3Ls2A4JyEHsbNdo9qehRR7+UAjLfmWYMol66McVER9HyR\npvI5IqwVZBqJ7DGv2xb2wZNxBO1ek1quqJLcDXi5FqkyGcWn6rKMG7ltuiWs\ni45KjzJBuYBZ/3x/1hBWOuy9UU0YxMZFVcF7kho1/ysRCZgayjrMh4CAMPmc\nCUnwDO2BbbyePUk0gF976Ki/vdrDSq3H47dcx2XwE8QySqRApx511rVTvGzd\n3hZJpsoDAxPj2BDtiGwf8irKmFOyZp1KByb6QDXq0zEBJkfKoOOG54cVOkMK\nrJHmJIi4nAGs2aMHKmCbPlUn+GraVR3RAp4zGtNYQbycCZ2yMqiZcs/QXeWh\ndLka8RgTWWz+fP3FA18TXndrxwCu1JNou851F7Bb35kFgQCVOEsGP/TPNlJB\n5M2ZEP1nywnM052lWmj8EiHOYqF3TBTedPpMz3EogXgIrqzm0Ul4PyrSeV9L\nJ556s1KAg3TEfrnhx/6TL56jNCjyEGipDY+HmM1HQRCHV9l7mCII67ZTsMwc\n2AcmCjQkEDYsBu/hwz5J1ZWcfFLdwyIQgamymjd03VgtYv9IMHIdsznmUYKu\n3icS5lAJo+hXn9kei9y2dIuodJw8g0duIfjD3T5yAS5P/SUc8cbxYEW4LAy/\nMh+t\r\n=uLVV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpyYIVd+FalmFdS18zcy71iL/Tn1QzCRSDzVUXZjortAiEA5BTrCjtdLSrSNKmXU8yALciNvbpKdGzFSq687g42poA="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.2--canary.9ad0075.0_1631556984537_0.5587973623877311"},"_hasShrinkwrap":false},"1.23.2--canary.e0b6917.0":{"name":"@atk/mise-ui","version":"1.23.2--canary.e0b6917.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e0b6917acc3e36e5a7d03fd943382fe81ac5bac9","_id":"@atk/mise-ui@1.23.2--canary.e0b6917.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-958Yqaof9TcHRRO9DpCejNf0exPEluAblD1kEukIucuiKYLYXYh2zR4vKGbuFuwxJP808/3uq2x93vnS8U2xUg==","shasum":"446f3d472ae61f33f311cc9bb5aacd4cae654835","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.2--canary.e0b6917.0.tgz","fileCount":226,"unpackedSize":1014306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQe9/CRA9TVsSAnZWagAAWwAP/iE8vCsyLZdGeXAO84qx\nXmEBFaS0dPHXWf/q3Gk3/AWLrWDsNdu6yBNzZafnZpuoDB2FFXkW/9iJRook\nBqg5MH+rceTgVREuNw7fWtQBaIsIUjkkaoVohfHBeQj6z3qbKbk0aPZcMqBM\nZOwrNzI3SV0Ai+2sKC+egbNHlvHP3IU2CDvTCp7WPErypR+4lf7ezr8ym4c0\nidN3qiMHQsc+ElxU/BeanPGIitFQxyCWnA14iReeK8/WLFP9r8ryN4mYLmsC\noS5MaYcNI7s3I5Ad4HDCIbEUP8/XGR9NIROLSraZsrRKuufUsHixgdNiWd4u\nuomS0TH82+lDF3QlmLfN9xiHAQm9q4LQmedA+JiAIxRbiGmH3szwj8AC9aJz\nvWPDrBPzDmQd/K1tyPiLlMLV4wSUy26hnU2sXaVDgnfsjnYgOQAhi+j46H/W\nld/tDjNWp5hkYgJYPMDs2yKU3ASdz7HgLENZW5cD+OTicEd7vJdngIHojhOy\nR2PoaEZradDNmGkxAwSB3FTdi/FZUbh6Om3jH/bOIO1VbdHLV2fX2HsBoakJ\nLB602IMTg82lO0EOZfEBHTDo93qxG3bpyxSd8NUgjEPsmBpF6+SHYN4x63dg\n60+0a5qY5N6hT61TLgMkHH2E9fBQvodXwfsE5oe6rCJq+DFTDaPUs6br3wu3\nRowC\r\n=l7tv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG87Yev6FzYdDKN6KkI4U/DxMhb0sRaywpGCNKkhQYUAAiEA6Q/fsVcrud/1zysglrNzf7Wkvr+Kzw/nto5U8Th6pOA="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.2--canary.e0b6917.0_1631711102901_0.6177476987141923"},"_hasShrinkwrap":false},"1.23.2--canary.5cfdb90.0":{"name":"@atk/mise-ui","version":"1.23.2--canary.5cfdb90.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5cfdb9040e21928b5b7dab15405d048c925fee75","_id":"@atk/mise-ui@1.23.2--canary.5cfdb90.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Dk4I0eYQI5iElKy15ciT+N4gBs3kKV1DYNlYlSupEmFo7jZ8vlWpSlAVtksvAMP9Gd0IvIfVwVz75fgjQXr9yw==","shasum":"74cf94c1f2b33538838eeb7186194efb5c712126","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.2--canary.5cfdb90.0.tgz","fileCount":253,"unpackedSize":1024315,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFjXcfCH290temAQfEF3ol3mlBhIco5nIXFVZjSQLO1XAiEAnZYpFLkrkI1eX74RMkwXjEbO+iBofVwwzvL2KCflqJU="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.2--canary.5cfdb90.0_1631886079782_0.09128426359665309"},"_hasShrinkwrap":false},"1.23.2":{"name":"@atk/mise-ui","version":"1.23.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"3268c68e2d8d1f45428f1318270dbb6563b55661","_id":"@atk/mise-ui@1.23.2","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-5MZqmpk4QvwqrNqIUZuaukWSRK/uz3kyr4nplAPEglOjZMOSneEImx/t6ITlbkWBwl0W9QsYFNPqHt2TpWEJtg==","shasum":"e3028791ae5ac05b8bc0f7cf528f1e8aadf5bd96","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.2.tgz","fileCount":241,"unpackedSize":1008166,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB5loQiWBfw/9+2suBh9qpHTxbVA2E5D5CPRQIjNN9u7AiEAnhPHPyYj9vQQCEGpYG0E0csZewdi98rz2VS4DEpxjAQ="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.2_1632143294551_0.05761376435262333"},"_hasShrinkwrap":false},"1.23.3":{"name":"@atk/mise-ui","version":"1.23.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"792c2e08c6f82d27adf7fb288fa7c4d9139cc6eb","_id":"@atk/mise-ui@1.23.3","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-RSMzofiuWdkMSUrwDclx8L0hl4Xrq+HrHYXKs7l6O6SqQBTyheHg5A/O95QWWZzW1zenFSFcBmPrMDQEw1MXkg==","shasum":"07786ce3b1e77b6f973676d39bdeef1f32205215","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.3.tgz","fileCount":248,"unpackedSize":1015230,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKiOkzSSaX6IDlEnNKtEFwkNuOfY+Go77xT49dbQLZawIhANP3OTUHm/975ae7Vf38FX7ZJiRhIshrCEGhcn4rIa0q"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.3_1632144525253_0.7940630043836878"},"_hasShrinkwrap":false},"1.23.4--canary.e3c21aa.0":{"name":"@atk/mise-ui","version":"1.23.4--canary.e3c21aa.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-sixteen":"^2.0.0","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e3c21aaeab3dafa9857b4d29d4fa0813f154e292","_id":"@atk/mise-ui@1.23.4--canary.e3c21aa.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-y16sRYACU9H7T+5XT3ZdWQHbljb6OwELmqgfOGUR3xk1ommZp8/riQdn/lHPqtosHn6G/uyD4tMDe9cWQZpnVw==","shasum":"25e0d2498b15793b0966fc19afa7b53758b304ed","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.4--canary.e3c21aa.0.tgz","fileCount":253,"unpackedSize":1019557,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQgzdM7K+6BFylDgK/B3I4itH0IscXlB4sX3ahzmgRXAiEApEJRybz4Suxxu8y6zY76GKJjyNNpY18Jk2ZWrcrz0aM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.4--canary.e3c21aa.0_1632152449379_0.9932940714209073"},"_hasShrinkwrap":false},"1.23.4--canary.7702843.0":{"name":"@atk/mise-ui","version":"1.23.4--canary.7702843.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7702843223df8c25f8c7f2923fc78ab41c81d4f9","_id":"@atk/mise-ui@1.23.4--canary.7702843.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-e3Ys0PFrLm/WgY/gdr+WtnbhRQoVY+kRzkChDIcFMQaEPLwb8467sxWLDBWRtXIYCp1ZQ2xRk8u3yYSHThngXg==","shasum":"e9526600f1924b8ebeca4001a253f0065dbe9923","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.4--canary.7702843.0.tgz","fileCount":253,"unpackedSize":1019509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhRbuwG4QCMT0P6sFRGtu11lDcpotqxV5XG1F+ZUi00gIgNZZoo96+VF9FnmAE4rJ7C0bfdr6z9OuZggu6B2BPyKw="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.4--canary.7702843.0_1632155733938_0.5719866385108363"},"_hasShrinkwrap":false},"1.23.4--canary.de75a3b.0":{"name":"@atk/mise-ui","version":"1.23.4--canary.de75a3b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"4.0.3","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^12.1.0","@testing-library/user-event":"^13.2.1","@types/node":"^16.9.4","@types/react":"^17.0.22","@types/styled-components":"^5.1.14","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^27.2.1","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"27.2.1","jest-environment-jsdom":"^27.2.0","jest-styled-components":"^7.0.5","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de75a3b342d8ebe8c569a4e3d2c39764c8849367","_id":"@atk/mise-ui@1.23.4--canary.de75a3b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BuzoC/OxeMtuO+I9PDCoBe4PO5MQ/En6yb9hTKUTYYuTy8/YLcgHdxfo2f37EFNmVQOJMx52ZDvi8Yp1cs/ybQ==","shasum":"e703b32f033e9793cc604e8d1d354a23ae97d498","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.4--canary.de75a3b.0.tgz","fileCount":253,"unpackedSize":1019550,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDExWeUoOLIVvp1qEkghaCgOx2e7GuYjbXscDcNAzy/twIhANJvAigINlD8PcDT3Wc/GOzpOqcF5hGufT5E8X/+0WJq"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.4--canary.de75a3b.0_1632159103793_0.09560189407605835"},"_hasShrinkwrap":false},"1.23.4--canary.180eca7.0":{"name":"@atk/mise-ui","version":"1.23.4--canary.180eca7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"180eca7026120c5fed8d754cc61313549b05d0f1","_id":"@atk/mise-ui@1.23.4--canary.180eca7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-FMl0fNoSQv02aTewgJP9LLr5JVkd1qb9W3re3YdqXW18lE6Qh/SAcqK8tfp7UlIexFguR10TNCAmijAfwAovzA==","shasum":"f18831cc567fb1da387501b4e36679cd4bf2f40f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.4--canary.180eca7.0.tgz","fileCount":253,"unpackedSize":1019500,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2DXud4KnHhsZtSZ/Y2GfhBAewVOBH1gnbR55+MC07FAIhAOuVr8s3EwXgEzQLVD5tQEPMONV2OclzvLqOjYbHeieL"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.4--canary.180eca7.0_1632160777721_0.3585479137906047"},"_hasShrinkwrap":false},"1.23.4":{"name":"@atk/mise-ui","version":"1.23.4","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"448573cfaeb348fc26e7bc776cf22d458717ab2d","_id":"@atk/mise-ui@1.23.4","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-55HyrHB3oQvDVDsy4DsdimNus1BV/JIKBiTFteEpefjj6X4zjFeJvKmDCOeyIpLo+o1rNlktp2UGAI+XKJieHQ==","shasum":"912f27511d42ee7cf4350dd42712ef455d96cb50","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.4.tgz","fileCount":248,"unpackedSize":1015317,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJcBNu9YoALGYqXNzRYyg4g3QWdt+zkgvuJYRNkvAx5AiEAq4CMix0LczyVWkxGcL0mIy8ULpT/IajdG640BdWB48U="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.4_1632165393619_0.41839988218943547"},"_hasShrinkwrap":false},"1.23.5--canary.23cccb5.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.23cccb5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"23cccb5ef695b7c81ffacb0b3176d430a917875c","_id":"@atk/mise-ui@1.23.5--canary.23cccb5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-SI9vJPKfkKQIsD16r8e+r6LS/7u27Zid6yb97RpF2cemYJyxx7Q4XwFJLXvdng/+DQSci8QYijTpY8I3MoW+ag==","shasum":"a17f001a9c0e16c78e55999101aa3ff2f1f8346c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.23cccb5.0.tgz","fileCount":254,"unpackedSize":1021562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2P1/U9r/Ii96YuSqoGbXKE90AzGb6wRKEtmDITYGQsAiEAzzsRwcx6qB92Q2+LFVrZoNQTXu1w78MC9zCzII6Y5Qo="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.23cccb5.0_1632251795044_0.998613877711553"},"_hasShrinkwrap":false},"1.23.5--canary.d611717.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.d611717.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d61171740b6bdce0fddfc1ba72693feb2e2d570e","_id":"@atk/mise-ui@1.23.5--canary.d611717.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Pz6tpHLyOB1Bk9UG3jAML8kvIdZJaZZ1JYki4JpQhzHjC/tU6A2Ax//k5c56qToL0A79xHI3lMxtZ8sKH8rhsw==","shasum":"a75713dd20539bae5ff1e556f8daec8e86e55729","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.d611717.0.tgz","fileCount":227,"unpackedSize":1014665,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTd8B5QhVcxlf5mJonikYGrEpegE+ZBEmJhjtiiYuxOAIgOMcEKi2AENnedgI1hQoFv05NhCEDh4fC3M82/eqi3WQ="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.d611717.0_1632330765542_0.9989196130176525"},"_hasShrinkwrap":false},"1.23.5--canary.d611717.1":{"name":"@atk/mise-ui","version":"1.23.5--canary.d611717.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d61171740b6bdce0fddfc1ba72693feb2e2d570e","_id":"@atk/mise-ui@1.23.5--canary.d611717.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ZA7g+hT81e9ddG43HQyXlVWG0CtRS6PXEKAFoyLco26ToWebpAOtMoeUptWuhonyshO3idwbOEENWusUCcVKsw==","shasum":"89ee748b47fc7e0d5519f4e2d6cbfcf489341916","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.d611717.1.tgz","fileCount":227,"unpackedSize":1014665,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1yX2s2wVBWq0tthKo4TVR1aUKo5t7282hPPP31uvCrwIgB5Zsd3eRMAcMV1v3nBmFBSETE5xzrZHhHtHE9OCo9xE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.d611717.1_1632401776539_0.8291611304557596"},"_hasShrinkwrap":false},"1.23.5--canary.5d94187.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.5d94187.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d941877dc1c5b87d7529fda240a1efb5b2fbde5","_id":"@atk/mise-ui@1.23.5--canary.5d94187.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-KfXymw/g0iSCmRhXR2JQhvl7+ikUurrG6x5WqEmtuIzZVIUusFQATRqsQyAq2y301/OpUlobnr/HFQpZkdNgfw==","shasum":"08c5f4189beb6840ff63950e98dd5e1b396858af","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.5d94187.0.tgz","fileCount":226,"unpackedSize":1014379,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICr6xtdyckrv/3L3CC7Cmog2KuVne7jekE/+ZqoX4F8OAiEA1o8iHl2v7q867tMurQDbstkU890K9imLFehsDd8Ob90="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.5d94187.0_1632408473846_0.20491403720914048"},"_hasShrinkwrap":false},"1.23.5--canary.05d12cf.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.05d12cf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"05d12cfc6cbd382a8995d9dd0976b4926c8f3352","_id":"@atk/mise-ui@1.23.5--canary.05d12cf.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-ywKGhnkJ6CgKLOXUkPK+92QCk4JWTdlAymJvgXlZfpyanoDFOuWjkRQOZWyPKfmDJobdh2BDCz12GxA5Gt6sFg==","shasum":"175fdecd3575ec7bd351249e52fee7c42e681ff9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.05d12cf.0.tgz","fileCount":226,"unpackedSize":1014970,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClD8HMyAZO1KJ6S4I6zC7AyiO0P7xZEScbtfPG4e1o4wIhAKpfl03cN/wZDjSOEhN4muzKtoA/75TXRxDdUmOQpP/f"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.05d12cf.0_1632409336215_0.08527385088515826"},"_hasShrinkwrap":false},"1.23.5--canary.05d12cf.1":{"name":"@atk/mise-ui","version":"1.23.5--canary.05d12cf.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"05d12cfc6cbd382a8995d9dd0976b4926c8f3352","_id":"@atk/mise-ui@1.23.5--canary.05d12cf.1","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-8ISECWJcZsZs5CwevqNYiKA+3aGWqDAklVGXZBcjEC41H35FblUsR4ojnXVImZPwf5kYj4+5xFv8fi/0KVWw3Q==","shasum":"dd034a3b5ee5093591ff2b2067072767407b1501","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.05d12cf.1.tgz","fileCount":226,"unpackedSize":1014970,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGcAQ+dy4lBOK9tjM9OVwS2AcgPTwk4FLMFrY1Am3GqTAiAwxWHePWE3ORiF7RfXd7//OkUyN1RQhh2fa59p6B/33g=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.05d12cf.1_1632410022565_0.1607563690339413"},"_hasShrinkwrap":false},"1.23.5--canary.87c2247.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.87c2247.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"87c2247eed8ecd139b2060746f91722b701b795b","_id":"@atk/mise-ui@1.23.5--canary.87c2247.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-/IJItrYE2qTRn5V01gGV5axrDSw46Nzy7z7U9L0ymFajlwHI+XqswgX4YiRGqwUALA0PDTRsBv9dqActI5Cb7w==","shasum":"5c51ee7aa07f2ff83aeaf8dfdbb316728b5c1b26","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.87c2247.0.tgz","fileCount":226,"unpackedSize":1014971,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfLaThQhr+8/6hvY/i3eerzKVQep6xe05o1Nrl+aNFuAIhAOvsD+vKtNpsJQpTMqV07gPLbQjmg7DBhFKV0ZG1pU6e"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.87c2247.0_1632410226251_0.3278329920827512"},"_hasShrinkwrap":false},"1.23.5--canary.132b983.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.132b983.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"132b983c890e8e84c40d3cbd025c028a0aa695bc","_id":"@atk/mise-ui@1.23.5--canary.132b983.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-enAWpSAvs/jLsNth6dUxVKksvWXjR3LO/z5vB5tqcM0iUaJRqUQYheVDuPhqkd0ciVtDqcOBeQA73LArguH6IQ==","shasum":"a3e21cf354490236e42a1780b702f2669b28d2a3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.132b983.0.tgz","fileCount":226,"unpackedSize":1015071,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC51XuUtBGUpAzwZ1amT+EUxNtpdBhDges/AvNCuUorwwIhAOh2A6Qo087SPJESCq0ltsydDurmcHf4GrHH5KEA6+if"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.132b983.0_1632410467252_0.5233755629462697"},"_hasShrinkwrap":false},"1.23.5--canary.0b65b6e.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.0b65b6e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0b65b6ee77c8c2fb3ffbda44e037f45afa033c62","_id":"@atk/mise-ui@1.23.5--canary.0b65b6e.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-MNsaJPPO9DGN/1TLCQ1MG5PyH95sLvJnzLWaVzqxVbqhOqrRxYbAhsKtUgkW6lCE0qAZelY4Wb3r5R4Zh8QtVg==","shasum":"9b2554cae1fea62a993554640667f3e5df5abff6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.0b65b6e.0.tgz","fileCount":226,"unpackedSize":1015030,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDilGDnOfBK75BdDp6XxrDA2QTSKS+e+puS8aNrXqGz1QIhAJECUQacIgRPKJ+ceLNe69jQ7Dk9JtAVnkyHku9Ms9EV"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.0b65b6e.0_1632410619145_0.6603763148474293"},"_hasShrinkwrap":false},"1.23.5--canary.ef520f7.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.ef520f7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ef520f763c70c4ef464d953a96bc5fd5c52279da","_id":"@atk/mise-ui@1.23.5--canary.ef520f7.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-q0zVEGlEA8ME9H3djtrfr1MRYM520VXzydBiqw8MN0TNToLmDBMqAI7YO/3miPjqC1/fSNq6sSkerVLOjOJKJg==","shasum":"bf4e8f7945143a6bbd5621d530fd93427966c020","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.ef520f7.0.tgz","fileCount":226,"unpackedSize":1015053,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+MMzJdU5pifH8XLvUj1SuDUk2qTBTMF7qt/pcOpMY8AIhAKSicSiVTcXHxFbvxJ7QbIDH9rLJby7Shfylc80x6G3H"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.ef520f7.0_1632411822497_0.4238516825706198"},"_hasShrinkwrap":false},"1.23.5--canary.8bd22b9.0":{"name":"@atk/mise-ui","version":"1.23.5--canary.8bd22b9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8bd22b9a20668f337cda1aff776baecd203a496c","_id":"@atk/mise-ui@1.23.5--canary.8bd22b9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hnVBPqYU/15YWfdTCwDkM1a26QWsKccrISIKc7odudMoT6G+XOD3CLkCvp+qq04J8yBop7mqrdc/iCM7L+6esw==","shasum":"4286d60cd7d30852baf129f27e2857f3aee83b52","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5--canary.8bd22b9.0.tgz","fileCount":249,"unpackedSize":1053613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC7j9d1fvfbVFKTAvQzZOAMWyNbwzpvTRqd20FthHwt3AiBL56juFyPI+XdLT7yG9zi/55U9hVXtOtGgT4DfS5jDBg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5--canary.8bd22b9.0_1632755335130_0.3933394464376543"},"_hasShrinkwrap":false},"1.23.5":{"name":"@atk/mise-ui","version":"1.23.5","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4f024ea20e8e7c249412bf863815fc4aeb57bc31","_id":"@atk/mise-ui@1.23.5","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-amuBCttJv/eU3ebKXdO/vHj1p4jF6kErHcRA4ib7t1OclJPgKO7rJ2xa9ilo7pXtbbp5oZ3EHFy1FIh2aV8eEQ==","shasum":"8853546f8e4f1635dad50a616492b47a1fdd5874","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.5.tgz","fileCount":656,"unpackedSize":1252806,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2L/QyhJ9wnXjHBNqYkAtZpXWI0LLz26RY8tDb+U0hnAiARdSD1B0ND0fd5vSiXEYhtBlBGkL2h5sx7yXMnW55mcA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.5_1632757019866_0.34793808611696897"},"_hasShrinkwrap":false},"1.23.6--canary.7f2cc97.0":{"name":"@atk/mise-ui","version":"1.23.6--canary.7f2cc97.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7f2cc97e934cfc44fbe1f847e52b830317733637","_id":"@atk/mise-ui@1.23.6--canary.7f2cc97.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-UbMPvVIXYNnpmygZzGQfNc+d47NAuefDUf6ziI5xm6qvb9Zg+dmMwWd0dvwLkEOgQQ2/rjiUhFaiE+2wVYoFpQ==","shasum":"93eed61f8621e316578c6cec80261a8c10cdbf4e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.6--canary.7f2cc97.0.tgz","fileCount":248,"unpackedSize":1053316,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF7zmovduRUQm5NEuS9AQGszkB7CHuoRVFj295ivaqgdAiEAvDYO/UzZ9BANRydmUKNkY7MmGDuvzEP9Dol4RB9vu58="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.6--canary.7f2cc97.0_1632771753637_0.9966838597624503"},"_hasShrinkwrap":false},"1.23.6--canary.468dfce.0":{"name":"@atk/mise-ui","version":"1.23.6--canary.468dfce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"468dfce4252874c4a4c9a8f091e636eed7dfdacb","_id":"@atk/mise-ui@1.23.6--canary.468dfce.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-YNHZof+ep0atTzj2xYP4c3qggwyPb30E89Z9f/fLGynLt8+KJIfORNjJ5NfRTtfIglYHRBfZADBnlO+exN20nw==","shasum":"f239824dd5bb8ce2c129172b93f04b1477b94379","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.6--canary.468dfce.0.tgz","fileCount":248,"unpackedSize":1053358,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDQYG/5Qg+DFFsWRgvT1fbo/NJWBLH4cehTF/Hu1fdJnAiAFlJpGhksNRbIX6IwT744w4vz74sXrQmFr6LqqTw1qKA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.6--canary.468dfce.0_1632835053672_0.26361998113472507"},"_hasShrinkwrap":false},"1.23.6":{"name":"@atk/mise-ui","version":"1.23.6","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"58ed44bf0c84b984569e858d0fb56212337618f7","_id":"@atk/mise-ui@1.23.6","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-HVmWj1j8CtN5O6AQ5RQczPUgNteyLgdkK4M1cz7QZ7XwyTH75IsGCwUBpIzh00cOyjBwOWw+rsX19PXsnTsIHw==","shasum":"06e7a785a86d0c4e2efe1b874e78be932435469a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.6.tgz","fileCount":657,"unpackedSize":1305957,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+SII4PXheCm4X4f9OFCzvBjr3nOvj6fimQtMRDiVfUwIhAIQXZzdpcIR8nmXUYuG62St1VixtEfEqItPUUyW3xwl6"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.6_1632922885616_0.47045560087485616"},"_hasShrinkwrap":false},"1.23.7--canary.6b5763d.0":{"name":"@atk/mise-ui","version":"1.23.7--canary.6b5763d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6b5763d422715ed105c2d8cad29682c6ce0716a1","_id":"@atk/mise-ui@1.23.7--canary.6b5763d.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-r/xQ0lNe7Rbrtr/t6W1G3ilBdViRMlGf9iQqLf0in9Mja9ILfz+IbjKx/LUqsKlaldnvBtev+D/81AaDXDz4fg==","shasum":"18253edce2ee173ed38d62c971c89dffe870a73a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.7--canary.6b5763d.0.tgz","fileCount":248,"unpackedSize":1053498,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIG6avSDt31C2mDhHyWEjNAMWFRQ8W7GV/Z8/8tlGldwIgT4+LUMwCXW60tMmOrT9z0LbY2tUeh0fkg43wnVhnrzE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.7--canary.6b5763d.0_1632925316293_0.474987167996789"},"_hasShrinkwrap":false},"1.23.7--canary.90931c4.0":{"name":"@atk/mise-ui","version":"1.23.7--canary.90931c4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@storybook/addon-actions":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/styled-components":"^5.1.11","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"90931c4cc8915e438c1e950f745241483e5cfb4a","_id":"@atk/mise-ui@1.23.7--canary.90931c4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-phqhhNfUoQo2du4/cG6SOQkPvGiTHa6X+W6g9N8OevqOfe/AQeiyjWuvR0FkI9+9gCmm4r7lrHrirxdF3GZvNQ==","shasum":"19fa762f044e0a66f7755be34bb2a631974aae4f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.7--canary.90931c4.0.tgz","fileCount":256,"unpackedSize":1027375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4tHiL84lSZxiGJkvZ+tXf2rfqVjTriWK/iur1GtoO9AIgDWVQIColHdCH5KaK3P5Rzmczvcs5eW8m7DNSvxUpVYY="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.7--canary.90931c4.0_1632937203070_0.6394537186378115"},"_hasShrinkwrap":false},"1.23.7--canary.d126a48.0":{"name":"@atk/mise-ui","version":"1.23.7--canary.d126a48.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d126a488edd9ab5f4fda50db50bdcbb199c6abce","_id":"@atk/mise-ui@1.23.7--canary.d126a48.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vYqyJ5NY0ytLGl2Fpl20IHDJkDNlsXFgCyrNpHOyUjKHvxmB1CcqvhPziJjvbbk8p0NMT2U/jTXKqtg+Pf240A==","shasum":"2bd714ba81621ba6bdd19fb0e92d4a2be1d80f77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.7--canary.d126a48.0.tgz","fileCount":257,"unpackedSize":1066634,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6ywhbOjNGV/UxX2qUOYCm29b7AekHhC+g1DY0bWEekgIgBVJFzkDm6PJZaHi2HyTln9SP9PLHQQ8dXBAv51zXlSQ="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.7--canary.d126a48.0_1633441346220_0.9619178798586889"},"_hasShrinkwrap":false},"1.23.7":{"name":"@atk/mise-ui","version":"1.23.7","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5391363e74b4ed04d8ce88e2ce19db56865ea01a","_id":"@atk/mise-ui@1.23.7","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-BXNoNMGT/AFxyROoYQti5peevEie3lEzZU7W2h1iJnnocDi3uNpXoFupXe4O4XmyqJ/PaV009m2OccXTSmZWfw==","shasum":"3ce9da3053ddf7313118b9a4da6670088b4e7908","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.7.tgz","fileCount":661,"unpackedSize":1309804,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEotUDqJofOVmqsBTH9E0GgbVJJq93DsWTjXULA7c2bWAiEA7PPc+If43YyeHpjZFL8o0eV5ttGpaMo6Zjq0AF+u6tE="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.7_1633442865223_0.45970428591042545"},"_hasShrinkwrap":false},"1.23.8--canary.9260c12.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.9260c12.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9260c1214af3a5614a363c4f62892f82be607cca","_id":"@atk/mise-ui@1.23.8--canary.9260c12.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-3EC7ytyr/Wog3jMnk/5asZG6IiBQmNlIm9yEwIgOaNCJ2HAOBhWsJyZ2xvfxdgOqB9sknNcRE5rd6F8ad1fI8A==","shasum":"5fa7bf850deebc96068560e3a110aaca1eb65623","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.9260c12.0.tgz","fileCount":249,"unpackedSize":1059201,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsSomBqPAtiJVNVhbRSZyetOZ+2MABeSl8Thr+bCrxKAIhAPgpyb4QY9aErqJ2/5QiHdwQ1jHroFfOBqGvLXS7nnMC"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.9260c12.0_1633462928360_0.5316205304432735"},"_hasShrinkwrap":false},"1.23.8--canary.bd2935c.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.bd2935c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bd2935c2eb3ddfc10af74da04fa977982d2a7e73","_id":"@atk/mise-ui@1.23.8--canary.bd2935c.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-A3+jRK1XqlX7pNHmy0ca0n+71IRTsW0ARcGqP3WActGcgmUUHmlgqXZ93/1H6wda7SUEd3eNammjk8S0snb5kg==","shasum":"de60e265149951edfb2982cdc1486ac96dc142b5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.bd2935c.0.tgz","fileCount":249,"unpackedSize":1059193,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG8FMMlPnGpiL8r1G59pUF/HrETNoOKM4HIHFIxvnNWyAiEA0DYjB7WH9d9NYtVrlCEh9xiME5Fy4tZc9MvY+j1rd3Y="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.bd2935c.0_1633463114105_0.3973974126151325"},"_hasShrinkwrap":false},"1.23.8--canary.89ca114.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.89ca114.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89ca114c782cc5ed7d9c8b7fbf2446db7b265be2","_id":"@atk/mise-ui@1.23.8--canary.89ca114.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-mg73HmYZ5AneKlxdV3ezvxlIYzRaIJ9R/ljCAOjjS5ukIrWfiNLTfYsB6Gy34tELZiI1G9LAMN9vWAvgT1mmGg==","shasum":"2b8cf66142d3643a3acc789f91ef70ca811386a5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.89ca114.0.tgz","fileCount":249,"unpackedSize":1059176,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHKACYV8cuhfWj5VdDo177Wl/qHB9eqX66nGIJLluZWdAiBow3t1+jHpFwI1L7PKImvlNbPmucxcVkys9MZS4V8EAw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.89ca114.0_1633463273520_0.2321267916817218"},"_hasShrinkwrap":false},"1.23.8--canary.40af813.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.40af813.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"40af813166cfc7c7eebe8fd94b22965370f17b3c","_id":"@atk/mise-ui@1.23.8--canary.40af813.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-TBBoB0gnqonomMWLLg/+5+InE+WjLpNgiBRsaa2Q5azyes7EegETenzUS4AaHHYslZ/m3q1e6Rf7vTmFIGkcsw==","shasum":"fff80b7284ddade681487a3471707ae7e6e6161b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.40af813.0.tgz","fileCount":249,"unpackedSize":1059294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDP7zbkbuG14UYZ6beHhwN5GbHagoTRZq9qWG8bpa5UwIgMLgovazK0QUJ3hyjxYJWBbCPs3/DZ3i5gdi95f7I7dY="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.40af813.0_1633466851317_0.9893295816458649"},"_hasShrinkwrap":false},"1.23.8--canary.40af813.1":{"name":"@atk/mise-ui","version":"1.23.8--canary.40af813.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"40af813166cfc7c7eebe8fd94b22965370f17b3c","_id":"@atk/mise-ui@1.23.8--canary.40af813.1","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-MxE7FLnOFo98BEIxdtf1bkdto4xfZWOMsjfByvHrTkStcN1w+aLuFZV1h6/DtE0eSYIPZB1klyRlMB1dvVI2Dw==","shasum":"e527de53a82a6a4dcaff18a70ff871c8cacda8f4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.40af813.1.tgz","fileCount":249,"unpackedSize":1059294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDr4UjjI21LAmMU5wvUB94jijNVARd0j1ipTNOE3BvQmAiALgEgCSqxEIsLdWEXFPbdAxmZq2/jPvq2dvcDw8MWTtw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.40af813.1_1633532620197_0.9100028333332371"},"_hasShrinkwrap":false},"1.23.8--canary.40af813.2":{"name":"@atk/mise-ui","version":"1.23.8--canary.40af813.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"40af813166cfc7c7eebe8fd94b22965370f17b3c","_id":"@atk/mise-ui@1.23.8--canary.40af813.2","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-wZGTu01JwVLyfiYagKhfgdM94GJAeqXomswoy++jJ31B9gtl2XANjjiQpLj+0ECqzoD2vkJe8NxIAyAlH667RA==","shasum":"02325c3b60c482eae200182ce08d6dbd98afee33","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.40af813.2.tgz","fileCount":249,"unpackedSize":1059294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADsnUjK2mCrWgdiZ2TLYMzmXh/Qj3/gfvYeo66KyedFAiBqiROK7EsHsMh4IRzg9GN8bW2yE5SB3eLZI0JrWJhj3w=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.40af813.2_1633541024766_0.9443850744033402"},"_hasShrinkwrap":false},"1.23.8--canary.dc2fca0.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.dc2fca0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc2fca048c01677c1946f85fae50d81a26d71ded","_id":"@atk/mise-ui@1.23.8--canary.dc2fca0.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-hbU0E2gmlSPAsLWz5kUeH0dw4hJVsBQ2g90a7LY07RW2t/uWO1gZdACW0r1ZLozkDrFFe1L74BoCvAnMoCp9Fg==","shasum":"9b662660047b99a92f8d21ae572713ac8011ae3a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.dc2fca0.0.tgz","fileCount":250,"unpackedSize":1061966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAz2Y7fA4Srjslp+iCeH5wbq8lrF7XiOxyPNerNp0GA+AiB8EHhQ9DdEyuE+ot8QlAQQz9RH53WoiAoL/nXELO0PFQ=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.dc2fca0.0_1633708818949_0.18595433352379453"},"_hasShrinkwrap":false},"1.23.8--canary.9070bc4.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.9070bc4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9070bc415cac826a222231e790e9c9fd9f90a533","_id":"@atk/mise-ui@1.23.8--canary.9070bc4.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-3MgVmTNS7BlInwkVfKKLRRrGGynShfrRRkW65w3lisn5bcvH4bML4nXimA0nXgpIJFF+K1HxVNdTyrfOKf2kUg==","shasum":"04af74c9499038391ee11847e12fb27704d05bad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.9070bc4.0.tgz","fileCount":250,"unpackedSize":1062013,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+0G8oT3r+pZH/bQfrQOTv/1VLAsxXdOw0XlZiVDM2XAiEAj3gYnePJQcCGHjkrUZMD7/HAsRMbPv/ZvaHVNYCy9iw="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.9070bc4.0_1633708966543_0.9573722430833929"},"_hasShrinkwrap":false},"1.23.8--canary.5c7e4b7.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.5c7e4b7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5c7e4b7ac7796a36ac004e70836a8f37bc12af90","_id":"@atk/mise-ui@1.23.8--canary.5c7e4b7.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-3aOnROanXch7kmhuzNRjIhRzt1LVhI4Y9mzDFLVb9onLq7FJQNFW49XyPjDSUjDPArmgOt30fVcGYw3BtMLDJw==","shasum":"73766da7a384608f8a28156da5dff9fc3266b6ed","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.5c7e4b7.0.tgz","fileCount":250,"unpackedSize":1062013,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE/iXtihhMmrFTJQf9ve+hJYeYkUJMzCJRZhbujgof0tAiBos0ay8BzOU4xjvxVAdewBXFHZ1bBL09AHeSvQC/i40Q=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.5c7e4b7.0_1633709057958_0.7341687860128221"},"_hasShrinkwrap":false},"1.23.8--canary.e067057.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.e067057.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e0670574c81b502f86dc23f7c40b5724c20fcea6","_id":"@atk/mise-ui@1.23.8--canary.e067057.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-6drMVgHgE2ax8Eqc1WCeMmK2vqHHITNd/Zzed4Tue0nAUdEHdB8gJtlx0XkeFdRwcXEPqnN2vnh3I9SIrU8iiA==","shasum":"190bd04a60ac93df9756b8e43146175316b90f95","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.e067057.0.tgz","fileCount":250,"unpackedSize":1062006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgaHVudlyHmk6DVRBB7mlK1Hpvgf3FgwigJZIs5drj3AiBryy6iqM6ACL5O/J+8Zkuiz73prH7Fq9ZrUhStx4KQyg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.e067057.0_1633963090814_0.156174344879229"},"_hasShrinkwrap":false},"1.23.8--canary.dfda098.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.dfda098.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dfda09892090003192219410abe2b0ff30d26901","_id":"@atk/mise-ui@1.23.8--canary.dfda098.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-xmNhdt9jdTRvKgzGggM2iOFl3l6Dbwf5kGJUW14Fn88/stTE116NIKRQOpvJcSxKSOL1yqzvj9OqAZl1MKEe+w==","shasum":"4acb758abe86503c6f0482e308cf49e32faf5c1b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.dfda098.0.tgz","fileCount":250,"unpackedSize":1062006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4QKovPbabxeElImaGPC3jMdrzfMFyKnrCpFzyFomrFwIgRYTxLW6c1r+dSPXjQ98ntUa0MQHYbfRGamGRCeTv4xI="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.dfda098.0_1633963910473_0.07603777851715465"},"_hasShrinkwrap":false},"1.23.8--canary.5b9ca87.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.5b9ca87.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5b9ca87ed03dc6127d317a6a567fe862cdc59f11","_id":"@atk/mise-ui@1.23.8--canary.5b9ca87.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-WO5vE1d31b4QMdteCxwRI1Ex+Bk+kvglG8MW05xislJ646uKO5B+Vp//j0vO600hkDueJi5+G+icgIccX6My2g==","shasum":"aca9a8239c3c7f2f2b957122b4cd574df8b7328f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.5b9ca87.0.tgz","fileCount":250,"unpackedSize":1062601,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpvwVP72qM+ImPvd64elvDlgrrzo8E593R54n7RdHs3wIhAPYhD4TJ8TTU07OlY89dVnyd5rowbogUaOcfB3nShdRL"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.5b9ca87.0_1634053501539_0.3725940652073647"},"_hasShrinkwrap":false},"1.23.8--canary.b6a9ea9.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.b6a9ea9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b6a9ea9fa6b3c40362644ffcd525fe593ba0d504","_id":"@atk/mise-ui@1.23.8--canary.b6a9ea9.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-OGSyrqKlmhfRwEIK0Jv1C4x86jwNaCi6c3CmBJsuFzmVrgjTAwDKxdEnQ1nu6gFD7zSmdv67Nl8B/GciHNv2wQ==","shasum":"5ddf345fab9222a4a72b9c7609c7a4990c326609","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.b6a9ea9.0.tgz","fileCount":250,"unpackedSize":1062769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGaKOPrkK0AfP7dULtLrFEXHwEhlE18VsLFwF4j++YbAiAI1v8HpVnrvmLz/n9k4KQxhXRG76IGTlnH48o6eGdQIg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.b6a9ea9.0_1634060451196_0.10795466860456693"},"_hasShrinkwrap":false},"1.23.8--canary.8c19cc3.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.8c19cc3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8c19cc3e424e61837b5ac784f0a39d6cb5f7c2c0","_id":"@atk/mise-ui@1.23.8--canary.8c19cc3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s+vtum2FeQ5yalWBoBmJeRWkSr9Rzx7TgH8eolFZQUUaFsfm+sZ5Qcdq1pqN4GS/8VOrRu+gwJK4NKEjlsGRcw==","shasum":"042abc125e84a4815af3ae219e1dd4cd6e0b0679","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.8c19cc3.0.tgz","fileCount":669,"unpackedSize":1328980,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwFPOjZWMqb7Tib0mTOvBksXlN0eCJFYZq4a0GrR19HgIgUhjNe6e8lklMBb07V2E0wp3da4UT+SHiWlQgbob/oMU="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.8c19cc3.0_1634151557458_0.022181309373839442"},"_hasShrinkwrap":false},"1.23.8--canary.6324a08.0":{"name":"@atk/mise-ui","version":"1.23.8--canary.6324a08.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6324a087bae47176db8902b366050ba6db1ed621","_id":"@atk/mise-ui@1.23.8--canary.6324a08.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+HU0zh2K/g5QkEoIiq3kCUHfT9gbYMIHXC4AumxYufj4eGvm3lkfK+fZ4ZF45gV6fitAlcgbpd2xQWaCTKy/Zg==","shasum":"4454ffdf06f570db3e4fb3769a737cd90fc63c27","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8--canary.6324a08.0.tgz","fileCount":249,"unpackedSize":1055909,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChsjWfHeSI3gasXgp/LwfbzfEU3GO+Jn1I+vlBoTN2UAIgIbYgwp0NHXQ7/eRPW7uLvzd0561LD9B68aXytu6TIo8="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8--canary.6324a08.0_1634227362144_0.6440118424766823"},"_hasShrinkwrap":false},"1.23.8":{"name":"@atk/mise-ui","version":"1.23.8","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"222a80350ce6b6fa30442cada7850483bec3617e","_id":"@atk/mise-ui@1.23.8","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-XZIqNmiqcoX/yXOK/BQt3DR6qef/cMJIxESo2PYXLs50PtjQD/5Cg28XH1Vlo0+Zyo0md5f5I/OPTqAVsMkuKA==","shasum":"ec472e0da4c2a95bb7b704fad3a0061e9a655719","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.8.tgz","fileCount":665,"unpackedSize":1319663,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCR4ZbUmzgdvC1ioYQV97hmPJV8VqsE97y9NYh1RXSeQgIhAJj/cM1n6rg46lH1bYSMDxR57yAxacF0qqx7DC5voU7F"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.8_1634239948247_0.6745396441210296"},"_hasShrinkwrap":false},"1.23.9--canary.68ca7d5.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.68ca7d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"68ca7d5a432c67413fc11c7b817fcb544840fca8","_id":"@atk/mise-ui@1.23.9--canary.68ca7d5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LoLtLLqDVUjFap/VKumJwy+XSqXG7XJKfidwgptTi5/d+xgvzpaLDx5NOxS1p8oc+PQB5uVmOeYvwMzWuswJKw==","shasum":"e48bdb02a56420fd1bb36a740da07d05ddef7e84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.68ca7d5.0.tgz","fileCount":669,"unpackedSize":1329180,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBQ3if3NK8S4pmH+fb4Ex9F7uBSrMfMRU3Bakq3bhblBAiEA3gqGMmTpT2P8rKJxppNoznmZK66Tx65Hri2mCDH7Vdw="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.68ca7d5.0_1634306027309_0.20458234184479474"},"_hasShrinkwrap":false},"1.23.9--canary.441a665.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.441a665.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"441a665e50729029963a710502dad90dabf2f0e3","_id":"@atk/mise-ui@1.23.9--canary.441a665.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-YeuW11UQdx/LFFWQWksJOyjwLN1KzZ42rTBPv6vkeuQm78frkRu8wYBi8b0r4Nct3/tR9GQXyxuAWhYjK8iI+A==","shasum":"50cb790f0e077bc11dd4cc23128e13ee6785ba44","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.441a665.0.tgz","fileCount":257,"unpackedSize":1067837,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDizeYiEXhAWtY7A0p7x61OZMB4DV7LKD+bRcyAquBEOAIhAIdEq4ROP4NZsP5PBtO+J3lAubqfoJEFIcbRtnDLGUT3"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.441a665.0_1634309668339_0.8503472828920706"},"_hasShrinkwrap":false},"1.23.9--canary.4f193b1.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.4f193b1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4f193b1ccc72621db4dec22211f1fbd7b4d7a487","_id":"@atk/mise-ui@1.23.9--canary.4f193b1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-v8s3j/ikQQ0rtnN/kVHaNsgMwGVdsix3qwQcJo3A7j635XzF3dy1PDZvoO1xqG+WAcM3c+s1e0EVZZcBFhCmDw==","shasum":"519108ac5a285812eae97bcd92dd38bfc5ee3742","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.4f193b1.0.tgz","fileCount":258,"unpackedSize":1077208,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGWMr6XZ+/tiCffLvexyCYtd2RJoCHbaAi9xxuDopcEwIgMKGw3Ol1vH8BmEWjrj6srrLz154R1OUK15k5ig3Bxp8="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.4f193b1.0_1634840170338_0.7421627217455251"},"_hasShrinkwrap":false},"1.23.9--canary.ae52614.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.ae52614.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ae526143bed58d52c17b702ed8ffd2b530593b04","_id":"@atk/mise-ui@1.23.9--canary.ae52614.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-t1SzAgwQaJqQUK3uRLttrZHfo/GEr+EN+vrCgYIMkpxglUp3/wbalJkfHtKTLbqx7yk6LYuAhiYiZMb1jBIcgw==","shasum":"b4f614fca80f55305f1a5c6e6bdc0b61ce3cf963","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.ae52614.0.tgz","fileCount":671,"unpackedSize":1335608,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6oPc8n0ZVVxWY73YrHAd/lDD9YSvypOJP9RFfAjncQAiB+sQDaoBNzWwzM8qQev2bL7x5AIep0F0Sjqvp5UkkBUA=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.ae52614.0_1634849069816_0.21924920883267318"},"_hasShrinkwrap":false},"1.23.9--canary.6324a08.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.6324a08.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6324a087bae47176db8902b366050ba6db1ed621","_id":"@atk/mise-ui@1.23.9--canary.6324a08.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kWXFbXzgrzAbAxjCtEnOEhe+4Ej24nk7gfGVS9AjkHqOpFg4ZejtBsQj4WMyqK1IcK8Ri2OUpvbSblDQ+cSH7A==","shasum":"d35d37ee787208ec7eecd2cfc356409dcffad654","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.6324a08.0.tgz","fileCount":249,"unpackedSize":1055909,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAP3z4DiAdTObffhUmQjMAJeBgA1kdtUewdCjDBIFMhnAiEAoO5iuPjJVUK/E9xSNBLm186uodZLM5mBcIBl48wrepM="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.6324a08.0_1634909977411_0.3494882873217344"},"_hasShrinkwrap":false},"1.23.9--canary.2de44a1.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.2de44a1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2de44a196718503b025d0554474220ad0eba0655","_id":"@atk/mise-ui@1.23.9--canary.2de44a1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-R6TT+EPEoC50QAoUQNHhDpFSP6oWcYGivTS87cctpoaXzu9bZC/FCwV9usXoJtHTkLxGdA9HfWZ040P4nMfvJw==","shasum":"9575cde3271ac0ddc5abda57f51d8ef2ff334ae4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.2de44a1.0.tgz","fileCount":258,"unpackedSize":1077459,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALPynzFZ4Fg+KRyJSawKaSQCLt5HWog+47JnraejD9UAiBWjYIMNhMFcUVmmZLZo9+bofyOl51WBH4qsSlBXCjfGQ=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.2de44a1.0_1634911946007_0.04828091474323992"},"_hasShrinkwrap":false},"1.23.9--canary.ae52614.1":{"name":"@atk/mise-ui","version":"1.23.9--canary.ae52614.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ae526143bed58d52c17b702ed8ffd2b530593b04","_id":"@atk/mise-ui@1.23.9--canary.ae52614.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Xn4Gk8Tm9AIdn7XhNhBlHxCkukmCz6XG83zdUvlI0BcOLSuj4qQGgyKyERbcNgJOEDfmlYcM9stghde6xgVohg==","shasum":"9ba048752c3bb16a77ea0fe09e63b6c556c4b1fd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.ae52614.1.tgz","fileCount":253,"unpackedSize":1071369,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2tD9ONZNohRROWOh8Txe19BhOftTpfPYNa3tTKQmD0AIgfkxxiFun8984lVbLrJwUifsYd5Fh4Zi9FgSAXHoDl6U="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.ae52614.1_1634911977693_0.8169789759411235"},"_hasShrinkwrap":false},"1.23.9--canary.9028c7a.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.9028c7a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9028c7a0287a10a36fa2e87874b6b88ac8a1dee6","_id":"@atk/mise-ui@1.23.9--canary.9028c7a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kNVGkD4pV0fGa2oK9OmsQmX/3z4ljh3a6HyeBFo4vkr3ODJ0lo8ld982CtQc6IkUqvHi+TrmG8/BKQPBE+TyxQ==","shasum":"bfda088f987a4cc83e819355e216d98bcbc6bfb4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.9028c7a.0.tgz","fileCount":258,"unpackedSize":1077726,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPm81oqNrUDfKjjBVv2eEJVGpfNyuqGU1g2wxLFQ8SuAiAJAMa321Rv5+GPcSMJM+hdbLcN5trNOnULP8tZtjduzw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.9028c7a.0_1634918322784_0.049182882547954554"},"_hasShrinkwrap":false},"1.23.9--canary.ba0f3b1.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.ba0f3b1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ba0f3b1ef64c37e3277e068afb34d48195608ae8","_id":"@atk/mise-ui@1.23.9--canary.ba0f3b1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Kl+HRpqla8urrt6+KCtTJchUFMDEm9BWL7V5eqWj2dEkmV2MfeyVOf9rkDb5X5wERE7z4ZCqoSY7DmmQOMrHAw==","shasum":"eba130525b0fe59c80d12e92ac7035a10929442e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.ba0f3b1.0.tgz","fileCount":258,"unpackedSize":1077916,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLx6hzElTPd51axNSIWNIE6fOhOnApGoqSUpts9CKKMQIhAOxSywoIHiuf4f9WxVJgR/f+22iRTUjh2WA5qyQHzRU+"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.ba0f3b1.0_1635194630383_0.3403397240137951"},"_hasShrinkwrap":false},"1.23.9--canary.6e966e2.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.6e966e2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e966e2dac60d792bfcd02c9d4d7930fb70c8144","_id":"@atk/mise-ui@1.23.9--canary.6e966e2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-G7mD+W4A+KtcCxjmd0xL9qpepChfnaWk0waKDw5AjSpnm0wL76VvLGlwC8cTFOrNvPayoc9Wpqog2TKsDNy/zw==","shasum":"1d88bdef2ad80d266bcdf472d1c35b67c688f912","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.6e966e2.0.tgz","fileCount":258,"unpackedSize":1077932,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEFMZdkngIxc8t+I3jL/hRG6FJWdbT+seFMEiq5b9L/WAiBWlf30P6XQHyka8AmJYfslktABbS4FO5zvN14JKE7V8Q=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.6e966e2.0_1635262224964_0.8104900309708256"},"_hasShrinkwrap":false},"1.23.9--canary.6129477.0":{"name":"@atk/mise-ui","version":"1.23.9--canary.6129477.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6129477c256cc723185c4af7b6339d943619c001","_id":"@atk/mise-ui@1.23.9--canary.6129477.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vJdhVUZOlL7/eL9XMmEjaZmxWTd+TmY/vtVJ/UD40Iiz4xdYVrqIUyo6wmR6WWWRfkei6g3+zqFJw47BVDNJ8w==","shasum":"d0801d1ee03cd5593d67778f491c9c3e16a09c51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9--canary.6129477.0.tgz","fileCount":258,"unpackedSize":1077879,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKAibYoyNSR1G0bgmcv3w8Dc+354wicI323+1NVJJxYAiEAhebMJJdwRhE3cKpwA1EO6aao03bpBmuqaS4QZnAabjU="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9--canary.6129477.0_1635269839631_0.09754716054214074"},"_hasShrinkwrap":false},"1.23.9":{"name":"@atk/mise-ui","version":"1.23.9","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5a00c6568f1e0396fecf159a6b8eecac3226f59a","_id":"@atk/mise-ui@1.23.9","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-ylM3im5CfF/KyywyVaPktvs9AdZfv1MzC35y4DDmf2oICfeWfXxg44nv4VI5Rql7VxIUDgi+nw5VHVN8q8RSDw==","shasum":"f5716500c75649ebfeae129de80f08c57ba3400c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.9.tgz","fileCount":669,"unpackedSize":1329597,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDDhOhGImPW9ucqf1xjESlY3SEiHrXtP78oqSbgzXf2PAiBu32e+Bg3EsSzKJxnv2/OUKo2p6BMmlNLLykocjCKRyw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.9_1635270277027_0.6890197119801433"},"_hasShrinkwrap":false},"1.23.10--canary.2137213.0":{"name":"@atk/mise-ui","version":"1.23.10--canary.2137213.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2137213be2d54cae298dc89b621c8562db92567c","_id":"@atk/mise-ui@1.23.10--canary.2137213.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-Ro4v6vwfo8vikFGO0NlNMaiLcn9iNxbrmUSz40SYEwpsmI91+8v2hgaZfjWq6Y/TYpLUocm6RXBewm1KnDNKGg==","shasum":"23777e04e82f3ed91c97608ea9bcecee36db7b1b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.10--canary.2137213.0.tgz","fileCount":250,"unpackedSize":1062770,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGF/5883lhy/V9aR59NYZZmqG9FfnOZtGcn8N9N/LEZeAiEA7ZSYkcbzGaysVs11mNE0UyVIxjR3GKUIj6E+Bog8hKA="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.10--canary.2137213.0_1635273799424_0.7905136604091354"},"_hasShrinkwrap":false},"1.23.10--canary.9abb553.0":{"name":"@atk/mise-ui","version":"1.23.10--canary.9abb553.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9abb553987f74c939b591fc5fad5780f8ba76e3a","_id":"@atk/mise-ui@1.23.10--canary.9abb553.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6flvzNH8UFQoDGt/j6MWjVzkAPtDEyJvjm71r1g75RNxCLR44plouby+T2vZDOu4erd4OEgxQSz9F0oAdP+uvA==","shasum":"b26cba955f724d9eb5c6fc0c22a3f7880828e2f1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.10--canary.9abb553.0.tgz","fileCount":251,"unpackedSize":1063143,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkvsqzDseIwqTYoKySPKVlJXxwlMLjF74SG5Ql1vzlWAIgbo69o/s7zvNcx/3ATR0ZgmdnJ7EM1nRwn2HV7Amw/is="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.10--canary.9abb553.0_1635275865253_0.7109286247540587"},"_hasShrinkwrap":false},"1.23.10--canary.9abb553.1":{"name":"@atk/mise-ui","version":"1.23.10--canary.9abb553.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9abb553987f74c939b591fc5fad5780f8ba76e3a","_id":"@atk/mise-ui@1.23.10--canary.9abb553.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-v4DQVvaZbOmBscCoaXi8fSyYUbtZmNG8yOgVSDFEESSEkt5FE2qMRVgcDTc2ii0yVLW7kgQMeYMi7fhXVkL5vQ==","shasum":"d9d4ae3baf8943afdd34e7ad9c71a9d6eddee3f3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.10--canary.9abb553.1.tgz","fileCount":252,"unpackedSize":1069013,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxbC+BugV8iSNEYJGoDqjBZ5TOZBQbDa+FJ/DOMuQ8oQIgTiHGqaBd1Gg+peqZs9aC8S4apHPDMUuOF+5NJwV3z0s="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.10--canary.9abb553.1_1635276109684_0.6050694109394421"},"_hasShrinkwrap":false},"1.23.10":{"name":"@atk/mise-ui","version":"1.23.10","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"714e6037ece19d3b8de806eced28875cd65b6940","_id":"@atk/mise-ui@1.23.10","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-0PxNK3vY8qwZMc/HORKZ4q9/Bwi6RAMfIvWJj1lxxjV6G29hrTfBx31+TaWIiZPK2EvYg97wNkHkTG0tcyfk1A==","shasum":"cd834ced01331d53d1ceaad188b37ef26525cfaa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.10.tgz","fileCount":669,"unpackedSize":1329794,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfaGMSKmnIeWYF1TnoXxCjWTyBFgTGZ+HmatDtFTQgdgIgXb79CFPOSoWDXim80K2EgvVRry1JqHqal0qr43Qht9Q="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.10_1635277056244_0.6491493862824915"},"_hasShrinkwrap":false},"1.23.11--canary.bef20f6.0":{"name":"@atk/mise-ui","version":"1.23.11--canary.bef20f6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bef20f638731250021b2136e9adb913b7fd98229","_id":"@atk/mise-ui@1.23.11--canary.bef20f6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+KAEcrMahq8ug7qGTERTpkE4Zm2SrEXas21pZVx4MfRH92nYq0wlewjjiiCe8Rz8ZthLrtENUMnuHU9Bm5j0Ug==","shasum":"ed26dca379c03b8882e7c15cd82003ea6f10d293","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.11--canary.bef20f6.0.tgz","fileCount":258,"unpackedSize":1077888,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpQVIlCdtDdP/LmEuggu+lSrr/tp365JYnDsEYU/lAjAiEAsDymOlI2xHfPWVSejcheiiIIDDAZwATL1bR8ixiV9lM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.11--canary.bef20f6.0_1635340628783_0.8424291305595475"},"_hasShrinkwrap":false},"1.23.11":{"name":"@atk/mise-ui","version":"1.23.11","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"9a07dbc6d81169a9f0b479ec9d5ad57bcecbe7f4","_id":"@atk/mise-ui@1.23.11","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-ZBzJ0TM8UaeRR2kM6l2AOI3KrOYCxfJ7KTGntKsI0hi1KP1K5vSzrB/3WE2AbcA0akrtpUPBQ5D3zWnlGWPWPQ==","shasum":"b6f2c1baa297ac4c4da6f7e135dc5c6c5827c23a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.11.tgz","fileCount":675,"unpackedSize":1344523,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDMN+reGNNhyu2+AeIFyT8/9f2tJZPZJh+DZ01pSHQNAAiBPn2HOIV/5g2RwMEI9uEaXgWVuVFjQ9ClEoB+0FrcH7A=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.11_1635343876831_0.5090622310618935"},"_hasShrinkwrap":false},"1.23.12":{"name":"@atk/mise-ui","version":"1.23.12","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7d840bfe36f298feedaee580b131a2acc638307a","_id":"@atk/mise-ui@1.23.12","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-/rw+nc4oxjpZ7sV/Nb1+24pXP6VImS8W4v+YpNKs1XaDV7cmNhs+IgOrqp2v/EWSKYd4PRkijlzsvFlDJFNu3g==","shasum":"310c6d7551701842e319770e75c2d24e3a01f7e3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.12.tgz","fileCount":675,"unpackedSize":1342789,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHCiXC2lWqSVqADfxdyNVCmcSRPHkXh/aLrQKD1F+LdeAiEAl3eB4D7SAavodjiqbm2x81ANim1q3gp0edkZ1dptLTk="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.12_1635514076155_0.5280417966564288"},"_hasShrinkwrap":false},"1.23.13--canary.49b968e.0":{"name":"@atk/mise-ui","version":"1.23.13--canary.49b968e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"49b968e5b2ae4cac4b6c182e4e5d07a742bb40ef","_id":"@atk/mise-ui@1.23.13--canary.49b968e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OfgF0hahwa/HtzOp77R/RjDHZOQD+IHBefqZvB0z4V3O9boOtnTKVE40jFdcW87zEljX4eDlod5Lhxf3mXYC1w==","shasum":"8994127e026906b9d704aa4d3679d2b4b0092fb0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.13--canary.49b968e.0.tgz","fileCount":259,"unpackedSize":1087750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbLuXMlablv6+4yEIv2lPvWXGricMzF57DG5Xq562YtAiBT+eobaC9Z66GblP7XXNKpdkKx1FgeC9XjBuIZ8K3BSw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.13--canary.49b968e.0_1635515100943_0.3755086285973881"},"_hasShrinkwrap":false},"1.23.13":{"name":"@atk/mise-ui","version":"1.23.13","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"08639c7290bd2b5500f4d85ad8816fbc56d237ee","_id":"@atk/mise-ui@1.23.13","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-6Tlva6C37I2IkJTWTqFJffalbhcSGpI5q4IVBROGy46WOwnClmz2Hss3h8LE9XhqmswQdsg9SOFm3uzrJg7ErA==","shasum":"d29320c59b704ec42d3ad18b09712597b0aa6f9b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.13.tgz","fileCount":675,"unpackedSize":1347579,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA9sNKF6YTaO/uDsNqaJ+evHDNKL9kjCfiRrgYUGQcpHAiEAuXwYYSvCfZnYxbWHjowVxVULi6wJS2CFl0/tS5vdoO0="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.13_1635520721873_0.8926048055109981"},"_hasShrinkwrap":false},"1.23.14--canary.0ee3dc8.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.0ee3dc8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0ee3dc87728610e5cf8f98cb292ec045827b9c20","_id":"@atk/mise-ui@1.23.14--canary.0ee3dc8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s26E1gwF71WdEEuvr87UvEi5D89sR+owgb3Z0FLdk5CpVRkqPKXKXWaMDQfbohY7AnvdIRUWnYzAnFwvcDpbkg==","shasum":"cae2cd077cfd1c681be74862ab585a7879486d14","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.0ee3dc8.0.tgz","fileCount":255,"unpackedSize":1087055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKHaj+/4eFbaFd4qM7TJrGU6oCEIJH+NBhv5HWuWM6FQIhAO3ERLU9Ty/C5Yp9lHNgTxfNjo6veuZoV/M85es514Cd"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.0ee3dc8.0_1635787705064_0.5930660482599477"},"_hasShrinkwrap":false},"1.23.14--canary.81c0d2f.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.81c0d2f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"81c0d2f12954b73da9382f13a7761376e5ed94ab","_id":"@atk/mise-ui@1.23.14--canary.81c0d2f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-GSyMdchEmcX+3tBsd+ljlrTmXHuEoF7v6I31iM4IvTRcrZx76i0ftNVdN2tGFSKIGwrn8jaqwltIRBNSDAsRCA==","shasum":"ebcfb5399e6e68dfdcacfaa543797402c58269d0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.81c0d2f.0.tgz","fileCount":255,"unpackedSize":1087098,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqvXhUCq6MD6CcsYch0TVYD7fbHGy1sjT6Bqfjx8T2awIhAM0XqgdAaZ+ucNoGJDh4moGnGiKM2NXuS3bxUzt9eIql"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.81c0d2f.0_1635817798904_0.03237663282910952"},"_hasShrinkwrap":false},"1.23.14--canary.9d478bc.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.9d478bc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9d478bc34b3b53ae3f3b9f891a1a3ba3ad5e2183","_id":"@atk/mise-ui@1.23.14--canary.9d478bc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-clunwXWD4bY/DTtB46KTmutkrgIYyfEGuEXOoZEZmA8Xd8zOMLs+Q4EFuRRcMPWsSf2lIFSLlnr152TF03+9aA==","shasum":"4d1f1458400642a5b9901561490382a0b8c71fe9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.9d478bc.0.tgz","fileCount":255,"unpackedSize":1087098,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCJGggaepcLmH6hwhDoyvm3hRd1wIHuKqNktXp2bOQswIhANCyoGrDE46jJIG29NmAEpsS/xIhFh0nQe6KJl9gtg2Z"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.9d478bc.0_1635818322031_0.639126279878873"},"_hasShrinkwrap":false},"1.23.14--canary.2679e38.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.2679e38.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2679e383a47071c23bfa3ff9cea6f4d4428ff0c3","_id":"@atk/mise-ui@1.23.14--canary.2679e38.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-9l1+JHx83swmdhbDJaN9kTO/EHF/DMKrDMd3XpaG5Bf1GGcxGLtbm9lTBCUUrm8DxOSoiRTs9c6lNT0ry3H5kA==","shasum":"f7b1d5f98afbe7d23e85a09d576abec3223ebf8c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.2679e38.0.tgz","fileCount":255,"unpackedSize":1087098,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvETLzBW8wZ1qnG/9anFp+3SJiphHUSABSUUak7UaUnAiAtAWWhK061APQyHK0momeTR8USBiR4RwkxirZkQzQDzQ=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.2679e38.0_1635818792289_0.5965810638161559"},"_hasShrinkwrap":false},"1.23.14--canary.9871bdd.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.9871bdd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.6","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.6","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9871bdd698a58175c9dbac91cab4e157f12584b3","_id":"@atk/mise-ui@1.23.14--canary.9871bdd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UqNLM9PZu4ZtCb0YJxDQSeQCzJbKCYg3Dvj26h4AzkQklYFawAgcSJJCEhNCjH4TrEpH2iXekQ5LkWvKY6hReA==","shasum":"6476ef989b30ef4b343a5de3763c349ce6e34adf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.9871bdd.0.tgz","fileCount":259,"unpackedSize":1078657,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgSIIhvz7nRuZvWZ60RoBFkKqj2Uq+u1jFUwUW1U2HYAIhAIGctdURl3EnLqtdm60/ndIEMFa/Ui+JH8Fxf0S47KsT"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.9871bdd.0_1635863158577_0.05167496988296216"},"_hasShrinkwrap":false},"1.23.14--canary.95c1ff5.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.95c1ff5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"95c1ff5d60a72509c8d66e89daee965596e9c843","_id":"@atk/mise-ui@1.23.14--canary.95c1ff5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FgUrMELu6KMuI69TDysbD3ECFHKStC17hwaoos9Sfdna6147JXdEOGjOISbm8Uir6qiloKMoQxyjlK9oR0ZrGQ==","shasum":"e3d869dab442b7fd5e0bc6ed55c0c3474031db3b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.95c1ff5.0.tgz","fileCount":671,"unpackedSize":1345971,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC54B/Ec7iFrwWU+IFTr0ukJi3GreE/crbzcYb5rqv7+AIhAPXWWa9WKTbHsyn34cs3GkJYekwdXrRYuRZpbF9DxQ9u"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.95c1ff5.0_1635874400988_0.204235422789399"},"_hasShrinkwrap":false},"1.23.14--canary.8f0eab9.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.8f0eab9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8f0eab9187c9bf84efb700f9ae2bd3b05847d8d3","_id":"@atk/mise-ui@1.23.14--canary.8f0eab9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-GxTY00C1f1/VCAWN0Gfeu/fkG/ltNPJ9nd4Nc84/DRP6mXAgOOn1/LbNJWumxUpiFAek8xTOo/xLUdjfQ1ML1g==","shasum":"901f1c3d2e829b3a73029fc2d711df09fe54d020","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.8f0eab9.0.tgz","fileCount":255,"unpackedSize":1087129,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF7BQfLqpq2CYp0j+woCFC8ead643+W77kaN8frc8exUAiAp4y8PPgbdyVAqodbwILLPHhr/3KV99lePivC6ydksPA=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.8f0eab9.0_1635881623748_0.7255588542033395"},"_hasShrinkwrap":false},"1.23.14--canary.d36c3db.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.d36c3db.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d36c3db0e1a71f96854d805edb6d695ffc8251f3","_id":"@atk/mise-ui@1.23.14--canary.d36c3db.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SCJICQqMwIygHqX4JDnkvxDeYXTMOuqNIqzVVzuBsRCfVXHilltzk5CHhVcR/FDU0o6bgvOkk+qTJGCjMtjD4A==","shasum":"a772ddbab3700956c6d41741dd3969b569a98f4d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.d36c3db.0.tgz","fileCount":255,"unpackedSize":1087103,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/NVDf7hxGRX8CZ0KrImg/1if99esZKYsWfBm13QeutgIgCg2ESmFmOkRTV7bCZmKuFLyZy9vQ4RWyqLHfGMe66jU="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.d36c3db.0_1635884377427_0.32855262364091753"},"_hasShrinkwrap":false},"1.23.14--canary.aa3947a.0":{"name":"@atk/mise-ui","version":"1.23.14--canary.aa3947a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa3947a8262e42439a8106829f7c7dac6a7d0190","_id":"@atk/mise-ui@1.23.14--canary.aa3947a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hWIFYT7m2YgPyujDJ0r+YCRHSvyt8JsXIlA9eNTajXDjaLUw+HEQ8pNt8HIR4KU6CpmiKRvBOJuY5DyH/IRWAA==","shasum":"35a4c493e6496c257a5776483b14273a37c1e54c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14--canary.aa3947a.0.tgz","fileCount":671,"unpackedSize":1346321,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGsICYp7krusqK63o4ieMCiI/tlbpNE41G6iSvRRGQp9AiEAh3xUpuU5IYQ8a+vXt6UfkcR4gfeBCODC4x4OYNoC+AA="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14--canary.aa3947a.0_1635953558233_0.7464484805315657"},"_hasShrinkwrap":false},"1.23.14":{"name":"@atk/mise-ui","version":"1.23.14","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"712e739086d6eae78b1d8e44c8ae45a95f466aec","_id":"@atk/mise-ui@1.23.14","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-hQjTFTDkWiZIrkbdOvle0vp7a8KkO4C9m8EgXTP8QvSCi9uet+58mBCTT9S9J6b+EzeuxgvTFr0ZypppmMF6mw==","shasum":"1f08005b365c7e13e2396dca37a7994da7191426","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.14.tgz","fileCount":675,"unpackedSize":1347803,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdpVyotcwdl4u+bifM9DjCERBER2pbcwGgtbw2q/M1agIgWfzQvdPSBWKaYPAd8aXk1bkU1rwW6orw2QbBts1gE4w="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.14_1635955403908_0.3446105562770705"},"_hasShrinkwrap":false},"1.23.15--canary.d58cf30.0":{"name":"@atk/mise-ui","version":"1.23.15--canary.d58cf30.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d58cf30b4808c89521bcc92a73d37fdb55b1dade","_id":"@atk/mise-ui@1.23.15--canary.d58cf30.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-fXnghouzuA9nhs1I0WWWqGMpnHjXeWP2q06MOfSNTxSXwOpwAHWBN2fNDpKpPMNJrS45Yse0I/SPAV8qZRB35Q==","shasum":"4d2888bc15164f656c62e82ad142ad6f0a7e4656","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.15--canary.d58cf30.0.tgz","fileCount":671,"unpackedSize":1346472,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4bz4MW+ze2CzznMJ2ULdO2UUyvXdJ6asvwkIM2KBj5AIhAKfHbP7LdgmtUvcRGH5XVIS4+siVqedEAzUEvGKEvRfz"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.15--canary.d58cf30.0_1635969147249_0.35368550466100257"},"_hasShrinkwrap":false},"1.23.15":{"name":"@atk/mise-ui","version":"1.23.15","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"be9d6924c57ec341d544901d859fb6d0d1b1fb10","_id":"@atk/mise-ui@1.23.15","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-jHvEPXwJ3T6XHx0qwI8s2K0BxqAmeIjKIbth+5x9kB6t2AfNr43gXaN0bxPJ+NBFfEp8070GoOcUthmvSkoTCg==","shasum":"173a9c0d4baa27ff860ba7325d977c8b76e682c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.15.tgz","fileCount":675,"unpackedSize":1348348,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGtOCtzLUIBig8g7j3FxBv9xeFvXYjk+SPaD1HRF413QIhAOxRg2up7atzaQTQkD7xIvc+5uKv16vJA/Y8CtSYlod6"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.15_1636052977320_0.4496549163042196"},"_hasShrinkwrap":false},"1.23.16--canary.f891e3a.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.f891e3a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f891e3aa3ac84a90159be1af57c46480446564d6","_id":"@atk/mise-ui@1.23.16--canary.f891e3a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-W1WJRdSsLhc/9EJQgmOr0XMeJRCg3A03zapFEe4a/Nkr8iGlmvBBsX9jEyAk2tjv9Kn0vPmA6De22gLKNMTRIw==","shasum":"9eab7ce0a839fc351ab87836fc9a12f59c217158","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.f891e3a.0.tgz","fileCount":254,"unpackedSize":1083993,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICUpby2Wwp8gQQZyJ6M8+/G3kC1jAU0Lh4eApnqkHJT7AiEAsoi9AoPvBESkg5ETI7yDM0reMthmVVwgBn75B4gZFLw="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.f891e3a.0_1636057222526_0.08614969114748039"},"_hasShrinkwrap":false},"1.23.16--canary.f2ca2c0.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.f2ca2c0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f2ca2c08a6c7d0a8edabb401c7f538d400e88096","_id":"@atk/mise-ui@1.23.16--canary.f2ca2c0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PpAGAj2FCqXKZ4m9U85/AK9MHpm7E30ZRGygNsrEwaXS0yQsZJCflp0jY0DcXReVFbJtIBi6UA30ZiG2a4hpTw==","shasum":"0e42beb025f655cf980da9fc969839628fd78267","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.f2ca2c0.0.tgz","fileCount":254,"unpackedSize":1083965,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTS2ahQxDoTqjnFP5MI8tIA2N/9tnfTi9AJvUjButBNQIhAKWw+nHibXU1DDfX4HLSyD7ZsrFOhiZXYEIBSUOFfuh7"}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.f2ca2c0.0_1636119933137_0.5079880644492023"},"_hasShrinkwrap":false},"1.23.16--canary.2ebf507.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.2ebf507.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2ebf507bd7002febf36de0a4517ba520a3730e74","_id":"@atk/mise-ui@1.23.16--canary.2ebf507.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-YPJ593bYr9eE1FIOfOQWglJzhziYHudztOOyjNk//xLfXPM1B//8X4KREfCttsB8GbAFoals+j9zMU+qPaq2Dw==","shasum":"6263b9fdec1721ca0348b022e938e84fd04a5b13","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.2ebf507.0.tgz","fileCount":254,"unpackedSize":1084133,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoaJB6iycIRVwCxuRnYsGLp6KnIVohBtMW+HOgpJTWHgIgH4LoGf+DUGPWtX1gXgxyFUNYEWdvaTrAcAtRg9wbqVA="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.2ebf507.0_1636402023495_0.8743790829465106"},"_hasShrinkwrap":false},"1.23.16--canary.73e73cd.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.73e73cd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"73e73cd1789e20ebd667470d897713c5d330620f","_id":"@atk/mise-ui@1.23.16--canary.73e73cd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dxJJbWNMJIZ/ckD2IRtiM9h4bd5vTH0AgCHTqGJTZvFK2N1YfpfCPvBCRsP4yCdQz4mKZVpMYdP5puOL1of0CA==","shasum":"24ee146b19828ee0ccb34cee7effb96be3cbf619","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.73e73cd.0.tgz","fileCount":254,"unpackedSize":1083709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAccKUCBu2HQlz+yQTgtzsXsGO6hKFYYjjKlFLh2U2p0AiAItXczFcoz++MOv6ch4I3FAaoifSzVBbaTMmuaxSUtxw=="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.73e73cd.0_1636486920794_0.26954353841404033"},"_hasShrinkwrap":false},"1.23.16--canary.a6c9496.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.a6c9496.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a6c94966c5671efd19362c3a6fd3e4ae318b8066","_id":"@atk/mise-ui@1.23.16--canary.a6c9496.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ky5hIqJ6HF4oe6DMfDQEFZivFZjhyBk1I6q2SoX9bEN/is9KCZOLYnx2Dc2Am/GgNIz24HdOHploF/JWopQ+Xw==","shasum":"bbe6a9c721e6877bfc23fe55365a69c24066a32f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.a6c9496.0.tgz","fileCount":255,"unpackedSize":1087828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICu/HQ7DUaR53OfM4XwWMQd1xs6cac5tLmTQBwZw+1FWAiEA+2NhPKyKNXZWYfsk1FXXP0qsAaurUDy1sH9SjMpA1fI="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.a6c9496.0_1636489092620_0.6572412834439549"},"_hasShrinkwrap":false},"1.23.16--canary.3082297.0":{"name":"@atk/mise-ui","version":"1.23.16--canary.3082297.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3082297a7adfdac55edbd1e4ba6027bdbcde8284","_id":"@atk/mise-ui@1.23.16--canary.3082297.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IozPU+4JhIGIv0bbqeUUtnmShsHS0wkjJ1X27O5B9UuEoGovJQ5XnFtSoggoQKtqYcTITEue8wi56u0B7umPQQ==","shasum":"574d66a41faaadcec55075e438c1afee78cf35a9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16--canary.3082297.0.tgz","fileCount":254,"unpackedSize":1083714,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICOIgvrNLeCgBQ0xUEZjkV1j3FUp5NKSCkz63G9lIT+eAiB1vXdsdb0jiAyk79sDsV646Z9s8Fv3sBuPQBf+Dd+edw=="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16--canary.3082297.0_1636555765735_0.7950953935563745"},"_hasShrinkwrap":false},"1.23.16":{"name":"@atk/mise-ui","version":"1.23.16","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"32cadef2263977cc4aab9a50fb5d0906059b111e","_id":"@atk/mise-ui@1.23.16","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-gxG09PrG4phnpI1apDihsiQOOaDEIHjFFb5tHYX8N0ZaQAT2dgiMsJGCW5GEcE1J0n/Zu3IxaC6RsDMJ9xydcQ==","shasum":"2b86f8af3a49c7fd7f0a6804a33683413c02e90b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.16.tgz","fileCount":675,"unpackedSize":1348801,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBE5ZTk37T6VdqIOzlZd+Vyi2p+pQ+y2DJr2NNQQuUztAiASfwVTKl07NF+lTqFSzthre+7Z1YOC18TQ4Df5vspD6A=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.16_1636559928667_0.15055961324333356"},"_hasShrinkwrap":false},"1.23.17":{"name":"@atk/mise-ui","version":"1.23.17","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"f79ba82f7d2422ab055224b6505e78a3c0b284ed","_id":"@atk/mise-ui@1.23.17","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-sgGSSc2W1UnMdC/o2KgrVM4x50RBrzEISbiPsb7R41g7HbrSiOW5lTl535yZo7lTiKcNJY8amTOvdTdkG1/lEQ==","shasum":"bc7f8cf39ce01952b4e6cb413a213b3b807d1af2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.17.tgz","fileCount":675,"unpackedSize":1349606,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjya3A3CtHr34hlvIQhj+ZTXJr+PA3fFWVlA/C/06WoQIgBNQpQoxOfaue6ZctnLcbAthM0QLn56mzfH1q/aVdAvA="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.17_1636564917541_0.6468729196051495"},"_hasShrinkwrap":false},"1.23.18--canary.9699d3a.0":{"name":"@atk/mise-ui","version":"1.23.18--canary.9699d3a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9699d3a587c69523b6e6d6aabe71d48397e711ce","_id":"@atk/mise-ui@1.23.18--canary.9699d3a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CmERsQTaXinDwvg+lBDa86+IobxV8EshYHFDWP1XZS76WQWv0O5zb1x0H9BM0tV/JvmJbBJSQZTgOxT+cG1woQ==","shasum":"f1f3a104cc1213255a3d1642dd3c77cbe50ad8a1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.18--canary.9699d3a.0.tgz","fileCount":259,"unpackedSize":1090978,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG3HW4S2nMus+Sd49q05IvKd8vR5Qxqy/CYkNng+AWmQAiBwC/NUzpk6PsU5hsZV3UjLjb+nQKxniZ/5Kq7LYedMlA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.18--canary.9699d3a.0_1636736453082_0.5299213711809339"},"_hasShrinkwrap":false},"1.23.18":{"name":"@atk/mise-ui","version":"1.23.18","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4a9697e28fae2aebd11cad578436853c79397155","_id":"@atk/mise-ui@1.23.18","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-AMcq+x6AwZAuhMLXjXJQdv89f9HHfRWtEd1i76pZNVePiHtlXBF3PTjNVX20UlzKacjACZeHDOVpDW/CIilV/Q==","shasum":"f4adeba7feb98bb02b4ef766dd837f241fc40bbd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.18.tgz","fileCount":675,"unpackedSize":1352191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlSufCRA9TVsSAnZWagAABZwP/ivZ+3YBO2bc+TZL1l7O\nwzLVZxzXeURLPVkgad3XOdKqK69zCYkVvpuUUNH8HXoNbfuRSO+Mztaye071\nXwZ99u3yDbELtn7Avcxy+ASUwHaNm/aDakWX7Wi9rjG9qoEJfnK8l5SZ8Neq\nn2rJ5aUePQhPi6lisZiy1NiTLa02HvaE2M9oVO4Vxew35SIwa26ZfFmP2now\nU2GzisDiwHRAli9pm6HJUmOaf+MZGAFZmNH8GbXk8+eeexMGLLtq4wknLZSw\nr0JjxIk3hu25xmVuu53l55f7zSroeKxTOtWl2ucmobsu5vbhCAt/+jZAFEu1\ndYKms+swwsfLYyLMlgR95mOyF3NYsw3egsQeuE7EOx/7qhLzpoNUAUEQqFU9\nJFyk4HVYHk7/nV7UJrZttNenhILWFc2vDQjEbu7sy56W3bpuX1m/VpKv6ohl\nEqIgzL1Lyzi041IRceZE/WiOkX5tGdd414Ca1nm+YAG3Yt9LEqZt070hZmbk\nCwCRWd3/KZcSbgLqRW9DS3W4/gUJCV2LoRp5KBIhyTzzyFX8i0WMc+KUFWPy\nCumRyg3LSMXSo6FTcprCwZDv5u43+FsmgCCcyxHFY7OrXfhVoRKJE1aNELrU\ncZpDXQcN5KVenk9a2I45STpMH86hKZ474mckMGiXM4E5C8JMpVDQGkZwFMrz\nFpIU\r\n=2NPa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB7z71KHMRcenl7g9fgNsCpHGl79dhxY8UYSINM2V69nAiAxTBLnToch46mahGuXgOXfqLlFxmg7448IXI9gAtFZiw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.18_1637165983594_0.6797352331384114"},"_hasShrinkwrap":false},"1.23.20":{"name":"@atk/mise-ui","version":"1.23.20","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"320a77b50b1f58741af5db9ab0508dd982cd4ca3","_id":"@atk/mise-ui@1.23.20","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-pwN43LyMm2Eo7gXNKnhTVGIv+kKyt779r3SxoWlEHWcSY0kCKpvKlE/rjxop4om296bp4UXGq2vgTm5F5Nq7Gw==","shasum":"dd3137b26baceb789c98de1781eca8e6f1f0683a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.20.tgz","fileCount":675,"unpackedSize":1351234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlWTxCRA9TVsSAnZWagAAfdgP/3XKqx/KyHmXix6+NAjL\nPXPuenNi1sDbcoUVvDbM1crRP/CCTlyATx+wy9i3oj6hPpwlM9WslFhuXd4Q\nPH7oO2KPRCZON5uBWUDYYs3u6Mkc2QIAU0/RLwsV6PL0I0QvnnUm7Ql/Vv/z\nKGJ8SCDPOG32x8Ztam35O1FMaNREy48rynl1ywWM4IccgwcrTKbsa6gv8j3e\nBhx1+yVFNFJSRpphjLTSlwPtTymPT4SAeYEcvBhgcBJTNfiP3dtJP41/Dj8F\nOsSZp8MPK3CMNwD5Lnsmm0SAaXylZaK1YihQgczWiundzNLOcerFJsbLoXDV\n7e7MwnjyhDqzcfiQfvo0cLgMabCFu4bCVFpJnMTXfjmU43yR/glvna1VVC0k\ndnHTVl37MFouY+Z4ZMzjlvKpAFzi572ABKVy2TFIy3gILu3hhaLKsbhbiKuw\nyDwk2jJC3lXqex2IGg+xzFPHAKy6bmbLf+DBzWB+rrTHxiWAhGPhEj7AeRSp\n/G3AREWLIKUX3C8L883rJxpJKpGe5coLAFQ4A+EF6rcijLz6bFwXl+uRoTCa\nxrmQhej3uhRSA82VXAIDl5yBNfhrCoWQWGSVaFEv84IxWTCXETY5L6dM2ltk\nEKD5MqJFe5xJjAaB+K1SL0xaBPmoBJY1Eq5S1R/xfC5iaAJAEckbzQin09I+\nufjb\r\n=lEX1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFcujBek8cwhrI+BPaxsYubgGd7Tx1ZzSoGgMdyk8MB/AiEAt0Qtk44WHQAlZdZe/VyQOca2pdfdEaUrmZ4L4Aee5oM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.20_1637180657023_0.8741607889810941"},"_hasShrinkwrap":false},"1.23.21":{"name":"@atk/mise-ui","version":"1.23.21","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react":"^17.0.2","react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react-dom":"^17.0.2","react-instantsearch-dom":"^6.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0be99f39c5a25199c371eae3bb63b1296d734990","_id":"@atk/mise-ui@1.23.21","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-5Z1tDoa4s7eAcihp2CMGt5F1whiYgHRW7K0JK7U9iWnY2zou6CopNsmSOGEwGm2sYionz6j1wZuIeD/81YlBUA==","shasum":"c67465e55608e64ae052144c3d3201e9dc126027","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.21.tgz","fileCount":675,"unpackedSize":1351360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlWgnCRA9TVsSAnZWagAAtRkP/3hOUikrQ9Jc7vSgjbHv\ne9BhBq/bD5LB6vqF92ZD3P+FZ6lkFATaBYS24h51ngxN6MySS5Wh+UPdmi8s\npApntBVBJni3FxfRZ2mZiAhnx7Obsw2Up5DmmDeflKhWZTxzu+VSEFO7cTEQ\nEUNSXVqz1TP1LqoKAo6BuFazDpT/R2y6QAjoF10usjzo1UiZ1zsYVMJxDOd4\nxSs3BG0otBqjyj6qdTCxdLptSopqdwIpc/+LIZvWWoYP2BvKCrSDWaUi/74w\naOOtsV3bu0aatROFCx8P5OBAR4q6WZ7j3Ds49Ek6305dKn4BvjXcKmBC/IjG\nZDk3rLud3ou/61iYvj3aMcVQQEpXCSbER9/l+LXwlwXUd85j+teflo2DldHs\n/C9lgDJWDxSxoAoxziZeuwDBzvqBFIWeDq/1v50LFxwZyQPWl0kocUPJS5dl\nF49GuTvyOmpn2I3YihpThAKvi0j0RbZHtq5pFYbgBQbGYg7nBb94vArGN6mi\nMiD28WJWEScrWauxyHxhBnhK2Jd4vZ3IlnbvB6DZ4JeMBxjxzihlVO2zt06o\n37eaLQEUblWUuW90iuIlbsG9McMGUvE1lISvzFz5slV7uAcnUfSc6KNj/lEZ\nkGwKHbLjvbvRw3Ge/IKFvG1v9q7XehJWbiJaG2HiI3Di0psBqPwwgVtza8A+\nPEDf\r\n=lu0l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID92q7diVkcvtFb9/WXmorzfr71mdDocR2OsSDvC8WlGAiEAjq0P6yoAj+SZCZjqePZvdiD/T82Mg7Oo+wScMovrSFg="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.21_1637181479539_0.43019494564062644"},"_hasShrinkwrap":false},"1.23.22":{"name":"@atk/mise-ui","version":"1.23.22","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c982186453da254c19404ac69131e4526e71e398","_id":"@atk/mise-ui@1.23.22","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-LDbaepSJFo9wN8Biwy1TsTINN1Z4ZWqcjCdhNJlB98LFOmR8mVfeg9BabAwbYr0IAN2wvDe8RaPy+UDHHcR8Hw==","shasum":"ccf68f7eb1175847ad40bd0ee4824b9f52b0298b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.22.tgz","fileCount":675,"unpackedSize":1351735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlpRPCRA9TVsSAnZWagAA+d4QAJTZkRtUqvfHTFwyTXb7\nv/Rut0NfuVbeukuMdK7tGO2wiRKLfVoJY7UHqO8EuhHyMTKdwt19h72/+/VV\nEJBpS7VfCBFv0mEumdCvcQZujVznF6mXm38QpKv2yZUY164O+qkoTtShXEZr\napAHvjWbh7Q0DSMjXn3c0VHpwmvIpchtja6M/4seLiZzTd82R+DvST0ITvy8\nlfBs2hOxZ1EzsQUWPK8EcRmF5mpL4xyBcOMZLqjQ3775LyQ7ZQP3rrkUTodi\nFw7PAQYQO7Gg07VEPrMcdxxlIzy8yKwYFdVKiMahXU+16Cegsomry81xFXHu\nOkQaDvKOnQvi49Vv8s6KQH7LyrFUgXW0/Jt9buxN4myfMekcd4pHEAbJcra/\nSapQYEIAjhBXMIXADlAcPZZnv4L9CEnJ7DU5TNxeTNOGJzDM370gxk0HVk8J\nESEvl8fV3wwaZtDtZepE/weC4HIBd7r3xGfd/C7ytF964elEpqEbl+JAkDls\nTqkNCqVf8aZVPoCrK+5GBpwnR/gCzDXv+kn1HWW39SGymDCJDnjueGonNzX1\n11Lsgkv1eHXYB26ltL2G2QzddCw2sQpWzK8r2nzAA4vhQ9mlKwKQnVtR0O1K\nCntKvApDq+FbuUCe+FMvPU/MaavXFCgaUN86aFkNXhU58qTOa3YdKBVaJb52\nBQ5Y\r\n=we4O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMrLjXJAKCjjdIOTfuCz0LBEtmsEMlUUCePNoFV48m3gIhAISj2FrB9RlYBH01AS+EG1JhBFQc5T90FLge6K5TIbrf"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.22_1637258318825_0.39997601073973477"},"_hasShrinkwrap":false},"1.23.23--canary.80a5ecc.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.80a5ecc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80a5ecc6b9c160fe4530b0a4d4226df65a47f178","_id":"@atk/mise-ui@1.23.23--canary.80a5ecc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8TFAcVyfMD0wV7/XngBxNpDuVgdqA8fGxqQyQg0pGur0ZtjbO4ZnI1ZmbFxbkJu38bCX5upC16dkyZzo2ygiBA==","shasum":"dd53d586da50dfaf0f2e0076e4bf3871b14eb2b9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.80a5ecc.0.tgz","fileCount":255,"unpackedSize":1090681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm8XrCRA9TVsSAnZWagAAI7wP/1PIMUOZmgXAFSDRMUTA\ntZakjrf31JiV1NMKu7QafEyafMKqmN1+OPUcgT/7aSM3faMYdbY8rBouB3g4\nk48vqBXxQi0BM/eaGg6HF55RYqPGwZ/xxuZ4YkHp0crUTt6TWMyuWRAsmO/V\n/Eg2gasj5lYcOjY7Er17IY/DgDxZR3yWf9Z+Fkw9wrxTbG8z0eBotUy6np1A\neFQF9j/E1J2C+KcNeg7JpFmDwv5hJFZ/Gur9r4blE0DRSVUkfiZMO+CEwOTW\nwtI6FpTWQekDFttcjcdbivxqjKdlR6gEGxpXOIBOOnpHynqWk2y+Hcr46GVG\nTNBw3mqEoWS0P2SAa1QZ6qCKrXQCgDTqAHQdseYrqlG8IwBcUER4CE2E51Az\nXz2pYgoqnQ94PYzFaU+0KUR7kGhOMITiZ9R8ZbuGw8O1VRXETzWWhYrjEDFd\nw0SFXs/mp+Z2IJ/9xlOketkc9znHvt+tkmoYlRt7+v5kOHpgcUXQa6vl4+Xx\no7JAVo8q8JW9vil2pc5ESykifby7YmX+5qyDfT7LOcr9ahZnNcdtGVDO57ov\nQ5fgSw+OpPrYTQtS/04rJ9voVwXDKgnHUy5+q0dvSxa0YBXdmR6vcKf/r0n5\nker54/QS6UoW2Jicdo4qHqcAggNhtHWC5IRXnIRC/REuYs39rjV+K39EajGH\nKZeo\r\n=bjB1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICOL6VdSJgOJKMEBKYMnDH9+J4j/aTeL4nkqsk43ggS8AiAcjmipPez6Slup6hCx2jCmyEDZKrQ3sIQl7LDKqpQwbQ=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.80a5ecc.0_1637598699488_0.4513300558511988"},"_hasShrinkwrap":false},"1.23.23--canary.03af88e.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.03af88e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"03af88e6a00e71db2a894eb9bf74b9b574569d8b","_id":"@atk/mise-ui@1.23.23--canary.03af88e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xQ5T4qwnYJVYaotfEO2rfs0atPG54GhMnvoXnUw9Dvkh4R2CE5q78hlHfUrkH2+bCIRlD7dU5ZPvatJhjTf/0g==","shasum":"cf38d1b2dd27fe31759503a00e8989b368eb03d4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.03af88e.0.tgz","fileCount":255,"unpackedSize":1090685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnHUVCRA9TVsSAnZWagAAWocQAKNVKXHqRZONigsi9awK\nlIx51wuY99q03oFb99Ybbytwmb9WTjIuDhpImtqeH5NbF8n5OxSj971M60IY\n4tfIbZjaXljAUe+CTWRPgbbL4vaPCcYb8H2o2DD6etnckVAYIqjwNL45kztq\nbVJ5iKw+f8dsmSKN9a/PuvxFRPzXI3iaM87Xh6FSGlAQuaftKPnX+OpDulMY\ngfCmOPGbTKU6DsmfIyjWb5eKqnv66RY13qnI5JzY5QR2/KcfVtkVALbKUiH4\nxPhdo0ILXIjteG29A6EXUW2Vd4AkT1I553rtInR71o7+QedDyXjxkumxYiyv\nJ3SGrIFLSI+mHDkxCgaKRUaPew5GoTVyvxbEcALjCjd6tbntWpRXpOQtgyoh\nUf7UoLo7vTPy+B/nAms2zB8WqjEPWqV+JpV8cf9zjLHijrEqSrODnKxVNQ0Y\nCMJxsje/AThR0EJAYtsemUXkJSxlX+ndlSNdrOsJf8Wr2aSzfmGKycXmXxTc\nNFzI4O2n+TSDZBEK/aaGcSGclZe0jWF36WsrMm2dxws8nfSfipTrw0vO4Wif\nbYdW+8ogInJ9sLwkA45YL8Yth4EBeEKpz2ueojL5Yna8a6dkCr2GfbiYT9O+\ngpe1zeNKuqRnt9TIvu9YqJubiZSYnKYm6kwJjapliK1iBSwRGV53n7N+M440\n70R8\r\n=CDOF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBQjW4Ru/YebkLQ0/sjCoNJ/mmwSHYwCivayucb6/y5pAiB7Uwgs+pgn88eDQd0aO9K2jxiRm4K63JbsiTKG5+rqIQ=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.03af88e.0_1637643540928_0.8419830735672458"},"_hasShrinkwrap":false},"1.23.23--canary.6b4d8a6.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.6b4d8a6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6b4d8a687414210fbba5adffc9ac63eee8f337d9","_id":"@atk/mise-ui@1.23.23--canary.6b4d8a6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NCouA/llcp2chWs/qOMiGHyXGhLOWo/oDOFoDtsXrFdDOG3BmIEtg3oejzTOl07+MekNjar4Yh4DguJkPOsJhg==","shasum":"f37b9c5b2bd34de9253d8b323447d363b118df42","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.6b4d8a6.0.tgz","fileCount":255,"unpackedSize":1090685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnOxUCRA9TVsSAnZWagAA9VUQAJnXtQoUCsLSQlXXY3NQ\nz61CNADLucIWmaocwGGdFxwEdx/+VFsxjS53mcZSE4eL6aujHX0ocYarDOce\n7AqAPU5HgjNrwUx9lo0KyUpWfE5Y4rYCk2XU/c4DXnVG5Uyy9m8405v6xNW6\nHuOzEKTZM9S8SmRRwdtjSU1pKq7XIDRE19LJs7ml7gAk0nEFtR7jLJehO7QA\nDspwHuPQCRDi+EPNcTq8TffBc1+AAp8eOMsccI6MuAIStf6PWsi1H2cxNBNW\nZC0K1EKd27n9jhRnyDYjK+P8xsucnqFWGJ/CK8nvSwiYu725CojDMyo9Q9ir\nGvFjYzZs5QLY1NrTKgHrfdlbqPgF+iiYUHDwjohqExfUUJv7fBmXzYYkOUy4\nAEbGO2jMwPbMRrqyAJ0zKqDbR1XTyK5Lh1FiDLZSDCt/A1dWFrMX8xntcK6r\nBvxlLls5zj2A5XjZhPP87T9caTkcwJM5qmpaFaBtB1U7dqfUlMhhshbZPvZs\n7Y44t8LvIkJQ4Q0fLTeiPO9Fu1vaSwqR5TFNVrFIA86iHU14W+0oU1hnZK9a\nbEBO+49/jOmhjQ+FYJ/zXLjpuSd9r8AsbDG/CC8cCpuWnLqoeql3guIbe/rI\npFRRC7mQOR/XVaY1+mL1eUKiAhpaR6pckj1+QJjZhWynmEuMttxaGF1Qq3j3\nCr41\r\n=WTYg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICO744o1DJOISyxUbS5nGls58KVn16LVZtV8jFJljSu+AiEAhIXADo6Q19XXB106HbrtrMgeYcouucb3iN3bCIDRTvQ="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.6b4d8a6.0_1637674067836_0.3579598540792761"},"_hasShrinkwrap":false},"1.23.23--canary.ab2716e.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.ab2716e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ab2716e8748c9843db99836626d16063fb7a0a33","_id":"@atk/mise-ui@1.23.23--canary.ab2716e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-GA03gLwxKY1uEsDbRYVS4cdFj6e6O1qwYZC8lVE1UsSx2vrqcbsgDGnvDyaGzG0/LwNZUgnQL6tpdoCpWI2gWA==","shasum":"3f23dcc547ca939c0d901650d9a4f0e5c589ef50","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.ab2716e.0.tgz","fileCount":255,"unpackedSize":1090613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnPmQCRA9TVsSAnZWagAAyKYP/RooG6GxvVdQNcf/+R6j\nXulPUyveVKVe3xg3OPywzcwBi75p9ZaqypboN8Fsv0a98Oawuqxu7iz6nr49\nk4FTvAG+47eDxkzYobHwZ4CZF+dokO9kBgdOQEIvHxFYvYH5LZrID94mDB3T\nLPIHbCVaPmnQZP2bbithXs6UNm+1lCDhISWCVDg6fvBPF6G1h8uZoTpUleNN\nLGMnlycNNnCF3LCK3B7+J3ioE5zk9sESvQXtFEEKRywNKuEVQShrcaMi7/aE\nzU6l9jGDtBO0Vvg5BYsuD8VBJKSTWS+h2WyzxqbX3mynvW6B8he+1P3QowzI\neoEGPNplLiT6GeAoQY/qN1QILGyEhJu2XvaeieGIrJv0YGYP3HCDlK0Pbzf0\n4LTkQ9Oe/hT8BvEijGHJdvmtqVmgCDx+B41cV5KzVsCEJJk34rDvTL6pw77u\n0yJim2EBKIyJCExGYkWbfBkUH7WT/AKfGuYTiUk7HEUMjnBsPe21Aln5+Wx1\n+NyY+bzLkSFfdz+3mjcBVzbeTdwRxj+0ROwjkvy+hd+G6K0yUZikQY9mujFG\nwr7WRfbK6Fh8UAhUojlQKFbD+WK/XxwHP3SY+NZDJ5ekXQA1VyEOJA2Dr0y/\nPTGIX0tleKLIKyOEIhWXI1He+VNk+eRYWzWc3t/0BE3wIaR7+6VCshO8M6dG\ncB1d\r\n=LY35\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDoDXiaAMJKzpNnWiPgTfgP6gYggjJ73bN2LURAHSROAIhAIypnZtgLp0vR6hWfpLGCawdgHtgOETC9LdVwydG3yil"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.ab2716e.0_1637677456049_0.7563912516976503"},"_hasShrinkwrap":false},"1.23.23--canary.c54a38a.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.c54a38a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c54a38a02572cd79e563544950916b61c287eaef","_id":"@atk/mise-ui@1.23.23--canary.c54a38a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7HrSICHaJSN9u1T3JtB7M/MajUHJoODuGx8CN1ZkdnQ8V5au8csy+HD0ffuRUEhbwhNCFyp6UPMFvF06+JcAOQ==","shasum":"b93d09edc29fbbeb0ebd4e33d8b513128ccc624f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.c54a38a.0.tgz","fileCount":254,"unpackedSize":1087660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQlPCRA9TVsSAnZWagAAt9AP/RGyvlH2rM5zjiy+Q8+m\nIOKkX1/UYBcTEi4rjzzg5a2l2JWxBSN5jkxRxVH1l6AsDE7iWdFn4sXSh5aU\nomBLwuuse37+aUP38PxAybEXFI4PUlVPwqCPg6risPvoWO9B01ZSWw9gGqHf\naRwflPHFwkasP++SbHZOA7po3K/wE1xlNVhW9h+fv906rs3wZntkVw1EnlIy\ncBmzVz3S/vQXFXggdy1x55S6XihRiO32jrae7F8SlwcKYXG3fiiIBPmI02Yv\ng0PRzMRLLYg4WxeL4lb4H7JsQk8BmYHI6ayIHIWUyO4FxSH4njZh5mghv48A\n++2xbE2wKwDUBN+UoqqbQOW02W/EuRiHgWErhaX22UVq3K3XouRgw8vB6l8l\n2pIc7vmtHos7qx0BUUwC9PcOjaYtSjcHPbOx3z1TzoYF82s3Dutu2xc6ee9K\nuWH83y61tmhwlbfO61VWfv4y4kqxyLnK7FI3H+IuWwQzxYEw0974JWRJprKD\ny1Momq9wElVoEVHVrssEhZzjTmjUnqzg33N8yFQneeXs0lTqaLxj5Or64gG5\nYNGed8tPS9TDu4noqFCz1i4Plb4JkZredUFOjpJVLgvKZFC8RJcjWUp9W2mJ\n7vpOk+Kg6+w/var8KzXkMVFZc0EXC2xOHWUEfON/t9gx4aqSr0fzSQyJtewE\nPnRZ\r\n=FUNV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFx31yuEad7Sq4+q7Z5Nb4YN1E2C50R625VtOrsJ7kagIhAPDsGRkKT1rKRXn4fSjTd2HdurpZgwvebUzqrw+rLwtr"}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.c54a38a.0_1637681487024_0.154735144034305"},"_hasShrinkwrap":false},"1.23.23--canary.b4ba3b6.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.b4ba3b6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b4ba3b6f41e5d9b61f8f1bf11e9db93a6b102d5a","_id":"@atk/mise-ui@1.23.23--canary.b4ba3b6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-r6JbchFLUT6TiVY/OcRJSkd2gVOM0DSAJNvLFqLHiu1LDEN3PRHGYuTy8AnkQ1fnWB1uxlCoGtZz8fD3cYsfXA==","shasum":"c65cf8264b7dc5d14695b9cef0069fe8a0d9aee5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.b4ba3b6.0.tgz","fileCount":254,"unpackedSize":1087660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQuMCRA9TVsSAnZWagAAk3gQAJkYB/Wz3LTaScjuL2oy\nIEkrtWBSiA6dflmBG+1OtywLnX7hY0D6ththQhAf8+GrqWeuKGa2ZuHGk1j+\nup+hAJ9xYj+eNkQZmmcpNuwJ/xFZ2rXGQpIDn2sINi35FwPCfwcQ5N+DwPBk\n1Ms6SCUo4cp0gSwO9/JdF5HJtV2Cl0XcCjxIkzhAAkmgnUnb8jCu2LVreUBT\n5Vh43XBIzwsWoIugzwa4aMbWsM21ot7gSBJZekDV+Sa5aAQZUVtG7aKQ3zzh\nbiU4tkLW2YBNFhrb4GkOaBM1l98SRqwiYsmaLf9b57FQ6Mrwbd4TWARTCDIX\nNTY0u88dOTCbveP62xnj6b9wTdsP0aMvjLQhROceMRVe5oasPJrH0j8yadT7\nYYUSZ2CNU5RIei2DvbCxQBIV740y+bMhbrQ3LWFlBHlq9fiXPyNH26eBB8PX\neItbjdYqPl34/2iAP0Y5KT5w7/82psPYG3o8LG6Um5ZjEAClgotKfZBPjm4b\nUgj5pq1THeLputyJwrV1st5AwSxRGn73yJV448YFKBwLYxfSj07IxFXfJ3f5\ngpuME1Mu7bkJEnhFz9gbxtLfePESc/GgkcYTnL3Eo0m6MZzf1bm+HV9SgnZ9\nS82fAwfpJKrMiXDtjq9udJDBR+PS9LtD6v3HMi1u1KxzFhqztuB27LUk1GxO\nv8Dr\r\n=6uM3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDmvSnnXGIKIJrqb+bEuHpBtio+yEMdd4WvGUe1Xat4gIhAKMExotWToSiHcBnCS2F+MMF0YhaLjbNue7vrLlFyf7/"}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.b4ba3b6.0_1637682060353_0.4470833446686424"},"_hasShrinkwrap":false},"1.23.23--canary.20ce8e1.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.20ce8e1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"20ce8e126f232fe962544c33dbc87fbed5684c2c","_id":"@atk/mise-ui@1.23.23--canary.20ce8e1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-o0L0TVajrW42Mtk1GcNY76ikoK6LM9tpMoTz0Qi590nRQvC48W/fOOyiqGmZ5EGGY1vGH9XLg+9XHI73s+J41Q==","shasum":"af30ede4af89691f31e9e18c44b0ce1cc1c5e8e9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.20ce8e1.0.tgz","fileCount":259,"unpackedSize":1093046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnRVRCRA9TVsSAnZWagAAdPcP/1d+/AcrV5LTaR2dwyPt\nPZpS0yoEy12D08EkO4jFiDa9V6hpMrhDzGFXvhjq7Gtsbe8mCSkIeAzAp8vF\npkf72ZfRWuOcrBLaFlKKnuZiFhUUPZXhzHAU1C9JL5gpJhXtmhW2QDwfZrOw\nTEPRoqbQyotU25Hmn2oWL6YgqED2Qd30V/25P9H4yITFozrumXST4D0zWGma\nJLuBGzS+fXVv1mFV6CJOYa2j6Cg5+pLt4eyWZhbIlJ3TkmtU0MmO3TuMniFH\n1HhFLSIKV+bXCkwaJsZNMoMx3Os+1TX9EqaavpEK/LMzbQ3Kbnb1q/unhekz\nF0+N6co0X7+ntNmqLfnD7/50ykiQTXBxLTzGLY5by4ioddhiX6Pyrq2tB5uc\nh+8e2Dttm/bzTPLBIK5/Gm8a6Q009RakkcbbwScpg3GL33jCfPJepYoICnVg\nUYEuMy7Hpr/UtDbSZUwHpPdgq3U2JJKhCi3z+FW6y2Me08cTVXF8BWncnnTk\nndkb7PPtT7fwkEKonLqApWGMguKe3DDcvJ/5GV2sSITmHQX/OaJm81vMje+Z\nZtOvJZd5tCydMzesmN5/ZI1f55rJqVdHhteYcg/50zy0QDUQZWPOJQ685Lv2\n9/lfMMaAm3BV+GKJjwuavRYSRugczXsEhnpeK4UKBL65xginRgW9NxP9cnXo\nYa0P\r\n=9Gmk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnOLJh3tCKSY88fOg+JT8bUFTlqxN2B0SzSysJUchVlgIgCM/iHx3pl1Czn+lLCKoFG40CdfpJBmQyAt+N2jdQRP0="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.20ce8e1.0_1637684561408_0.03521234993564293"},"_hasShrinkwrap":false},"1.23.23--canary.40a6616.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.40a6616.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"40a661670ecb669a710b156cc62cf179c1ce99d0","_id":"@atk/mise-ui@1.23.23--canary.40a6616.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8RiBPrPKonNBXXmHPMLeEhW6EwL7MEpkCu8+E+bjy5Kjq8MRj9kRSW0DzsyQ83Ob1bT4HspnFaKi7eiJHX0g7A==","shasum":"ec4e1313ed200fe88cc23b727b7b1f553193a5b1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.40a6616.0.tgz","fileCount":254,"unpackedSize":1087760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnRqjCRA9TVsSAnZWagAA2MAP+wT0ip0PSaekCklvifWo\njXsL5ZW2lzPaUg8UgIMe6k3WjW5xOIkDBUWIl51zRQPA+Ny+14tGB5l0CWU7\nWqAoZcPstdjpB7+wbsF0WL3DX0hmTqn0e2Ctifpp1N8yTgAo7S/dlk7r7ob9\n+oOCee9e66w5z5njqnPGwcJcvqCQCXL7JgyKnyifjkMmhdQMPNbkgJAIwUqV\nbtwRWZNX6YMUuFug7Xt43ShTltKEk0OJmIz44uNFYl4QEn1l8wgsoZRhsIS8\nRY3nC55PQsssrSO6t6XXZ2jHtIE0cY0sH03hpIkgkT0iDYF+uZ5W/lcHLGA8\nv1h7k5XTex1X0ydK2RxrEve14NXcIgyMYAfzvFGII2jByExr+RzS5XngAMdG\nJAxz2SNBNJXPQvw+kYSd0YzZAXyTmmZmczLaa8VYEoIgLMZGm7vKsyJaEzPO\nxWE0ES/7MTKJ6jO9g1zFkKXZG3okbcadT490nx84sOJ1yQPWTVVYd/SnTEwK\nhjqqCJyGDRLopCiSlBby9ZswC5g0clcaju0uFfDNXqnTH9hFKHi38v+Fq7IO\nDseq6PrliNi0eqR9ILHFksSus323JVMwuJ45pQPN5X0qYpv5NJpXeiI/2apf\nxZsXAb1u6QbVRSRzFWP/zYoQnCFKg+o/KZXoMkF5+UGiEDCON2fPgzEm8by4\ny857\r\n=jXA0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAl6Gz1zrKl100MK/sDrkJzNAfdS59dxEtOgHgZYlFK5AiEAqr47ygkH3zbj3itz+nfdVaUHYTfX1K87AatadZ4tNOg="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.40a6616.0_1637685923476_0.21760369567978644"},"_hasShrinkwrap":false},"1.23.23--canary.5b8b281.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.5b8b281.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5b8b281e05967f23ab8a6b5634fc8fac1e1e560c","_id":"@atk/mise-ui@1.23.23--canary.5b8b281.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-WbjU4GsQ+ZtZS9sAcq7Z78gXUnqFfZMn4ZgVwTwVXMrlLhFApUn1egrOTXHHvrW8uXz+iULq2S9FfQ8yfIsZQQ==","shasum":"379db5646532aa5bc2ceed973dd6cd8ce2bb4d86","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.5b8b281.0.tgz","fileCount":255,"unpackedSize":1090648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpmyJCRA9TVsSAnZWagAAaQMP/171T+0rqi4cI/Lgv86c\nCmis/WQG10HKpiwansDeUW8uqJ2O6jyp6hWB/waO6Vy4Grc5epCyWOVCckVm\nWburzfSnyfjRD/tH6s2u7DGPpnxYwVSWXbP57WaZWprlO3YMxdBgx8VmF+VH\n3LZiK0YrjZ+zdvM7EEN6E8hdzT5mDwJnHFGbiZbJol4kbvt4CAqaqqgaiEkX\nc6oyXq1kxqAaOReu0TkzHdXsj1Z4f7WDafaCBAwBfjMNdtrZOztRCffQnQmZ\n37fJaEm3A6Ly0rQ/B8MbMkdtnVIREtpvZvAiyXr7VFY/XrJeR6U2ipPISlwU\nvhBCGU6KHCi9urQ5bf/nUam7wUTBXimrYZ9244BN6rWdPSTOJnAQz8nIqGDT\nM3mYuZDYF5DSLtjoTIO3IUjCzUUfU8Q/tRQ4lWcTS+a6wHQ3+ETsudBVBdtu\nQzu0xnIZ9uFOZZljpow8ZDCmK//SxoHKWmUa2Moo7aw/XhPqAfnINLUnp9Sp\nOdoN6m5EbqabeTAVnLT0B3IjxXIkUNtIV7bPAsVsIay/l0VpLUjrN0kJf7uS\nZpCH3IKDGfCMtHgLTa5U1eUxNwpJ843PVjfRkKz9QYfmYOWBlZPc+732nhYw\nwTBxY9UJ6RheP97J5UxDcmJBPdfCW0dRFeIz2MjjEP6e18dB4Je62S/zeL2+\nzlyX\r\n=VnK9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUpGeiam3o+/ZG7IbbyKbxvHBgq4jmMDfAD8BxuamaiQIhAN8ZUuKm7z0PqjNWYVplGvbFz5r9Ey16acoUO4fJm6OS"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.5b8b281.0_1638296712997_0.23674898793439025"},"_hasShrinkwrap":false},"1.23.23--canary.b285662.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.b285662.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b285662a225019e821cd50f41f3fdb88090c4536","_id":"@atk/mise-ui@1.23.23--canary.b285662.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LfSmwsgsAq9pgTikFkyDO603uQcGg4AZzukmGlYWxLjCJZa5/biRX3/jCMbezcN99xr5YYNiFSYoOst45OBuMA==","shasum":"4b5a296c76ee032395a67f5b9f2ec0c2b5e23a28","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.b285662.0.tgz","fileCount":254,"unpackedSize":1087049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpm8FCRA9TVsSAnZWagAAd2YP/12SyAhcEAN5TFjLvAMs\nmWiOfetbOaUui3WhzLxe5GXHtkXNPIHSG3huc8kI2D3Bu/THJVaE1qUX1SSc\nPFs3aXXOWG80mGusLcyjUbaEFdGNfZHusn/01rrJcHUIT0dOlmztgxuC+H/F\ngHNRsY3uQh/b9W70St0MWja8aCxU3BN1AAPXH9wkCjNBmRj+L3iuuqRtKwTJ\npzvGph7s3wDsPD350mrpQozrIVDY71xUFZD3N8bkHHbuCgI5y6H4iFVa2rii\n78VxGwcKtpSr0yRxalFWkNROBeuzC6NoE08q8i5vFC3GRdb75GbXWmUvSC/J\nG0J9AhIEHxhCfIq6hzwL+fbwlN+1moZdcLUMeDqXBlTGAXgOD1PNg2Wsd+vD\n5Gn81Hlwhj2YNez2R7MfvFtjUmz0rtL3VUrXMyBqXzqj+A+yPZkiU1oyxZrA\niPV+PSkrdq+MHeg3e89BGEHcseLQgwSUzfovqq6QzkxnABL2t2M+P/iZyN3h\nrttJWmYMgoXDsxjyb9gfXWU4QHwSypbwETSx+dL9WHS2Glt8e9Kf+HUjkAfn\niL0+8AUispEGx+neyToiGhQF6eWM0kzsTjUyRMNzv8RP11wOAuPn4Nin7ppG\nGOI95oOAt5ce0MGJkK6l9Ke43VbxeI1b4XMygDMxgjP2OKxskwTgNNtrGB8h\nyTYB\r\n=dXeq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDduNki+KL5A4zgaCZxAHGdce40F6hGT8Qusav4koUo2QIhAMbyuN4z8kr4EBQKYvxs2qLPfP5hwPjGYrRMn3Qpo3tP"}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.b285662.0_1638297348802_0.7096087130897815"},"_hasShrinkwrap":false},"1.23.23--canary.2a00313.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.2a00313.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2a00313da1625a71ff2a124b6e08bb6b186bcf31","_id":"@atk/mise-ui@1.23.23--canary.2a00313.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7SbsbwLxI4siIYIRabJkRK3Pn0D6+9jgKnMsaxZAoyZ/lkywyWhjzCbhsg6aJTGmlNGj5zuHx3kamojoX+zGxQ==","shasum":"87fdc677f1f731eb937c5a9870ca6d970e1087eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.2a00313.0.tgz","fileCount":255,"unpackedSize":1090781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpnA3CRA9TVsSAnZWagAAIrMQAINZzDyr+kn/ZjD2Esc2\nzkTUgLsViX3IKL0DB2ObkXY73M6v3AViPkfGgg+0rs/sMyB0Rvkjra59mxnh\nkjwlCaw8fDKaWq+kTWXcyyBHW72dep/37xbMgKfbHroj6aPkoZSfh1pcdmB5\nXzh9ugZVN8Qtpn54S1SRgpaUOFGevilBH9uhIiwosmsw3m96iCWD9k1Psiwz\nlXW2XWAHh3nFKLfH0zwjq7jeyuoruZiCjjFTY1yI14fTlwjhk5EhRKVRL/0W\nPkYmealsmNEjmDEnPxzr8owb8balu4s4mC7ZdPuc8HQ4R7yt2lppB/G/QEPO\niDKSY697kXtRPqq1ZvUJv57UcBZXh67iisd5CIogAn1Q77bBX+B4BfuFNFp+\nHj7/pkeUO5JQv5xY10huJKMLs42g40KHBQGonn2J20P64RnhPF8YXUn6+FD2\nn0l0pPb3Pm383Yh8zrm8e6ntc/t7LE3iTGb/z1u3bQ/ccG1zRVJ+TEsDHVVp\n0dw9JvvDkgVqOfkIp8/kSLOndTmE2dFkfegqJoAIKRqqukc0jHZz9cZlyl1S\nb6bL8u5NkB0V9e1zI8MTh6Nii8MESsanbr1YY9TnEvYDS0csx8jglcHwxcBd\nT/7E7EyxvjHInpwp3YtJEdbAG5ue+WTmAcJBSI/mb6i8mi0jDwW1chvWeSbw\nUE8s\r\n=3UBW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFYQ8I83d60ANmJbC3PRwGspBnvyqSPrsBNW+AZGJoC8AiEA/HBrQiLN4OeYAx8b1kyVJmG5SSZHkBN8i81sRKVefuU="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.2a00313.0_1638297655348_0.14951714539101912"},"_hasShrinkwrap":false},"1.23.23--canary.cf10465.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.cf10465.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cf104654450eb0fd0537732b36c071b36b40f114","_id":"@atk/mise-ui@1.23.23--canary.cf10465.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oyKvYYxYjlJILFtIAe6MqGhsrCzY9V1llWdxZ9vyrUyVS8kFJMDzmM71Fn4d/mi/1IJDmCeZq8UUvr8zKtBuKA==","shasum":"c73449ed363bb5919823169612ec69c23c75bae4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.cf10465.0.tgz","fileCount":255,"unpackedSize":1090276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpn+tCRA9TVsSAnZWagAAqEYP/1MpAila4YiuWv9azhl1\n/HsDzxDbnz12KtrqTFQENf7nBZ5TXf2YElQbS6mqEsKgA3l56ZT9A+8ObHuN\n7qNNu0C5nOmIaTKNYi+e6azRujK0d3ZUGi6aWmXQoaAjJWa4oedfOFqzR6fU\nANHrtI/+9sJGcq3mseaqtkwh+pI6C5gpCmgH3NRB10GqLLglU6zEK8e34ynq\nRP/j5cTyRHkRZWxV2llQTFLTAd5ox5l/BgY618059Q0lTBZz0/75tZJj/7Uf\ny1KT5tBIegjbwvr+mssdP0PCX9+f5li+VJB6bQMMdwz8eM3wPSm8dsP5Pw7N\nibqYMO4JTWZgSQgtbfUjWCXJ3xyvUaBLYHk6/3XNxNZMxaO+JhAVv3ayEApE\nvDE6p5lNoWRVurYeSBaTUJ2rtY6/XdcEtXnUK2SOvvCgTzyu40hdMgc+MZFZ\nv4fP3yegdfFBrAz91oukhPbvwBvOtFYKn93sf7MJxz8p02Cp1PotLIKuc+r5\nWI7NpOPqMEhl5Na3BlfMNp616wMy8FV6bM+gclMtfdisCQS8FaNI8aoMyE/B\nzfAbmj17dFAMjAgjkmXGbleE1hR2pc2AGIz0avczNZc67spWQY4Tqb1wZUiy\nNrFl5tGtFC+a2HQGZnTSsOIUvSVot0B3N+1T5HQrySFbgl59lfMaJR8boQ3/\ntnZx\r\n=EnT9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDajLWM8JcgBNSfmpexD1K4JDBZqfxfHMi+/N4rr43agAIhAM+J1JoTX3TJCe2DDeD49rsn66DxsolEHk7MghiAu/pf"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.cf10465.0_1638301613689_0.6206514131541374"},"_hasShrinkwrap":false},"1.23.23--canary.b285662.1":{"name":"@atk/mise-ui","version":"1.23.23--canary.b285662.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b285662a225019e821cd50f41f3fdb88090c4536","_id":"@atk/mise-ui@1.23.23--canary.b285662.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UkeH8pu+lYh8bbq+0Xj3m34MFwm4NCw4NoJcaBXus0TzDM50sSofufc1prvGF7NiLullzhanyk4u6/H3VJVdGQ==","shasum":"684aa52ac7049ad2694d105c431c5e9f8fc6e831","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.b285662.1.tgz","fileCount":254,"unpackedSize":1087266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpoemCRA9TVsSAnZWagAAP/gP/2JisFC/MSb/KdAEhl5Z\nmx8h5SVN9Y/WTAy3vt9cYqOuGiV/nPMeYb98+PdLXtwbBLGAKhuAjJFAkHZC\nmGrbTk8OaxqVqvl5H8Ueqx3s/DnlaZYr+dX29DGQBvAvp3ebboAS8xjGyrYI\n8/7YuP+TWU4UDueRmK0t/ViYINZDGa8/wNtG11eEc7pmmlj+HtiqsAQBBzed\nbFRxWXkPdZg8cArD5I71qPTG+dsSRuS2JNr7AIwL5Dh18QdxEXLgYRYVIo2m\n/M1wQyTBZr5PVulLvOxBB2TeenmZUvMbU7dxVF3YidChqoOAnDvIrhQfwuvi\n5tMy7qH0y2zyahHHfsK5IpHJHNtqZPPzFGvPZOs2/1ALg9T8nabAXWjE6chC\nmeN+fLcH5o5HqzxJ0qiIGFnoprXbavT9zMbghYVJplfDkHhCeN3jSI8WvpeA\n7wn4+I+K4Q+93/5Vep5Cz3/OLiIL2gqugSS/5/vgcA2jrLFRCUD042Eh6hiA\nZIiKXUXPknWZUoLfuKS6Wz0qvl/8LtS3YM9nU3TcGAlSbJ25bQf491q/WWBo\nopOZnBFLB4b+XeGHtuT7gyVe+MCHBJGgU0hFgakfpE41j3lPt5mxLWYy7Cfp\nBTafgRMIxxAD2VseKzJhsVLzSGWYUV+2XMSSbbp8y6TGurirSobLBz9UyrQg\nUSOJ\r\n=ZpFc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHvoKLokbgFcwFMuwzxjhSEYrk2b8n2XB3ByJSolZw1eAiEA5v1Dngfe6+W+DiSF20SiZtXg4Vw0ebyMc6BnQdQencw="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.b285662.1_1638303654549_0.4998121817195127"},"_hasShrinkwrap":false},"1.23.23--canary.ae52b7c.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.ae52b7c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ae52b7c19798e068e977b1d82428cd1f39f2f148","_id":"@atk/mise-ui@1.23.23--canary.ae52b7c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Cai1mKzrg6lw4Zs+/ZN1LtZ3KbGLBpsKmYFoxsV16J5t70+Wnr9mQhJwqyE6v8YDXf2VcEXAVqPleyOAS2unIg==","shasum":"1437da4152063649130e0cf988e94c055acae959","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.ae52b7c.0.tgz","fileCount":255,"unpackedSize":1090218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp60JCRA9TVsSAnZWagAA1kYP/iDKzzMUGbm7fP/C3LyG\nbeYI9vfqZIqh0AzKXSER8boSbXG1gtLGUKZ+il6a7IfTHBA6Ow2zl7aQPCjN\nxSuVQXXwl3y9Cmr6S0M+DClrXuRafiHU9VcMGUALjW1wKzG1LfNIYOxCREIC\nCFB3TAgQmMs8Xt3lMH/bp0fmOZ5our5JPRah1vU+I1LWPv7MItzv5pT9PZTO\nqDKTYSD2BLuVS+NxsxU8ldYxW5VKnQXhrQjziCb8CIalxiD1GOJTT/8fp1jq\n1aiTiJLu/FS3nSLgdClDJrJPvwvTy7/BSZExQrP0eKY4S40e4r29mVGpgi/U\nPhgdvm5On2A0G6OqhLaCqxKTUywETXDW6eaJklM/iNJo4iVgtT1iEAEVs+Tl\nLnPKoUrcYL4IwDh0F8zIBFkbd0hgMQnN3rltO5sZ/fvdDM8J6Pr+Y35n9Jeh\nKHnk6V9Ba/F6gBFfMFocLZAir4MoDYk2o6Yb1mQe8EWmeDcJs+qXtf1Vh05T\npGXnU+QLkgNWUOGr/l2dMluz0ey9/UJ90WapCqTxaD9TuRAhXw1cRr+0AQ4+\nm57NM9CR+62TBP0R3/0rvq+WS7ym9v/4aoYSTWas8BooE7PB01FCoo+nHnZs\nVm5h4WA2tfBtRIwujP+jrulO14YEh5Oo6cy3oGJQYT+oYBrs570knPMTPI0F\n9Zj+\r\n=CPNa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDLhQEXR6+MKJ9PtkWukeuKtInHpiPX+7rd7UBvq+1HaAiB3St+Zu8c6gMhmbv+8rgpDugb3Ncslv1fyBz0HL7sTtQ=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.ae52b7c.0_1638378761254_0.044948848584547285"},"_hasShrinkwrap":false},"1.23.23--canary.19be9a5.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.19be9a5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"19be9a517f57ddc72e8df9b10df748f11e55f74e","_id":"@atk/mise-ui@1.23.23--canary.19be9a5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3sSgcSU1Sz/ZP0hi+FcbzczlXG/swRJL0mrr+/IQ965sRo8U4UclqxFGwJWqV+hOopppyiBKsZsCu+qNdQhk4g==","shasum":"e1f6f5a2165758ec89062b33c2ccef174ce8db09","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.19be9a5.0.tgz","fileCount":255,"unpackedSize":1090251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp7BbCRA9TVsSAnZWagAAtk8P/0CFwWeIuMA5Xjesig0B\nGv6SBxsul0aOHqMYDjrxEGzASueB7eNfYUDj8ZBg4lbcH32TORa+ROu4Kd63\nPRKXBIBhb97VG4dv82I1U09lDOSGAn6tqpZ2/hlueNj2QC0KTpUdl52aHCAj\nzGiLZm11dZfaAxP9hcohijONFPnqGUaMDUeaOy1qSyyqn8P6uTEPTcEwmuDA\n1Mj75IIP2uKSTVemzLqRsSldHLvuIsjbD+C/M+jTdktu4+7Jj6JrVOrzARO9\nHvNP3c3NfqL0nnThADeck5DXzk2x8WZ69BzOZFAD5kh2DpRba3gwXMS+auPt\nze0qQzufSSHhJsaRZDxwzikleR7W/hBKNpAgeQTO6o2qEbICp7FrqwYkLw0o\nJhrFXyfEENByCah0z4LfASkL1mS0cRnncX12XuWyqX6a94mZhEnBGrJ3d1TQ\ngHL0kMYnXaM1s4MiatBmC5YXm5I3h6qj82qUJNg/wdM3Qiid82Sb9LmvOP9u\nTt+Zfo9K1Co9bUhzxP/4YUw2uVyMPA1BtjQCIxauYM5s/FpQREA8i2nMMzFk\n0JS3ESOoaN/M+9p2qiV9+OQKoX3f/yWOkycLUmPMeAfpDGnkTSop2SLsah42\nZzuLl2Iiq9MVuqr1Ol209tBFxqyy4PFid3WoWr25LWAXAUZDgeK652FoMP7W\nFEqP\r\n=evN8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDAZY1vXAlfhGg6CEesTS56QB+XxIyW60p3LVwo9rrlhAiEA6SAiXBeMvUl16d+VfgrwulFquC5u09l7lnR6mhqAnyQ="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.19be9a5.0_1638379611100_0.4497315493437226"},"_hasShrinkwrap":false},"1.23.23--canary.11b692c.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.11b692c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"11b692caf8f291b93c0c5110a78d8fda2d0c4bc7","_id":"@atk/mise-ui@1.23.23--canary.11b692c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-91FT/r2nZPj5UEhYsS6rnH/sBy3vnjvUfOtOq1DYX91YOjO9RTBPGSo2To1RH3oq/MGpRF3rKF706JglRFWgOg==","shasum":"6afe24f60b31140f741cd0720802d9587fe25281","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.11b692c.0.tgz","fileCount":255,"unpackedSize":1090266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp74jCRA9TVsSAnZWagAAgAkP/3Hh3CfoIfmF7TPM8AUA\nwlnm3U/mbawuMBJ7V/h8FfsousWTN2Vq6WUNjDfb/rrju038eundunxJg3Gh\nY0lP2lKdnYRDltFAsodDqW6fnpeN70KQNGKvp1HHrx8+ep5dI/uO9UJVAvVe\nZKo9uXyrEqs5WPadXA7BHnRJlBgwu8B62WWsD1EpELQ1wdDEyqYZByYJRNTn\nbAFz3sk6TiRYShjOCx616iekOk2RE+JjXrtLUFsBka2JFHTeivrGmgDwjZxx\nhVsvZI7PkQwncJjAkwHC3s1eCJL9hooTClnOZaLAd0hec7XrFE96xVUMhZuC\n/63VPDGTy5DFpzK44nfsSMHIHR6QoH3LwWOom/nJ+AlWfxtOLL7ozMeatCqq\n0lA/P76VVeQkQFaAKneC9FfuxLILwrYGg3phDbuIK4Jlc7gzd6V6qfjApmSG\n+CzYWibA5upofA7p3eBKbG/Jen+K33qdNDdtQ19bczCKlamOSriCA3LwXwHd\nmfx4mIuc4uAllHBnkfWlqZngpOwpAsM14vK/4lV1F6MXbZPZySOQZcpAOe+b\nA4jCyBbUTYQ8MSGHohn8ltiGYUQ54LZy5tRgfRTW0A9UUlcbc14+N1DsA4Yg\nqf3kfJYG/KtAEmsa3HgjUs4K3EI7BYuwd7ru3AW1Ho07R+Bw3uzdu0T/bWmL\nCOq2\r\n=aaHh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+E6+NL/lsAiwjjyo+Xnhe++LAf7pJ6Jolc44ajLrrRwIhAIlC3DRtixD4y7cRD2+gMaygFLwKvnD4CjKdZsV8fkHS"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.11b692c.0_1638383139590_0.9355189875542858"},"_hasShrinkwrap":false},"1.23.23--canary.c909397.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.c909397.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c909397281c68178e09807938514a566fe9f0eba","_id":"@atk/mise-ui@1.23.23--canary.c909397.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5bKEVrBm/vZMmtvew7h9cBr6b7HMMYVzJxXiuKNesEz7UxHNbw/qPGfVOSyoEcEiHAyWS/OQDIwJbvTX4lGmJA==","shasum":"54dbc6beab331e1ee208c01a963aa5dbdd5e0124","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.c909397.0.tgz","fileCount":255,"unpackedSize":1090253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp8K9CRA9TVsSAnZWagAAqsUP/0InXoEodt8vkxqVedAy\npt+mN3h40MPE83w3gKVFi2ko8jUrUgtiUAtFIV4jP20hD2GMk8Ui14sszzMj\nzaIzX87be5aMNafa1fDiieyubcQaKoQ9zm8iNOJ3FwNIv17er5RSkLNhthRE\n8cTy/eDrjoTwB7UY4ZaTRVDCZjbp+5blA4Jh55scW+6yzGkUgJR7p/Gk1033\nw9W39wJtCUb1EMJvrHzlT7e/Kn5FOU6/+D5g+zjRCK3b7I/i71tpi8SMfliV\nn7n3gUOORAcwcFfYI6wcjNNX1UxfC15EmjEP8MHx8iesvtCCzaqcTkxSRq2T\n6WsXDYKKIGS7/8fUC+XFo3PEVJMc7acwIj/a4aW4FUctj2iCt7gOH0WIfjoX\ngpReSEImpx7YB8GFbkcCNrS7zEaJcZznZ2qirqox9eqfk0MCUV0RWORYx2Oq\nW6BUz9GSdAtarviKzFWtuWHhYCCituF6Nxn8syKkkJq45YtbXiT6FszsPvPT\nNwSEG5lzzdiYLbOF3Y+q4Iru4Sh6wDvYI1lozZpO455/tu2jaS0ZA6JY6N3s\nOnDOMsn2/NQKdqzHefE6Wp8A/+ljOLNqgf4/NKgVBN/ndsz758PwJhnaA10S\nPlCStGlzZ56O6XhrKupZkJDGaIFPFJKCSUImNPzYNSmwVjQt+WlvsI2CXKMj\noq/S\r\n=c05R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmAuK84qsq5ZkY+8aDg5hOz+hPMS8sEZGRxu4eOvAzjQIhAJdT0iXTuHRr0QHK/taD7ieXdWourIRaLCRjtwXAX9o1"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.c909397.0_1638384317527_0.9843620177295218"},"_hasShrinkwrap":false},"1.23.23--canary.b79bb97.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.b79bb97.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b79bb9784248144f754851b8f0a7bce6289381f3","_id":"@atk/mise-ui@1.23.23--canary.b79bb97.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6UjEOFIly7kBqu4B5+PFgTqNMY3yKqglyZrw42vxM66lCqCd55gIMbV3fp0iKq9DnIASM83beLu8Q0nh62ibAA==","shasum":"5b7b23032ff91c210fdf256496c0bf49c801d0f3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.b79bb97.0.tgz","fileCount":255,"unpackedSize":1090255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp8eHCRA9TVsSAnZWagAAoSMP/3qerGGtV6W9w1CiMffB\n4C7IBW+CleOKtJ72jxJkr/qasiWXS8PbJu/CKAZRnhuLUFTNYfVZE9+LkIcH\np35BBtm4V9WjcIYInppO/RupXu5yd0VH+uG0QWbKYioC4mvpdAbBU6LjH5gC\n0YcI3mQTLyckcNumyyP9wFGvInDStyNie8LrEPOF8eQJzbCzL9kh5UW5YxWQ\n6jsRu0XA2fh4wa1OwcM3fX10nS9u1EMf/its5hQGaqv3Nrp3yqlhzD2WCCV0\nAGKU78YTj/rWHtMVQKSWgf2+mPZXLBWF4SoTXolikBI5o/7Mns7Rye+Wigy4\n5Pdc/oMUa3DlApQQePQWrlxI7bqgEq7kjRu/rtPIZUlCJ3ZxVt6CYv6U6sWA\nk89XV/zb33+Dg8UTUZdAGmFA2OOC0yKBlifztkvmv76vrACJctzK9yjfB0XN\ny4SyF+64P2wjIx6zdFxWfMbWdhHNpmt40uZEgAjXQNCqd66/uJU2/oLud2Q6\n9P675UBBsisDNC3uagxSJTWaUNDsYEoUfCOzbkzRpnbGxM/nWqh23bRNR0MP\nbJ/90xtcFjXY8ciKjR6O/3hFxpGlEcfJkCHe5sN2hPDjkmOelYQEUvMVTQb8\n3aDvwb5kb1c2oC0XOknmABmy/AsMj2cvrNKjUlu2c5FZ5GqO9kyKTA9GjvLF\nrcyj\r\n=GUfI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuL5n1Im9Abu4Zblg3hxPVI9Ub02T3AlYZXKsS/IGvkAiEAttBw776Z2K1aPsiLXk1mF0euJ2u/NVQu8+182IcTqEQ="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.b79bb97.0_1638385542925_0.1567177195466225"},"_hasShrinkwrap":false},"1.23.23--canary.02f71cd.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.02f71cd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"02f71cd0d98afebbea927fc561201fd760699411","_id":"@atk/mise-ui@1.23.23--canary.02f71cd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4h6aN7+/pqhyxUlQJWrqaS2BZkdIto1HRLJoxp4sUCEFnrZdLKopsyBrQmMJHwkpnhk6uMsczusVi8jQPhHQhQ==","shasum":"1bdb5c306bb693ad0045eefc9db53480b4898966","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.02f71cd.0.tgz","fileCount":255,"unpackedSize":1090490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp81iCRA9TVsSAnZWagAAiV4QAJPQRE/rBPWdAdB2fZ34\nUpZLQ5HD5IYH3vO1wgOAWIxwgFea2/zv+HP3V61zFQhg2H7FRGgJJdN7+pbo\npCKBRHE2nNp2QXRrTbatnLVin+aH10ycF6Lh+nTeLvOg+nkRvIkXkqXFDwuc\nhuGNEadVkjaF/4Ro3Dri8WxBlKPxE5yhPnAObw0bRAS6/LrYIbZ1mXVzE7I5\nJy0lBfSSMad6PCNblT2x2Bq/EipEry4vpw4jm5WlHmBILFAQid+DFyMcKO6M\nyoStztTOAGdpjANm5GBeFZnSzAcSCfwFZK2yxDODtGyCe0xrHpwGvAyTLcu9\nZrt8NTxsvDa3BWtDW/oZ4zOSWuYnGCWM06CUukPyj3rl8kRcSpn9umwRITi/\nlN0YUotKBxKWFU0juxp8neczyPOZJYybWLtn61dtqE+xnfyU3iBtn/iXhCpg\nbE85yGPxXf7kWVzCwG8Xi+8K09pYApgMdbjttYj1XomvlcJ5qPdjNdQLKPVt\nJoCNiLkk20Bek5e1x0GitRf+Pv1p6r/bPx5OUYWs1QsTzZYm9R6CSqY2BjTk\n7VwFwZfMNFmW6uTKeEjblUdZx/RcvnBy0j/2jNP4L2J8Ug5zGwAS5sSDuNSR\nSVehyN31CPpWR9Nr3Yyxfu5j7K5uxm5egaiA60udWM/Y7jPStxZ4bX+mB5Rd\nxTXY\r\n=yRxw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHoWoHwDaJezpQ9wCkxBBvs3tTQVzqDfo9mILQhI7zgwAiEAsDqrJ/3XtTCqENdeBRCO0JN0PQrQPI82S+pfxcq4SEg="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.02f71cd.0_1638387042349_0.47809305838476446"},"_hasShrinkwrap":false},"1.23.23--canary.cfe4d5a.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.cfe4d5a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cfe4d5a314aa0a5d7d6afebae8d224f3c025113e","_id":"@atk/mise-ui@1.23.23--canary.cfe4d5a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-VR5eaSoncwOW99BDoRBhFBnsRtKEzWWB26qXp7uKvEoLtQHdDUP/41Ql+WkjrGTGI8bG6g6ecHrWJ3wkZhhEMw==","shasum":"a9e3825df867a3a2db0d1783ee3b3a4311d2c2b8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.cfe4d5a.0.tgz","fileCount":255,"unpackedSize":1090490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp9AaCRA9TVsSAnZWagAA3m4P/3EyUnIeHhRVtNGg6/3Z\nBwC/Cw338pTVNmdUTSTe2VK5qdmMbO87jglkZJoLS3FUfim88jwcvp4JXK67\n5naElwQsITy/jjMWI3FPWlASkJbCQH7L1NSp+m1NExeNXrqo2m2omugFd2JX\nyJiFFMX4aEeJP0f3vixXxnF5/W7AeKF09dSgGeC+TPR/QHg8hEwnhzvM4neo\neyFw0S73Z4LXaHnWAiP0ay+t4vd0K0NQVYSvAP/1LPOYRLPg9WzpbOS8/P27\nqyrXvj4NamJd8Dk8n+y9iPjMbyNFlAZlFzJ3B19MVmWEICmFsTijbmG27Dqg\n3xhRpfE/tRud0El0jbj9VDYq9TLejR57sdwxjRGcLxVDKs1b6ql7stagTerw\njkwZ+8P2kDrQCM79QRvrUoOHNc007xAWqY6LatohG1gGLNI9PDwaU8ybWAao\nlo665kxLJfxZvof9+PwOq40qHVlLvyfLNCIQCeGtlXat4bKugVEz359yo8hq\nZoKn1OyPZuYPHcK1toVw6RNq9unFg1AVXPr6tRRX+xWLdsgxaErwLuEBjtjU\nskC5pSJF0tCPBfpWwfoC/7J3uOEmE6gweKshqiJpMg/5nH6RkaHIsJLz2fsT\nlOXNMVhQocmOgsycKU0xOqOZ1GHn4r66NqkG2ZvNdnP6KX3U2c+GdoGFdG6m\nnUfS\r\n=i3et\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEDp4496McjWQfWDm/QqDDqZUCnVn3e6kM+HxrhlU4keAiAyn0aY2cBqrUPY9LZmhSm3RlNaqUZi8Udbq4X+jddMdw=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.cfe4d5a.0_1638387738718_0.2914728035462051"},"_hasShrinkwrap":false},"1.23.23--canary.cfe4d5a.1":{"name":"@atk/mise-ui","version":"1.23.23--canary.cfe4d5a.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cfe4d5a314aa0a5d7d6afebae8d224f3c025113e","_id":"@atk/mise-ui@1.23.23--canary.cfe4d5a.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1LaASxnyr2ojiada7B+8h6JuGzQbRc+r9E3pnanzPLSz0I+gi7iMnOVZpF3z9vgGgDPSGsVHHCSRb5366VOv/g==","shasum":"6bc83a3d93884d0f353d407283193b87365db9f4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.cfe4d5a.1.tgz","fileCount":255,"unpackedSize":1090490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp/b1CRA9TVsSAnZWagAA/8kQAJUuqQfwsgfzwOsUjUv/\ntnUJa4u/FG8SUNY5SbAuDiQPxRsPRWH16dFdPSsArkHRM2Zv6jylh1DMcubK\nOVGYO0/BFmqXey2TXpblhhjF1nNtISvewLff9N8Hl+kj1HEW3lwMJhtV4PJ3\no800+gYMfyYAclsi7qLNWTxK5Uoe8i/TBhFokfJJlQLEm9eoXXbaDviUqmdk\nUYgSsfZMWk0SFtR+56vXjRQwmm19SDlXb7ujOcEWesziFLfCvoO6nA9yZjxf\n9k+vtzCQSD8xPW6Vy/IW+EhCdM0JV7X9WjGjo9WAoAasMsHIKuGzK2EOGEFM\nRYHI8PEBbJdaL6CnG9xfmUYbbAQYRyPXSxMjvalSNXpmC7kPIc9ej0xp3UTR\ng0dwn+Q09i9BjSVOTI4XbYwtanZw7P+5Hbw55lbLahinfVvU1qoT7U53D0L/\nbD/GW59TwA+JLPTi5ZfS5ccsbUx44C/2GOP42fkrNY6H9hiztRow3IR7/nYU\npr0h0MRYs4Ob5G6+ucWI1Mel1qE9o5xkDlUoYFV/Q8tH4W5ETT5IdJUxx/K4\nWdGFMsTdoOgu4lvGQIPUtUmFEZXYHX5O6VdWO6Sehu3gW4N1ymUruyWDhIFU\n8DXu1SHqUNatLA29+NU9cQG28IWewory8gtNaufcwbKzzu10qq1LMZxasPxI\n0lY4\r\n=4d0V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgbRr1AccPV+0H2tBmzoJ7oFeeo8QyxCiwq5bWqKb2eAiEAl0AAiY6TcA6xX9Ui+E+EubtvAfZfO/AVGZQn1uUidLQ="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.cfe4d5a.1_1638397685207_0.35077788095925677"},"_hasShrinkwrap":false},"1.23.23--canary.1f1736b.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.1f1736b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1f1736b76e975f3672380e7bf5a52bab03176d39","_id":"@atk/mise-ui@1.23.23--canary.1f1736b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-rsVeJtnwKGdo6JINhgL5UWvtrDS5MaUixuitrr04rt84BL/KGi82jMFZ2vOfanykxJYYvRx8eSVdnS0wAc17Uw==","shasum":"d913a9e185e8641bc086e4190a0e24c121e95de4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.1f1736b.0.tgz","fileCount":254,"unpackedSize":1087469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqPAUCRA9TVsSAnZWagAAAhMQAKTkJsPq2TSJDBEOH5A+\nPEMB5Zkh3TG8M4uMEzudOBXWeWUQJ7T+BCzSWoK/5Xpmsj/65/G2eSFvwqF7\nLknbWdI40dK6FLtEXqak/UtG7uh351pm7W4Iq95z/4cUgnBY9nLXBYpmAYVG\nQAS+I+DpmFf0TxrBW10uvp0N5+H5G0X1FYLMc1TdzsGlPEd0HkcdGlDFAGJ5\nGVhLAiaWP5VHmX9wCPPE6Y6Yvte/Ao7JPTBAO0YV/wUzie0z9/mcvKKJPzRC\nDaYCf9pCiAsFU37rloh04ZINDd70Nw38ZY2t8P1jqJ4dyWy/Xyq9Lre40ezO\n3KOWc1O3kHH6rpPFQpnG+PIzVBBQNGXnzT8HRa5HcjSjHTeFc1OrefISJwqI\nuD7ovxKlyaJ1WuUARgNanaYWnZ5C6GB36g2lEbrM2VOkgBCNXLLT0aJRivUE\nBxrkqe/5jVBV9SwNotWBl7eXDKuFN37ZzqCUD8irHDC98YpRavUs29nd7gBC\nQ7tV+72IQhUXdv36wab8wlSNzq87GiDp1FHFtTM8P9FIacDbDZrzMqLye0Pz\nu22zH2go+ef0heB570Y52y6pC1EVJsxBz/0hxvIGmUJpQRN9XWk5Lf82Vk1w\nXnZ9ackhKjnPNW3GMeO5bmhHLYa36aDJf6y57ROOslXTouDeM0i8Sl+39ixz\nE58H\r\n=SwpG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6SYHPBhyStp6L0z7X2ZxF+Y54bPUK21BU/ql1mt9G5gIhALrrmNVsDmp8HqiZfTnsejRM6Y+G5NitYU9/pnvSvWC4"}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.1f1736b.0_1638461460142_0.28724996656645696"},"_hasShrinkwrap":false},"1.23.23--canary.6c95d5c.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.6c95d5c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c95d5c167aacac3bb468b625c1ea26cc4e42d61","_id":"@atk/mise-ui@1.23.23--canary.6c95d5c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zEqtq8hLeBEEBa/mhHkJn8itNQvCtlWv2KJUsdDDbpD+xydVucX4bJ6ua/OJ5uuB3fOqrL2qFYwrpUpRRUi49Q==","shasum":"9d9e5148ca169d72e766650a228ff5f4226b637a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.6c95d5c.0.tgz","fileCount":255,"unpackedSize":1090572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQNbCRA9TVsSAnZWagAAzuYP/1iN7+1AjD4Bz7sRO3xc\nhoATl+KlpiULLGEI8JWKZ8zFVR7zlWgI+ajZkkTlS3otmJQiXVCXIJth0TSi\nlTm2u4jNj4vj0AZ6pouYF/4mG+O+ALrFSvFXCwdtY2Tty3cV/60jAOGzSrcj\nJ8AXNi9xOmsC8qZHBBG5Xy72gHPzTnO4EGmWkY4+kW0R1KvR0ysi7+WLnQz9\nAu2VX98JAkYYDQkoVNSq2S+yxBCtYuHrtkuEx857iZlinIVnrQvgCNYUz3vu\nUDE5w0Pdf6p6Bw9dQjt6WzuMe3JR+y7XYjYk9NVmawVBSszpwI+1uD7Tlb/A\nRpdJW/SGOyH/zyuHfLdzlH+31RNbzbc7xr0u2eZ+keXHDAKm3jlNnM01nNzz\nuxMMkJkaL3Cs1Jj3BaauNyePooVbR3Swun32QhVMNUlQQsubBmiXlOni9O+d\nw8NgsKN9Lrt4PvrBhKw8b9I4OLoFTSdvY9CDS0n6blV3AJ2SM4cLD6mATI5S\n6gXfqxFaDv/E3i7DdxM3dmn94dUDYVKdAdfB14XlCvpINvB6nB43ItDpHTLA\nVgaEOy0YsChUxCr4pG1HSyfR4ny1Pmw8M2hIkJcBEHPBOU07V1BdhqvdViMK\nCbxL7aSa82oN34g+fxEWFf+0ZnMvMpMMLnRa8R4Jzx3r2TS65tKwCZLp9O+1\nGgT+\r\n=v3ce\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwJtoi9foAOz7EY7K3cqJqoByRGpFJL1IDdd7JsMrHcAiEA5WnMTZVu5TIsLmjay8Kfr1YEUgtU0IBPq34jJrpXZAY="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.6c95d5c.0_1638466395741_0.8892971655651258"},"_hasShrinkwrap":false},"1.23.23--canary.c5d469d.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.c5d469d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c5d469d64b9f1b9c5cab3b0bda4f37d68d6316bf","_id":"@atk/mise-ui@1.23.23--canary.c5d469d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aZzXAIhx661Wh/vrwNPMdqpmRyZ/WpZc5Gig5/42QA5v/Ejo9Q7Bddd3eefRM+PorE4I4TbPzRJdVd/mrASUvg==","shasum":"be95195330e90813745a85ae5cc0b5dba97cee15","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.c5d469d.0.tgz","fileCount":255,"unpackedSize":1090573,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQbOCRA9TVsSAnZWagAAC5cQAIFemRnUX9OvzERA9uKB\n+DOz6gCLWBXUF02e39uV0pYyTkOWWFjFQLdAedz+iiJX0BBYcypYhE5XzDiO\n8m6N57qhWFawc/tG1IjtXytcoiH2EImSF/ogADNxgvjo5vvMqkoig7pBg7Ks\neKGCnfhSTl5tFpP+OFlhch+BPFAwLhQNnTZK3JCg8fV73LaV89dDLj+QCO3f\nb56lbabOByS2iZQvQDvuHDGQTTn8AwzHElzbKqzICpgJigflXTPBKMOQCbIC\nFGuyRnFFsd6u5PVS7Z+1xOhnJwO2vqKHyMAgvOro/Ht4ETlFbA+GF5XpZlm9\nudi9ZT/ruyPagYR0VNG3irho8ilwun++HXVsP/GgV9ZoR0SQr+eQRYaN7dF/\nMTyYoRpENhbQ0WMJqHVYVTpnj4cyEN1bGUowIrKus72/awwdIJadOVnhPczj\n0rSJPJgRmIJMQEXdb9gA1TLXiUwgAyWGFnsf99k6kbOr2lkPgOQDVSgiw2PC\ngg8TbkedBMuounyvhEI28LMy+nbcsfB4mgjQYy6indDxTCbaK/i6ZHOgOrJg\nnAl16zYsJ/W61Hv8NIYmP4mnOmEy5eCjLm4XluScLdSiVqRRNZZKS6gI5Nxl\nk3hIJz1m+klbuRaapMjQBYHcYPaeMbU1svmHfV2wrKkf+vC6q5Wu+U0WrWqH\nGlvJ\r\n=I7Oj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyzJYdzqOWdZj1dJ3tXSbASvfqX6/YfHFinI7KdCev5QIgUOj52Q0Dd3Eou57FfSjDXAiGy/mP5I6xjqCKw5OmBUM="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.c5d469d.0_1638467278642_0.5679831195218581"},"_hasShrinkwrap":false},"1.23.23--canary.e1025c3.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.e1025c3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e1025c361a95af3f1e66989a3696d7670738ec06","_id":"@atk/mise-ui@1.23.23--canary.e1025c3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B3p6gzEAMAZbVYRs2dvEshQbYhCmQ5qZBFyZOtzThZSg4RpfXYDmqaE7v2BZKVmAHeqPEcS1yDDHTWJb7RO5hQ==","shasum":"008a6f6e5ce6894580b7b8de52d2ea5c38703b6e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.e1025c3.0.tgz","fileCount":264,"unpackedSize":1138800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrj8BCRA9TVsSAnZWagAAtfcP/Rtvd/Z5BJtk0Hbu0mv3\ng36bpKZgXAxVJ4xs9B0nvXYGkzcOm2cMdjxZLgT8ISL61edZdHK45XgEK0kZ\npChzu1BmNPyuG1TtViA0YExDD3n3mm6eD6wJ9iBNNhurxbnnSZSGvA4o0EYd\nW+svsLDu+BYF7cCItwLD1CfQzCNEodqtWTHdk3xYeuHT7lMTE7oOkIeaTm33\nNB6E6C9qcAV2QDk8u9tyP0LL4uaGy878zywq41p2kMJF5hWmsBLi+EfytBAk\nzTWNo4odOtzFLIH/tyoULZey7TYfF61tIbw7FGT1Oy4+UpGHa2AWhMbboNo2\nTqM//TzKSlYjbaHCk6LBaqQPROmFJINYx7MYD9o4ftrRWN6nKDF+Vp77JWzd\n6pERzlWbIzJB6+jfcJsK+5wxXnDAEL0FgoomhW1qI6YQ3ekmQqElAZldoNmj\nLJRWGILR4RcDVJYehUxqM6tcq2NNwTSxLemQ/pCq5R1WAELrJcrwq8Z4R5dg\nk15guoX6t9fJdrZps9vO8+5vCnDzvK87Fa/VCcUuNuVaK/UmFxLaFxJvHxVx\nPhdn9W8qrupjYemyaOtXmsUP9orxfTeuTR7H0ODi8oq6KGJlerCRYSfuDzo1\ntbtG+m32NnTERd2yPwASMZEUnNuEs1MzIFi6TYksF60uRByQJOdNE8+2cdsi\nsFOb\r\n=6crF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICMUBkRMOq+gbKRQ0zxhRkKT7dgPBNiXWM+txIBuVnyzAiBwHHDImNzG766bZQ8PV7rEGugpNvupNh2LRUNWCBsqXg=="}]},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.e1025c3.0_1638809345558_0.3027623761690488"},"_hasShrinkwrap":false},"1.23.23--canary.f70e1fa.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.f70e1fa.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f70e1fa0ac83b0293eef01ff66bfb90ac7952976","_id":"@atk/mise-ui@1.23.23--canary.f70e1fa.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-YUWMt2S8HruRmrAXWqPvmAjVIGsy1ahOZz2t1Fv3YZkZ+nBcCXqjLLzBmyhfH8sGw8/I0MpNZfsio0m8jnaB3g==","shasum":"0a838a1f717cb50a22f776051c2d87d29a2ba160","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.f70e1fa.0.tgz","fileCount":255,"unpackedSize":1090649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrnQRCRA9TVsSAnZWagAAKcEP/1ebk5Nw51F+koP5QlXs\nOk0ZSCEOpz15luXzTLw18CGqAKnvcQT+r4Xk/ehnAnfMo1MO4/umUUIby9Is\nqXIicoiohbJobIBoljDvsLtTmSVz0KOEJfb3qdIOyc4mCyBSG4pwxTgX0iMY\ndK7tC2WOoWt+M34iVMWILXvC5kigO91/1A27gNktHxga2RQkAKTKTGSx8RwT\np+2hhDBBWBhK/9QmKuD1ZKcr1CxITkpJBDrnYLv5O+769QcrtRCrR+yceNvV\nBiR1DrTsGaunwP6gzbdDVJOuGvmNRDDiDBOVMWZvBkA2SMnsaPG1mPVAyUoN\nCwXbC6Ot4klx/CKOh6ed3zMEHXr0N+l2bRlXkTQGYylMxyM33/VF2NLUeYpS\n6mtkdx4qGnCUb7ciuqZUqzUCbzRzaTTI0G/7ve0oI9BJcXKCQ+kM8bbhtVAz\n6cAH51N2B9SAqLDVut8JeWOoMrx6LaWpB6iK5rJX1bPMUQfxRV4Kc6sD1hnJ\ndo1ItwjEOADQpTnDyjxxzP+n6GBXFyyHibydH5pmdOhz/Vgcjbo3kdGOc5aU\ndbMfemGaddGljVXrxMoKp9c5nBJgmPtccfjpwlKfE2cdzngEuFU/Cv1Q9HpI\noZcFzIJtvsL4EcTc1oUTDx3h4W2Nn0AmPKAIbv52xo7aPIDKf2i7k6LKCA43\n/cvy\r\n=xVM4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvknDEGvKV+ddvmIqB0hAMrLKHTu+e5moRpffLjijXOgIhANS7jiPmWwNrxHleuNdjB7iIlJnFcsIflkmwRwYfRiei"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.f70e1fa.0_1638822929601_0.6338945069838291"},"_hasShrinkwrap":false},"1.23.23--canary.c1576f3.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.c1576f3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c1576f33a2a147eafc0d8088e173a3621cd3741b","_id":"@atk/mise-ui@1.23.23--canary.c1576f3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sK9TqsXEp3SZXVIkoM45/W1bB5/jIsbB4tuNk/NLWeYOlCzPW9vVH2VSKiB9p8dlzL9wCnyq3e9FRNc0YI7CGA==","shasum":"134e31bef01ad5e74f387dc4d81b7e2f503ad130","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.c1576f3.0.tgz","fileCount":255,"unpackedSize":1090649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrnueCRA9TVsSAnZWagAAKqwP/j/X0onc6ulZS+u4Dk4e\nmmjvx7I27TZvMnj46OMAEgkeU/Ftm5YLEnme/Rx+OIUaBlL5WqZ5bQusGOy+\nyskhF+kVnGOsuNy6Po6rlRESsJu3GSlC1s6PMBAAnHRyfCwuj5771vZg+xya\nHtXfDQza+tx7NKXVGfgkD5mBGvN3bFUc4nBYnspo8gbHkGQCDV8E+Tj4LxMb\nGnG46o4l4OfXhAcJyZ+ZKDH2hDLg3x4uap27wPrgwPEenCLfYD/kj9wA1ldy\namdWU5qm3bOr+OjHbaplDu0zj9cHzqsqUaoUNhZ8G+pPnwgZ5V0gDpt4Hmng\nW2gq8MzCw6rAQhcXFtBlaWdeZghK8qDMoGWTtbSsvhAYAW659u0R3T98rjQh\nzI4lc51aab+NjRWwz66h3gjZulzEFDGfAU6ImtSa8/ODlsMp5sqFROaUvCec\nLRke1I0bapTpGGtRSMKoKwhdNAObwWyjhKtaDvir3RX0Coxb4SL9kH0mf/qo\nc10KjIPlktyKaCezNDGpflQrgFrjyqhQb8Ea2bBq6hQPFBT8N1Ax2nbuSBor\niUg2phHFEfXvTSzIlz5FBT2XasoE3Pk0gpW+mZwFkVPkp8sAS9POEvHD/B4i\nzRDaVLLqGe50KAK7aGfZcSZI+9LeE1rUbWqy6FuRtkoxr6dVgnn2bJRIT2/q\ntRju\r\n=U23b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxjzBTAhf+2xeyLmov+9k9bX7e/zM/qBorwrSGn2Q8rAIhAO0Ykf1tVbtoU71Hhd4PtDMeToxAYekcURhMokpPDzTm"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.c1576f3.0_1638824862135_0.24545249887608156"},"_hasShrinkwrap":false},"1.23.23--canary.0c5a3eb.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.0c5a3eb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0c5a3ebb1fde502450a892f947a8961eae456882","_id":"@atk/mise-ui@1.23.23--canary.0c5a3eb.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-+Jsf2VDu+0DOq8/oW/xbDaG923MX8BQhVe3hsLG5GRe3VSjkXvOory9hVSgusz5uB2Ov9jwHp3ennXUVVDy7dQ==","shasum":"c1a252e3d12b92a0fca8c9f831f421cf8e06ffc6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.0c5a3eb.0.tgz","fileCount":255,"unpackedSize":1090649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhr3L0CRA9TVsSAnZWagAAyVEP/A6gekPjXdJJ7Fly0ZKz\npMnd+eb+bkPfolJJZLZbPmT7kYfBpd5/rZ8tBsLdBfCialMQx0tX1cpL+7jD\n1ybQIQ13pgzRIeo3PoFtZATXlpv9YS4HfScFJh+iaCBlK7JyCmHGvgEC2z+t\njS5NBkj3tZdTdv7k0PYLRIG//HcEYKZb3OW+hrGTVgnpnkIVH9WhpG3NAvG0\nKDOlkry20nrSGBuUEBV0nQ5U9vKtU4p9U1HKvEIUFnk4GFIry3YwwvGXVleT\ny/fRVk8MKr6dbpKz5B4YrnuKebeTdj7+FFXeR55fNymJ1EUWpJ5we5hE84jS\nNblt+jMUe3vj60+MKHIbrPt5jXpPy+KkF/orjXmnHsI3IN+v+l+frAkm58lH\n0x2WtAWRXQlkOLF2oWqFXX3jpUJjpr5F41IMYAgZKj5QS3WpnBV7efRSFoce\njQ6Ldfl6o4x7M0/9kAqKgvxLtwcUzuUkLa4Ao/XWUUEgw+8SEEDEx6MfcCEl\npWuxeYq0Jg8pET6s5xZXGcnhbSRMNcNnZ/mCqllLfYVngYURFXbUYb4EqzWj\n4oNgJhpBWpnzcrFxiyrZj+E752eGxnklhlo2A86oEm1R/UiK9RjFeYLkClFA\n5Nxnf2/5+crcBWa+5Yno+ARMdtbhvwYHEY8TaIYoXg17La+zlx7fbFLlA3rN\nx804\r\n=xlE0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0B+k/G5NzDrc0C9q5CEscMKLYxW6UGuVQVNqhK0dzeAIhAJrSOqeUbf6vTFJ1hOFN1gH6u1csJjORB24RFYMe9tMT"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.0c5a3eb.0_1638888179970_0.03680412376704001"},"_hasShrinkwrap":false},"1.23.23--canary.17a4eb4.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.17a4eb4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"17a4eb4cecdaf91f53f01415b03f782f891ac7f8","_id":"@atk/mise-ui@1.23.23--canary.17a4eb4.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NUT6m84BG8JR7CRsDgehT8PNZKkmQor7pqk5Q0FXN+GIRcpbt6z56EDjJoYgN34vkfgMmgrBXmfovq/XokrU7Q==","shasum":"225d2e554ec26d22d23ca714c6b0ab724f3d2a7a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.17a4eb4.0.tgz","fileCount":255,"unpackedSize":1090649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhr3hUCRA9TVsSAnZWagAAGbQP/3wfK3MNU6gU6XTWTftQ\nVA0Z4re2aqVOSmr8eRHWG0374Vq1PQcC8cRJZnDNoueEKZVqK652yNk3embZ\nXO5y9TbJtq2Q9U/pQqFfdRPOpRhi7RvVkYadamV6SrJMFvIgv1sqVQ0yYEul\nYbO3IhlNphZJOPuM/IDmD03xLyIeypkx7jhjDdiy0nov4GRzFWSqhVnKZwl6\nc3iPkwQkhQulv19s/CSekN0CTq3DSDNeuoPg9REDNZuPNDsp5ksXIFqt4sst\nGJ+0muskY/Q4PRmtxgr6wq+p4sAL8/W6rCnExe+209hmt1NfvcN74iorJJm3\nqSwUepmNFiE1OkD5PHp4Btl2f9Rey3LvBDqMapPIncoEr88bZNXEV1LTtlVG\nn993Vw/VfG+EgZQ+KYIpmX1kI9h6EWjkHsgxXd+eb3nVh2XjMfuGdl3LgKCu\n4ZJKl2whMm8kS+6DLGYXQNgAuy6KYbEzNBMCSY6P/1lcmqdkAu789bgZI6dQ\nsuLOCRO01Dr5QI+HyxpMXRhYpZ1sh+DvzNdnRo3BMBbQzpONBCzgfHIdmjie\na/PUb0cDcL1WsokdK7krKl9U27dkVP3OrU7faYF5hIZr4iGL9wR8X7pHiBUU\nN/00HfCEQWRI0ZvDWf4yukTGKsvlM2ZFPdPbO5vSXk6n3BBrQ7S9YySxQ/cj\naXl4\r\n=mPYz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGqWjFhKtwGHLPp3FacxbNYLzoIpftp4z2wFegbxvdf7AiB6EOFLNWLSfbJ9J4LndtyZBzoleB1g9MxuJhscOF+hyw=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.17a4eb4.0_1638889556356_0.6771929444910829"},"_hasShrinkwrap":false},"1.23.23--canary.17a4eb4.1":{"name":"@atk/mise-ui","version":"1.23.23--canary.17a4eb4.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"17a4eb4cecdaf91f53f01415b03f782f891ac7f8","_id":"@atk/mise-ui@1.23.23--canary.17a4eb4.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-nitKxSHcbsp2qpKc2L9M15lcgpEWj2BLiMEXbcIdkerjtkWTpnlr/TYhQTDmBFfVFzzlRd0P7ZwbPx1umkIdrg==","shasum":"3c26dbe40f8af6f58d98a82b476677d195018622","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.17a4eb4.1.tgz","fileCount":255,"unpackedSize":1090657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhr3onCRA9TVsSAnZWagAAoOAP/0tthRaqdrfy5z8/Nz6y\nbXq6Iu4193/O6Ex66UeCOSnCGyV/QMQxC8m0qujZfDEt3ZsrZgqGgVXSirzk\nBBXhLlwjie2zB1nk5J3OIwWSHbUlJzdC3mX8gjmGS1xPLevTJtdyo16piMmI\nbNJosXI2RHeofNFR2++KNff/dVSxUlorFl0f+g7CzYiSxYP2EXSEfAD59zKa\nJsaVlFDFTUyJUc4hvHkyP+As5EsKtH5pIhtcZn/L7+u5dD13lGrR20J1mglW\nj0fjZghshyPQAev1RrRlq2/hXznUBrmq5o9NiGBkVcdCUr8vTpaId2JB6Cqh\nE3zONASG96nzmnmhoYwEIUsHUvcz3knmW+RLSN3xVq8xbzVRmlJmwTmuCL0k\nQTXtsbm/FB+nVfqjGZ9x0ivKjL4/iKuEOSNF3gUN/N0Q2mAactnE/1+WXHDI\nKUV7VkeOWTVh5dOGMAkpAJmKtGFabjGlSLlqMkAaPyufVf08OBtclvrJAg1D\nhHU9NkBL1xCVq/M681wS0BCs8BHwIBbY65nDJGeqsgY6UY9NhJau8+9LiKOi\n7fUvFnddwFvTUMOVqTz29eS/Tvvh2VTLt1W6/spTnOxLcu0LlpTBleEW91gy\nehlNhfSJ9cnnTS+uoxZlJBVHN2Sg4N47JQ+RAuRPpJOVghuwVAJXlAMhyzZe\niNWa\r\n=pIJY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdBPFmkjBZ3Z9uxydrT0jN1VCyQPlfPWO4R1it4TXeOQIhALVg8yU582RAxBkAgpGxyOJbAMHcGQI3m+IJO5gMN9AH"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.17a4eb4.1_1638890022943_0.7195432772212771"},"_hasShrinkwrap":false},"1.23.23--canary.3a1ce73.0":{"name":"@atk/mise-ui","version":"1.23.23--canary.3a1ce73.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","styled-components":"5.3.0","@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react-test-renderer":"^17.0.2","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3a1ce736d052066b391b7ea763e280cdfef5eb7b","_id":"@atk/mise-ui@1.23.23--canary.3a1ce73.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-t1a7VIhO++M9xw3ob0+DkXf5+K6qAU6AR2Mk4JSagObsr+LlD15jJ4oOWbdx+av5KZasSG9CrtQsg0VJ40mSIQ==","shasum":"7a9dfa8cce8ae0aab3c6dce0b0999902a3f45721","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.23.23--canary.3a1ce73.0.tgz","fileCount":255,"unpackedSize":1090682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhr8SXCRA9TVsSAnZWagAAJM8P/ihaBLMwjrrQp2RnjyN3\nNq+KWlk8Y9S+mBkirh6530KJP0+aL/8wg/Wtt+0dHBlz7u2wIg6/OPFBMRWh\nI2LxFvufbkM0EL0s3w/p99UiQoPKe1T/TSK06qMwoAiVJTbghJssYcrJmpAv\nw7/6S9lI1Q16CHDZ33IBD7Gn0pFi1+WOa+QFfQ7L8fI2CppfhbeZodaEwkq/\nW2jR8Zmn1wbi6QfM/igafd0xMLIi6BzWVbXUw0vU+Vni5THmMgiBGAC2uQ/H\np3A1DQ8kyvILZAUqdwA0VR/lzgahaLlA+/0jywkGPBGcMU7PFnNUPFSQ7NFL\nxsZw8y8afjUJz39OQUW2fMKq6NQTzv4eYYxV6eZgkvWfHVGHwMtLkEBuPURD\nlwOyYD1lflQejQkRLiUjMc8rq7lWD3C5H8hDarXP+Awb6OyY2dR3AXGGjh9o\nKnXz5Xlb+yIPqHiK14e1egXkoRYwyH0JiaPK/+HMNg8X+MIGXepVT6dcaqVV\nBvZNCyJ+LYJFjWkQidWeKEYh84fGZkF0Wy69S3v7ClHkIJThFpxbuPBXDHlZ\n3SWckF4UDcC6s7vRU8FLj9dDeh7GIYvNpV4FPWy5hu6KWqsqyHRchqJk9LAj\nIcfl2sFe6i2OwULb9XV1Bf5h+On/4Gq8U/e+MP+6SYyWvtKb+7cs2XVSIelC\nIixv\r\n=a7kv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmQfcvhtN2ZdW3gbwzNWAgm+pbwHE9Rr2nI5DpTsWnqAiEA8SjdsrQmArM0gRbccAzeCvrxhrpI5PYZrO2vVbreTZk="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.23.23--canary.3a1ce73.0_1638909079669_0.9655930844420093"},"_hasShrinkwrap":false},"1.24.0":{"name":"@atk/mise-ui","version":"1.24.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"714700657f11dc204cb6b6d60bf95f1d0ab98e4d","_id":"@atk/mise-ui@1.24.0","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-zcD3B1V/04WnPZ+J9K5ivDbddPIRlUjqzy5AHJHHR++26A2JbI34Z70EMznD6jLifb36py15DLGI1rhds34cSw==","shasum":"1dc50a26a1e718cddf7a81d0b6bf928a2e3af2c9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.24.0.tgz","fileCount":706,"unpackedSize":1455105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs2bkCRA9TVsSAnZWagAAYsQP/jogXQx9tZj5F7D/qUhP\nSiZ7R+AfRxhmUtW88ZI0T2o8nymPKzcKymcchC36p0KcM4CBbf2OZIPKAmX9\nJ19XIJge3Vjfg0mwlmv2jj7JR2x7/HxutD6rKO7dIZZgE6iY0kQXGdqAQr6R\n0fgOl9H6r908dvQgRp4uPSpg5baZ5QpTmCUQqz5wS59MYIEMvBkmwoe32CHb\n0OxT5SI8ScBpsNvQcJOg75w25m9H3fGd4DPVlA37V+cyF0BPZFOINg1MXwu8\ncMmD6pwwpU/kHBijGj2ayb10KJWM2MOwwSooKNxB6MDIAn9YNH9HFbG1S/tl\ndF1z1FxJP8XjX2+36UtfTaLomK3PoHbIP+ZoIqPNlwqkCs8er7lEdmhzo3R2\nMds+XKcDG1LUVeXuQnHIP8PD3y8exEyymqhwAOAI6S8zkR/WZ90TePQfRSyD\n5dRhncsxIortpyp9uP/8cM1mC6dhPv4Ta38pPkW4JlQMea0rbpqggBaRrkgZ\nKbxinH3SHM6wACzYTXklHqDVLqI0PVjFQN70f4+ahXLEw7JjCzTbXMUKFwJw\nrBqqyFLhC22sQM/994lzytVwYf0RKdNZo8Ni5jg/09cd8iDuoU7sKrBLL9Wh\nhOkU7kaBPHrNRdb73UPEERa2E4GJK31jIGsBUhk9SBv2EkHqQMIxgkrqUSEU\nPOat\r\n=FfPh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAnaSiCpsSlLtcrT4YFzt6JFwF1OO8OGV2arBNV1OjIbAiEA/G0y90T2y9nsHF/UD2mrNgZBqe+1joFGBPmQZ1O7zkM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.24.0_1639147236599_0.8698312535190205"},"_hasShrinkwrap":false},"1.25.0":{"name":"@atk/mise-ui","version":"1.25.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"698adf9c2a81689e49eaa7ad97c00a9a309040fe","_id":"@atk/mise-ui@1.25.0","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-flUnyTAU99jsIeDtkK5r0Jm2+5QVF7Qb+oLgLJ5MYc03w3gwGtdXx17QDKR0Sen9V9A42RXJ6WyPLklSvxM5LQ==","shasum":"a0d5874f4b516119c5cf1ae306e6a15013eb4191","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.25.0.tgz","fileCount":722,"unpackedSize":1498146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuPLmCRA9TVsSAnZWagAAJQMQAJGWBTXXe9Oc15ApyxuG\nX8leNdse3Zw2AtuJdR2gbzh33w7dGVB/sHPUbSOTtqKPss0WtpTt9KmGbwEp\nQllQT0cLRVyW42C+4FxRZLwqDSu7lln4GrgRjsPvaMV+xMb6q9pN8OCifql7\nn/ZgeAp0oLfed5d8Kgsftq7UHvf9oDhSfi9NFjuQUaFRRItlhicrsHk/L6pe\nf1FC7xo7w5gJs9Zwa53jzztP9S+DE3y8WAOCjMAJNIKJSPsSXcm5zIoHwzAk\nKgLlwJylrlbDMblXtbzHyGzVItpwjRphzVV3Cc9PWNQABN8aIB2J3HFvsgPS\nqug/9jtu60AlBhQfLEWFZomwirPoPECQg2fLZFCvSYtI1stsw2p8KvaZaRCL\nuwYq3kdXCB+J1sfgaaJNNA+56szUC1myOwb3tpx3zWaEjh/euz1eBWVLoden\nPsmMoNQJpzJ/XRK8pd6mBKM0t16bioUgvqgDud3tNT1EJ1iGiyDF9B50Goay\nt+iKv7L1zfFWZuLlQgyZjSUUD8Gwkzdc0Gc6XyrO0hw6mvi+o7ruXKGU6D37\nPj9AYWrPw3AwcsirvgActcVwXEvsIaAJXqsUotwhqT9ws/OGnmPeYe7xZCDS\nLG4gPSF/8HvtA5BKAigCvZCtCapncsWbnsJedzuyBDX47Dy6IZ6A5GHiGl1x\nYH2B\r\n=6shS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDetzbU1McgYO7SpoImbzR8AJz0COposTfaCTUXcSyCqQIhAKQv2AFczPhmcnP5s6Iy+/jpT1J/vetudk9GJfUZ2han"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.25.0_1639510758654_0.2967958625581373"},"_hasShrinkwrap":false},"1.25.1--canary.8ce8de9.0":{"name":"@atk/mise-ui","version":"1.25.1--canary.8ce8de9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8ce8de9d1e6f5db2fccd233494c721b2268cff41","_id":"@atk/mise-ui@1.25.1--canary.8ce8de9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-GCf3b8tnFkH39imlH/9NQEFkD0mc1Q1Q2rGC8uBA+vpH7DkhwaF0oO+ue9yL/+39VNgEtewuBA2Dz7fNcO7wMw==","shasum":"70e639fd15e809ab09a5a683ac6318aef42d0318","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.25.1--canary.8ce8de9.0.tgz","fileCount":255,"unpackedSize":1091437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuizWCRA9TVsSAnZWagAAR4QP+gPjLCc3PqfbFFeV0b1C\n9u9KTILHtOLNkW+HfFQ3JT+dSzFKwjcTRw3o+F3xAgqjYDWG8g32rn+RBYKk\nUA8FDlpo/I29QH52XrZnITaKxfXmf4VKBPW4DWoExBMZBJQ2TYk6EhkE1vvi\ngE6UaKza0Aid8ddAQo/uP/FPt7surDNTeiZgvktQovBv75vLeuylD69IyGqB\nYEhD3SqNgZLIBDxQcbcx6BwKHk2eVYB4nN9IkdDo9kcTD+pBgYde60i+L7K7\ngQS6H5V1fQQJD1wUPHiT2DFc8X/2g3EZF2JgW/XSwpfiSoqLV82z5BXRqxF+\ncFKepvltyMcgwkXe7QLTqBOXXzVvBh3P91IH8fVCWx2og729oy/YL/pOyU1E\nVOgA/h2P96tkPmoUZg+WH7nqB7kFwigA7l56wYQxeKExmRH6A+vzq+0uRbTL\n/XHvXgOjA4sujIUTo42m+pY21cdNtm3Oa4PnVebYQYMnfvEDf7r5WZnDuAgU\nw7qJ+m655D69fRNMNNTGhnIoGgQPT49D0J7mmg1JN0DBu27CmUHTeYIB80LA\niCCTB+d2OdZblIGp4sqrsHpcU0uAa47Y/oQQ1SjuxrIUZH7D4BKqIII1UNOU\nkWv9XA/sTVh8vKzLcZ+6IsytZyddAVzT7ePpP4SsWNZ6iDgmO8CZAEkrEOcL\nG8GV\r\n=ELxv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1ar3XBd9vN2Q6n7Tci5nNJv/iTK5vJcJ4IEje8H/xhwIgHFr9JceAasTjopB3GMQ4FP/aJAU/KjW5QOXodD0nxIE="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.25.1--canary.8ce8de9.0_1639591125905_0.11289778844087861"},"_hasShrinkwrap":false},"1.25.1--canary.577.3a2872f.0":{"name":"@atk/mise-ui","version":"1.25.1--canary.577.3a2872f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3a2872f29e203e18bcf051e34fbf85eb23296faa","_id":"@atk/mise-ui@1.25.1--canary.577.3a2872f.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-HecQLZhQBQmHoOpPJZVlIXOb2YUcICcg49AFHeApVJEVBhQjorbDEGfWp1bJBsjDPyNILXkdTk1ST8OFOIx8sw==","shasum":"c3d68c2f4d69990a873f67de58033bde4fb62379","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.25.1--canary.577.3a2872f.0.tgz","fileCount":747,"unpackedSize":1563755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhum7SCRA9TVsSAnZWagAA0aQP/3UepPNPywDW6yK+BofP\nruFBXc67+U7tgGO17k9OWtPgcJBw9YBgX9pOB4wizljrfBtlRnWvAMZImU2G\nbqAeeufM416fb48hE2mG/8N7jfk5Q9CkI01rWJxWdMgFK/AC77haV1pDrsem\nJhfAjrRyko26r2oQLEMZltYrfrw2kNsILub6GviWDnxRcd08YvMCjl+PQj7N\nPo4aSt75i+tJ1Us15QLWzX9Gk/dTxjeuAIh7utaXIrbeWJe3UPRNS6f87Zif\nDov9abmJx1pNXFmiTOuUxdd08bgfY+sa8lE7ELjDZn8HS9bufKZjS9bcitcD\nGhBXwqbwc/3+5FsWa4MpYHrQmsxObQ5nJ+ZcS3daD8LPw+EAoiBoYH9FPqXK\njohoebj+BcX+9DO6nWIpsNvuztyNzcpT9+YYAzKX6zaICc2hmIhfe6YLtSaR\nym9xHH2JAgh7Gt/Aq17CxfGQp7K4mTn0uqi22pznAkKAzCYyE300m4Yc9hqw\nTuUTpsoL1C1Ek+ruZpGrOSprS2tp8G44Yi3hcFCA/rS57TP3zMRXaqJgWpE0\n8ZK1YU08W4txv+0B/1MxG/ISQ+0lShK04so7VDLKkCGXX+pcOjcikcmcxDdh\n5iUVf7n3kTGTxQ0AG0Es22ZMRIkbLIYWewhjDW8CqMabdUT3mkDEe3CZ1Wgi\ncnAk\r\n=ZHSJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCroIGAuFAkSHknd31MHmEC2uIP4KzoWd9AbgwAakP1sgIhAOZq5kV4p33T4Kxqnn/AfXTpka0JeDJeQSl/Xlt2hEEm"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.25.1--canary.577.3a2872f.0_1639608018282_0.7890922164228316"},"_hasShrinkwrap":false},"1.25.1--canary.99f67df.0":{"name":"@atk/mise-ui","version":"1.25.1--canary.99f67df.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"99f67df7c76d0f19851b448eb8570b7e1925568e","_id":"@atk/mise-ui@1.25.1--canary.99f67df.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0Gfz/pbBGyvfuIMFJv5pZ6h5yA1A8PswLJXLGQwm/xz90ZKgMkAqniMzIHwlbMIxqnl9yXpag+uoHtsUTS9J6g==","shasum":"6576c2ab16be5e991bd462891441e5387c383433","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.25.1--canary.99f67df.0.tgz","fileCount":695,"unpackedSize":1473396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhu1PfCRA9TVsSAnZWagAAS4IP/jOhwJiwkcKkxze6SK18\nFnCrSJZ5QVx5OY6ZaQPx5O7BSkCMSgOQLYMLiY5KQPL/cPf0rhUy0LE4Xu6H\nswKWzePYG+ZD5BVDRWvxSldoK0EyypJw7r4E5MStWIH6xr9vDNHvFCFCZ0nB\nfNDSKO846Wk57kj+b/arNmeO1JC1p6n5fCg7nxXY1KzxN8KwoPfSsLMNumec\nUW0WFjCZ8/qev4zI9yK3RLffAf1QfqlTbTrWuJ8XVrDSFU3Aax5sgV1c3Cuf\nUSqUIqELAoJCgVR/URdptJqh14YBDIhMz3lJ/DmcDf7V4NLusjFwOfLq4Ipc\nM61NNxmh0zCBQAZI++A6jF40mrukQ8m3Gf0o6uIJcO6BEsqZI9IsVgnAj7NO\n57CTbpjz57gd67qcNDp59Dmc+PywRMIWTcLndcOIFRrshvc1HlnQeqe7hIM3\n/XraYYyFt3xIvq2XRsMgvALnYRFWegSCS91s1iuAQrtoHDUJaWW3KW9riTZb\nMNVy4RFmuJiI4COGXnuYjR7eBHNukhV6X2JCbbNKcgk61X5Lc9/7ogy4BgVs\nBPa76WBVV5QFFqcqFBDYTC6JWOz4Y7wNmAGbnRVC52KlExX6ThJ3O0VPGyzZ\nwoDyrMxWFWW5VLSVDY6LZaYZCz6ss+LzO/bK2lUKTqyqupjFoN3yflCMs+iE\nF/CA\r\n=7O0J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQOF4FJhzPIusxb51wY7OQocyZ/NfLo7tyb8nGfKp2ngIhAKUca6T7RBSoJK8Zh1SZvC+QjRLgRmbP0whekNU2qhVV"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.25.1--canary.99f67df.0_1639666655232_0.21120271020504688"},"_hasShrinkwrap":false},"1.26.0":{"name":"@atk/mise-ui","version":"1.26.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c4b19a619a18575df3a871fb73fbc5c482626b93","_id":"@atk/mise-ui@1.26.0","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-eR0ZCgQ22MwjHUxlFDhI36ZkG1G4ASQIuPPulpx349y8fOxuHFN+InIY2voX3AfzAVH+iNmK+EisdNYkAnisTQ==","shasum":"5cd875abd2dcfba4d5ab8f4c67fb8f80089b6f36","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.0.tgz","fileCount":722,"unpackedSize":1498379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhu1xZCRA9TVsSAnZWagAABNwQAIWAR67SRbEMPR8teB4O\n8XSVuie+iSlN7kWfYHIJsl/xj1Q7gKA28MdN4bflWDbB5oODVfyKPm5JEQz+\nhHMvWX3g1iqdOaoLFs57z6PCjUyCTCYuBFYKTImzJolnW6HaHprvBFoy/egN\ntoEXfu8bqpu2u5V1T0aI7vqG08lQtm77YlY9QfV75h2G1a1ZSB0Qx3AN7oy0\ngoUc0y6b9eJrBaj6dFA1AVQRNtmjZSyIhgUJnwXNlzf4uFnW+WdH+NQ5Fsvg\n0dat7VAFcQ2juFGOx+1nWuHlAshc1xgGaszHyWZsDvt5aWES6C3j1wev2E6Q\nMq0wfCect2gAzX6Uh/vdj6Z66HHAdJU2cagGzNtgQkk5wwHQ/5o/dOOgHNVb\nMBkJNlVm4X4dNURUcThZ1ztUuyqFNJp4kle4rjDczslqFOtjHrSuZb3PbMA+\n8cQU2iKc9cy64pwioOAndD8y+E25gGwvtFEj/SI9uWguK51qwIuk1Hn22lLx\nkKNpq62gZy34qng0HKz4KpJgkDGZZ0m5R+QLWAMJhmQoygZDbqGoMlCE3Ocg\n+PB4YdtNuhLXj5mRfWsdBOLQiGjFVK+cF2sDwUS+56rCVH8mYzflR2MwyexX\n+EI8TPd9LiTLTv8utkzwkdpt1Wg/N5FJe/QfkuUgKoD6v2rNSNFzL94w3dTr\ndlcH\r\n=XW4t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdK1TAVUajTOCcXPRecVuXzpJt5a8G2VVXE2jXOlS9WAIhAK+F6YwGGrprMiZaFleqBuDBSf/qUnLcKCNhxZ7Ns1SM"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.0_1639668824772_0.040082745037653744"},"_hasShrinkwrap":false},"1.26.1--canary.577.febc9c1.0":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.febc9c1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"febc9c13420c38ada929f0455b296d7752684742","_id":"@atk/mise-ui@1.26.1--canary.577.febc9c1.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-EMORgEErtEQAOZ8aKqxZebo/qWBS0IWbivohgc0UvHqQ8jBBVCQd4CBQUlanbqL+EfFeuBjs7CEtc81pdGKgEg==","shasum":"3f7511d95e84e82072e49db34b37e21945e7ce45","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.febc9c1.0.tgz","fileCount":747,"unpackedSize":1563755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxrCRA9TVsSAnZWagAAQ58P/idf07m1yH9wdqI5vpct\nbsIhbBBdqysqQVraG2bSR5Z3reGTOq5fTPe6HG17HPxkVWiJZDbKZSX5LoYw\nQYSP10BS/YkdHfEBNYDw1iQIWKVdMPibPFAaA+uohNDbB0oQoHIapxL3GbXe\nre4XEO023LujZCiQfZaNWzrC4oqSZPz0eBJHIms14Xaf7BfWF2zU9qrQDg6d\nqemombe6dRxsdwr2pFKpacVW2/vPQoutmEAyRsDsolmxmkiMTmGqYUNBSNI0\n7txIigbg5nAW8Yvx96KMAR6ev4lioOhOC53QJJnxeZCxJvq6E7fcZOrQ3aOT\n5tOgq7h00f6XAfj5pa0Si6qvjOS5/LPc4pDFQJyFLyPMAo5puluOnz3kCiBt\nA2wCkUlL4V9ANkBNu8hlXV9Kka94WftwxwnqpKFOStfZDGunO7qCs0Vb23FG\nTJIZNR1+e//pR8hDqafTbMUPjYVFxAoRxacm7C4ouDsHz2CAwDLlRi4oaLSg\nw82FH3fPqHYneCcoi0p5shzR8cmZe/eeS1gYmuQ9uIAsfObwOK3Uuku7SIfz\nJM+T3AgYQDCCjSTA/Xboyirgrp/bwVIop8cVcZ69pJMZ4KWmcpNKke9j2pwL\nNAsGFRim2/WnU+10P6Jvvl7LmC/vQSUdpZAfy8jcrHEYMzwk5GOJ5d3fZlLF\nS0it\r\n=rNjS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHVWisG7u8MiQTetpIba91DBy4JE26+Umgmsyr3Fl/uCAiEAxLjJEg/AJA52gMVfZOg4A0BZwD+o+CdR/8KSPTegZu0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.febc9c1.0_1640037483314_0.7990971645889635"},"_hasShrinkwrap":false},"1.26.1--canary.577.febc9c1.1":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.febc9c1.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"febc9c13420c38ada929f0455b296d7752684742","_id":"@atk/mise-ui@1.26.1--canary.577.febc9c1.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-6QTok0SsGDYp2csefwBcZSJzwBs6oAcRdbpzWEc3MN0XuSiuE/tnOqeMhIH3EhhzVO8MHKIz73mLM1EHvOCHgw==","shasum":"4c5d611b05c210b56cb77309538122bb89b9281d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.febc9c1.1.tgz","fileCount":747,"unpackedSize":1564026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwP2mCRA9TVsSAnZWagAAz64P/REtdqlX/MYH7yWVaakS\nfm9KkX6VCa+4sGzP2eKctldJbEg2/QCc+OKu0c7XdC/RuqcBkAeAK+pcpTc7\nTfl0dUP3gEp7V7zlSsxLCTz3KcbeQmlClhWomCWQka6uOwPh6Wlr6tzfMBKI\nNmFbrfJk3d8gOzSYZLWSVpr+eQyAzpdzxwp7ttbp0dKzTHOLyIRpmy55+Og/\nigoUvN1miHHqbq8y9J31x7JMoDIJaa20i/z82a9fzJYga4TeiL7R0skMAP1j\nm6Z87abBIMFll2NKeCgM7pyzZa2HZjGyB7T5c97ANkuL0JTQrAqftGqeERQi\nFVU81cXXd4owGRZJ4qkcEC98vp4WHzMWihAHT2qmlZ/hSi6nAmAhQ6oTrq6g\nhBFSIMmRKM12bqDjpXBiPisV5arDVUsUfuPWWwHG/fEIkRoHcMl4rg/s+bTY\n0gm/pj2aVL68/Fz43rbo1U4tgAHvjC8oGnuPHbwiwShaShZ2fjaMAkTMRAgj\nUFJu/hOCFwS7Vi/Ri+SBB+hOz0YLJswbRpcCA7Qlis2vMRkGBzr6Zixg5UcQ\nkc+x9u8IFHWAyH4LIcY0tfLVyiyWswhb+aDrZ5CovYfxkhA4ODjrWUoz14Jb\n+DMkQNZ1X3WBcuMjngtWXg24MLKpIQpCIrtfU76ZFnzPthXv1U1NfJGoJnCt\nayAU\r\n=IoOP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDDxb5k1Udv8Am8wXCV8U7FwBWsjtu/fv2spM56BoJ8iAiEAzCKjxCIRUWym7cDBAN3Y3LEyOMxTcI8HZ+r6EmKs1o4="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.febc9c1.1_1640037798704_0.7975432064446597"},"_hasShrinkwrap":false},"1.26.1--canary.577.0c02f5e.0":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.0c02f5e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0c02f5e1a34b2bf021fdadf8bddf5b17b5030d65","_id":"@atk/mise-ui@1.26.1--canary.577.0c02f5e.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-AgaNuGjOPwSOwYEBMlYfL5UPw81C/9jvrXAxw6CI79FMmGJAKwRmVwRAA8vkrHkncoiQDKWDrhbPgzVas6EgaA==","shasum":"b2cfbf7e3c026bb0c76f0f81b2c82b85d9d51b89","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.0c02f5e.0.tgz","fileCount":747,"unpackedSize":1565658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwlAKCRA9TVsSAnZWagAA6eIQAJI6ViUvZYFcjIL+sCV7\n03DxfGDDZxS8zCffIn/+zbiltJ4SO1eW9d9GzCT31j+VXbsPGHfG4um1499S\nTqinP+2ddekeAI0NWHiYJAFpapIDf7FoDKHwt6Pr5qNeY5Tp5pj6hemAaqiO\n+5kOvzyaoUl8cZu/plZFDkMV05P9JEwtTmr2pm6//aqFxACoxcUSxH+4w3zH\nTOzNvrHnfV4ut9b3qg8lVN3yRpdoe5ZUKHP7IwUMPjpzibVp04bMPpb3o4Tn\nDfwGVJYtsW6u+pd98yt6DUj/X3Ly+PXQOHWMWZm/dhCaQHuA35GlZsdVGlS1\nadvHX6Orgf2trc4EKBphanaVzyBBuEwFChsasIGfDaqR2jMyRMdtPwvXNYA9\nxNMs9eAlPXVKqEn0qpyNPYvyBuUaMOcs2krSEjNWBQshNHgYbfDa0RXJxiDh\nD0AlD7ExmtM5rn6GBvBq5KM0QdubN2GO96i0jGyORWYaKy93+R5w6t/YgLA7\niyPXfOGWTGr9f/K8rnhdKpWe+3NGDGYl3a3Ff5rvQcpiQYTpaK+g9zxw/AX5\nJxg+3h3NbQiAqqlAkIWpnUTiVYgADNOmShQEvRkz2cmb9clkl21tB26vWEt7\nSlUCGYy+D3qqZ5TtYeLwd7ImEATMqGkwcHlImcrihYCXcaIJjlpuS3nZ98s1\nJ6YP\r\n=k51m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBV8LeDNUzC5m5pMiFqUhlFsN7YzfZuveUYMf880TixJAiEAokUDrI3iQKMjIAmDDoRFkr5CGXhxJJ1eCJlvhRt21b8="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.0c02f5e.0_1640124426397_0.4057657172152196"},"_hasShrinkwrap":false},"1.26.1--canary.577.0c02f5e.1":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.0c02f5e.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0c02f5e1a34b2bf021fdadf8bddf5b17b5030d65","_id":"@atk/mise-ui@1.26.1--canary.577.0c02f5e.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-0bg9g6349Ud6JF6V58cBEHjJnOSidkdGUP6/WlgHhJZ5JkukluDyhH+/TJFUCgU3OIH6z/RpAjTtO/BdsYEAdg==","shasum":"ddfe6871cf67a077699867a482aa6876c8eae2f9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.0c02f5e.1.tgz","fileCount":727,"unpackedSize":1510037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwlHSCRA9TVsSAnZWagAAcasP/jlWM9tyUqqKWJvAozoX\nWEkID1ox/MSOF5h28Wu69RT4DQUY+6rBTA2VLSe96KW8AknlvHjeKpru51SV\nFNTuVZBbiyb6BF3Tu7G6ZFVJRDhVT69hDUtnBtZdZhAySRIbk+/IQg1TG+kR\nT/rk81e2c7wr041tTzCOcz00ZBpvBuvSKOQN1t5JgdZudQQ3l66OzwUaHnCF\nZFnPjh/DmMZhCQBU3S7OU3ASHgPo0+v0S2lNZISJxFZ0876yM3Us6Eu8OXLr\nBNAED7C2ppMcxBNuJlo7aRNW4BOh2QfZ9c47UGFZ72JVJXMpyBVaBeMBFuqq\nuGcSwa/1XnnoJUdHSTc9ByyorDz9OHe2ukZTdfCKjdh+QXvw/dSIIjGw+p5L\nvDsAL4zUbmwXr4ljaPavU01RETlfqjYWopa+D1CjdqqPp+fz71+n1fAR0vqe\ngpbQ4mHMXdnGUGRarp88t632zexUbGB5Q/rIGzisK/duH/WxFjW6UoB3sD37\nPCvrn9e4gVlWuCs3TFqw/mCT5a5hEXd4IisukGF4tIqKvsog4gerslDeK28p\n4BKXeY/xoVsxP/VR7NNj5c+RN9DcHgV+XV7el7u90nRsamWb5qSH3qlaFL4I\nY7E0ovxypQS28w+k8w3izSLI2HzAecvnhvarYYdZojwfOc5E9SYayRNX/112\nymuX\r\n=SRw4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyDgk95Xu13A2eIOIXjbrdAV5d8/WsXZepqxgJ0BuFigIgBRL51hOi2JpY5aWqbPBUyFbPOGaGAd+AYHJjUN/0I2I="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.0c02f5e.1_1640124882210_0.42182652374292195"},"_hasShrinkwrap":false},"1.26.1--canary.577.15ede60.0":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.15ede60.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"15ede60312906a0e119e261d3e31bee6bbb8b92b","_id":"@atk/mise-ui@1.26.1--canary.577.15ede60.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-NWKWNshWDzMKDMQMPIqne2jWsJHOEXqEauccE+t16XXQFfS4TB2/HV4IB0762OkBAsBcFYF7YSpRGjCLUAOwQQ==","shasum":"a7bae29ee309b730f964bcbe2a1d9f0f4155b607","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.15ede60.0.tgz","fileCount":727,"unpackedSize":1510037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwmE8CRA9TVsSAnZWagAA8Y4P/jNIkQjAPDgM2hNCzj9H\nhteY7LG31HJEyxBIAAZrtoaLeNbqYX6XOi2fAC/ZqKNXpGU1SJ3e0SC013Tl\nH9ufe1uSLcVkHS7nfzNBMF1f5tBeBR9kQ3J2mCn/Rc/f3VrXHKEqE5HLcrbd\nSP2DebLgLo1NIR7cmTD6ovtlW4AmSGnIPBJ5ZzdYFAGq5A0WPKw93JRsYiG5\nkzDmFlCTZqZaWVZYXerdUGLliXOsqjEnw4iDdBstJ81rAZuyYFath6Fng1dC\nZ5TbEGEjMVix2rH1IPzUPt5MKqZT6d+IXG9U2OQgXtTGWP7nt01x/W99hKD3\nwVMWLs7iM/NVe0z4ipm/Y3s7tUEmC7pE7YmiJMMiGDE/96Tp/JZFfxpiZeEg\nYXu5nlAwxyS2J9LkglKQRrXZVehyv7B0AYA4w1jVmHfMVHrgoxhhEXg6E+wJ\n/Mo3Pk0l/QHc+H1wIu8EQn0v9OC/MimHzvABVX3ilhXwzTpljTUOmvzp+D8l\n33FKgNBijLp5hIIoyRgWJbfL825q0UVnibokSJj4Qd1+TwEEpkK/eZ1gqBOL\n6fkjZIMb4VQVx0ca7utL4l847hv5ssMxXlvk4+Kf1idxp7SvZvLB0R/DqXSj\njtt+tonptFmDvdIP3j93MM7P266RY8qSzbAFbrL753SlsssECD5qLSR7VLLv\nj2kw\r\n=aCyn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMg88JmIBkaNhGVIUNNM/21xj4VJMtH0GUwl0KH8dOigIgNhNwnfFUeBg7vkWl3Q3725LdpfBD7pbUFNcwoYWU6KQ="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.15ede60.0_1640128828154_0.25274142278656697"},"_hasShrinkwrap":false},"1.26.1--canary.577.15ede60.1":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.15ede60.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"15ede60312906a0e119e261d3e31bee6bbb8b92b","_id":"@atk/mise-ui@1.26.1--canary.577.15ede60.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-afabHUjNbhZMmEVKDuWYPV/wgb1dVckrDuKK9o6C7Bltj3+9mCGsZhPAwQso4cQVoxiQ7ItiHeZKdXuLT5SaIw==","shasum":"ac126bf05dbcda20c2385d7e302323f4cae7e85b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.15ede60.1.tgz","fileCount":727,"unpackedSize":1510037,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwmXuCRA9TVsSAnZWagAAdNsQAJZhF+PrzrVlc0e+mN5l\nq1kwImxU0vpoFM2mbgS40RHbJ3WJTk5o9uy6joq+qnSg+lNFSuPtMYLFWNbq\n1bbDKF40AgKaovaaFJ08qnqS3vKzmwBAiH9yWqzVe0AmfjVxFkdBVFz0y2s1\nf3zw2iptfzjmavsc9J5ZXThBwr23CNsWhWcBa2AvTLv1aLsvg6nR3n1f+sCv\nB0PbqLJLXBxDFyYbGUu9d3PeFocfmz0S1yDm+t/+d/ZsxEjj0qrfkHIcAdmL\nYomngGgzzmp5yIJrHtsU0VupUgO05ngOsbDI7e2vzMv6SKqacrsgI/9bRxBL\nBIKT/MVCH72UStlQYJqogjvpGeRiORJHXSyIBAhvW21kOF+1Xa3PWjEBGG9w\nPUbds8VeG0yeNO0+BLgaHZ4v3IUd6e1PMrL0yFiKfhcfNHqSqzqhtgzo24Sw\nJgLnr3VKAypOy+D392vlpg2kTWjdqKmZbcfWTJD0mMqFOXXhaAGdd1OoGZlb\nAAR0aMS3AbyX7MblQu6O6sU8c7bIlHrSq+TEh4pRu6qdKx6BXsDOgj3i+hpO\nmsaunqtjQwtXBVKghPg/3PcWN6rdMIc9JH31Kf9yhDEjG/3+d1+WZn47fiXB\nD1ctm+yAWnas1h25+QmT9gTmXQTCrb23oJNveFLNnD/8q0qua5/QdICpSM8/\n1s8C\r\n=etlD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDBIKfH6a2lOjxFsUO6pppxQG6BsGiQ3gC9Lj+LzF8FwIhAOtC96vlWk6mAptu/xgHRKv+He063HHnAdX2w/CXGMHt"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.15ede60.1_1640130030254_0.799830113451216"},"_hasShrinkwrap":false},"1.26.1--canary.577.15ede60.2":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.15ede60.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"15ede60312906a0e119e261d3e31bee6bbb8b92b","_id":"@atk/mise-ui@1.26.1--canary.577.15ede60.2","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-N0c1g+1d/VnI/xpKRkRFI0KcHEb6k2FM4U4D6Zk+6lfI66pZtuVCthPFOKRiHgd8PLyAdLO/Pvg+GGlX8ObLqg==","shasum":"78547b8c28ed7d1bc8c7512790ce03870a440bc4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.15ede60.2.tgz","fileCount":727,"unpackedSize":1510172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwmb+CRA9TVsSAnZWagAAQoAP/1euDTca8k2AbyEdNMxe\n4lnOBIG/2LkJ5C/LreGlWggXcZhqUduQvJabY7PrJ+5Q/UAnB4du8qYpvcnZ\n7j9ZoGNu3zT6uxkFMkZ3Igwb4nLgjdL5UJfDkQeqQ7gdSKVTUfTFaNqonETp\nAIUUF+n9tLph9cvgLrBMUBEHWVAfhxKXB1oSAQfbimbPRbeDVwXARrFSy2gn\n+PUBOUyA/dVJ54i3E8S9BUaS+4rw+fHH5Cvq3/w505llCRx29xZxZnseasSE\n3jRX7jUgobjZmg3N5u4sUO+gyxYtKLm28ZxvxGziBBjILylnpGKyIVgsBur5\nzW7n0pUBVMazhm7PtH3daHD5T2V2nvAk81jiqwydJbcpNWdpB7x15GPcGwej\nngn8LZyxah9xJpwWVHMv9UvR6yUzsIIyyA++crxYUIgV7DkU5y0ksUdFCKM+\njsJF05FU45qMok+fLsqjYt081NagLKQEV0ayBKhMQYpP2rTfT5957HWAzOs/\n1QLYFRNg06l8hwdT+dH3AUnnsCGceckTSNcGxSrNoILU2pkOuXGM8vxgURUW\nmaWYH+KhhDjBHVy0gv+5xCXysmXwe+NcuGKfjlsX83N1PCwjedgQweRUoMMh\nN0Pjeo8+xbtM3fFXlMw07+Binb4GngeWGi1C3Isle7PksHnflcRi7LuwS9hq\nMKAP\r\n=1Vpg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8RSqtHVxQO1F6iYVA356z/fbMNvhiZkfLSbcT59bc9gIhAKDuWzLIUBLvUeSmVEgSv/XeOfgTkOw1EyXecFQzWdsz"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.15ede60.2_1640130302166_0.935297173465665"},"_hasShrinkwrap":false},"1.26.1--canary.577.e32032f.0":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.e32032f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e32032fc3815d0edaa852a285a5980ac743a825c","_id":"@atk/mise-ui@1.26.1--canary.577.e32032f.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-6svckGxPZB9SAPE8PKvuKNww/sb4/PXH4gcr+ujeJPgBOePc6QN/0mw0JpI1YUtYG2/mGqvsPBmfrc4jCDsVoA==","shasum":"f723f2c48ff6128e1655ff06fc07e8c9f49e2392","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.e32032f.0.tgz","fileCount":727,"unpackedSize":1510810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw5f2CRA9TVsSAnZWagAA6YYQAJtkR+elVw2W/E1tgKZt\nUHxco9aq3dXDerm2AflFIojuzi+WbbNQIhsn0O3jHu1vMOCjMp+2FhpHs8KQ\ndkZsk8sCYsdIFmd+wcOFLnSPasRbydNx40kDiPfZcinB4GttemMKH6HANPY9\na3AWCSUpZu5iYx4mjrPB90Fr+AeAX0+rS5p6aL82Xj8Dz2t37B/sPcixpU6c\n64zH9D1wxKlAlqJ3K0g0LXnn9nFRaWdJC7uhqWKNxi0Ij80uSRJZdsXz8OuK\n2tu6r4YUARKThLyXx3PJN1BfKCNyoqHQYr3C2YaRFCQkO66cR7xzacFVrQqa\ni5F4KGEUSofT5k6nW5HmU5rS0nXEze3BT7laLO2q+OkuS/URJvODXwM509K0\njRMrHAKU8cNVBSB56jvCYerEuZJE0X5iM5rUFegzdGmPUuwZe0DWv5Yni7gi\nYB4aiAFOJl7huAORDf55xZBQDOXxPDh1prCK2Fu6QzJYOVaxEaKQhyLE+K4r\nk2BWy3/HhlJsGrITN4cFhus1PkMiBLyb+C9/0N6j1TKwtw9EbsUGUW1AWKWp\nru18eQiUF3R9CjtIFuIe1Y2uYynhjN8fLX5sNlGkdVxCYAQr1/quSdSsn2J/\nwbP4Pmv7QWkZmunEOIoQZNZjSE9mGlY+5FIOrwYI+qFtu9UJoCmGd/fStJOQ\nMVx/\r\n=Vuay\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBed03vcLCc9g1U6mC/Rt/EU1+Urdc2ESfsX3s54AoVAIgQvsUEUZYnqCkdIOQEeTqi4fU5P6JEbckAyXVHBfo+n0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.e32032f.0_1640208374194_0.39528923249932557"},"_hasShrinkwrap":false},"1.26.1--canary.577.e32032f.1":{"name":"@atk/mise-ui","version":"1.26.1--canary.577.e32032f.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e32032fc3815d0edaa852a285a5980ac743a825c","_id":"@atk/mise-ui@1.26.1--canary.577.e32032f.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-xV9m9iqBIsNlBalwsoO4ZZr9FXmPjiWjpjeBL4f8k1rg/vTSVdoM86aoXAPnBdfkpRudkTLIR7GSWZ5PbklHnQ==","shasum":"7e69aff61b16f085a1816d22de3a439f42dd65ab","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.577.e32032f.1.tgz","fileCount":727,"unpackedSize":1510810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw5hWCRA9TVsSAnZWagAAS2kP/0RszF2V6sqP/UNBa6LX\nRWfton7aaMA/qtwZ75GhNgNvLMxjh1xsRDvaAI5VqZEsiiTXJTZ7B2Ab5ETt\nZDgz0QIKlZr3/2uksIMcKNxy6zC4o3eq1Sabz4JoKuRoryh74l341tqDQnu1\nOTXgEX0ZNIQCoPQ5o4oACUW2M2h4N7ib1LsSa/jenrHeIEmQZrl+nNXiiTNd\nBEbIF2oMmLz3ZOkP99XxNaqkik7SNqVGxcc2WbbNY5yNHIFf7Mdv9PhKwEFL\ns0kXt2Gr7TLKbokRoKrJmvLPkXKauM2JxRxI7PezLZ54WwpMPj78NHo/PG8J\ng8E5rK2aU5qnXap7mFgNyXO51W/NHsSVSViErQaLKsRWF8rUpw0i6Kd68+Al\nm0bVE9c1zzhl6/OBJSLz3Ma4iJThv8pu32ywJ3XNwOVcEtUxuyMIwKfqOpn/\nRcAerkc2napu6jcB3co7ii6lPNejoZSKQE4H4CTbeXDfz+39hZTGNNKcrCGG\neh0qFQhkrbRXo/Vgw6DDPXOoXBuwgsvc4qlzcqaJk1UcrWyKVpPHa4Ndgyle\nHlVk9CU0VPUTVvgJl4spuazcTUxD4ARZIs0vwlQtAeVaIRF8cFA8JaWtOVrm\ngvke+UCErsM3Qfox8b6OI6LyL3Wb4I3SbRaBwMqUvC5M3TIufqy9pTQLxUqQ\nfNHU\r\n=1O/E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGc0tWq0RbEysJS+5UXKtPcf6ra1qwmlodOB9IIyzc/gIhAKf+ybhVl7QV8ts2IEbu44VOG5ZB2cR2Joi/otPGsynM"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.577.e32032f.1_1640208469883_0.3941088604949001"},"_hasShrinkwrap":false},"1.26.1--canary.594.081e8ff.0":{"name":"@atk/mise-ui","version":"1.26.1--canary.594.081e8ff.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"081e8ff5d100a92e53e55b81aba08cf09422fb24","_id":"@atk/mise-ui@1.26.1--canary.594.081e8ff.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-B5O7jDoTHO7l0T0zWCi2ARKMigtiBGyhYdg74Yf/gBv7Q4JVTPiTccaiZePnhliB7Sn9z0yTpJvHzSFvtrCszQ==","shasum":"46f71225f525f1c4c896dd26108841aeff6d43e3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.26.1--canary.594.081e8ff.0.tgz","fileCount":727,"unpackedSize":1510414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1I/BCRA9TVsSAnZWagAAo7cP/3R9Tf1V0pL+O8rOUEmb\ndIabEsPLKYTcJsmiZH09fVXY9ARMF9BmFMmibFyvdhMytxkAjm1tfQPkpiBN\ntgWT0CNrKJ17UeDCm7r6QpgtBzzVaMg/SuEtNZKF2JYvwTjC/Wb7JwivPM6W\nkkrA2Sv8y3BVhEQLFIEGuqXJXJLikqW0LNL59g0DXQTwU93guMD+6iPD/iHM\nlZ6hC1o2IDa63Dy+MUf7WydFiVQijw4f1ebYKh3ICCYny/wCKoa+RY5Ig8Be\nc9GWHOo3Mdd1Xo2SUX9iVzBgd1LlsylxP3pKcjAe71cfbWHqgoxeYvChe8lL\nqjYEVX8Nyl3XTfucaXOAg313LHo9vzzbTVdzXOKe6/sWS18ey22q2vs4rLSM\nRZ8IwuFLZsfB71JfRT1v2i1H+uhtCUXOW8Snr0UMCw/OnLur8bhYYqRu8SGr\nEZMNU/SrjtgHx6diles0l6Gew8mDvoxkW1AuOuXi98mGThpCsGHzoX0+1ZA5\nqy9/eeinBMjvV7EzjUwHYuwNsGdPf095SaFbBp+EKlmKMte8z7+kEAR0Pdv+\nLHQlrADJlfdWmA2u19Qyzojxsg+kiBAmAvVAd9CXsdSAcjzknRUv/1L4ZRit\nOUq0/5rxxiVsursI77OOwBclCXELd+U3lAhwVWPWsFYv+GaJuTFhZI5k1KQ6\npFA6\r\n=E/uv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRFfT2/5/2rmdBJgNPCeIiDUmBOsOxflGzgf/Q8BgdTwIhAKuFolpo7xDRGv71V08av8JNZo8OEugVF/UyEsjnW2Iq"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.26.1--canary.594.081e8ff.0_1641320384811_0.34371425002088896"},"_hasShrinkwrap":false},"1.27.0":{"name":"@atk/mise-ui","version":"1.27.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"d92c2406471007b6c189da344a5a6c7efb432281","_id":"@atk/mise-ui@1.27.0","_nodeVersion":"12.22.8","_npmVersion":"6.14.15","dist":{"integrity":"sha512-BC/CFpcsD5EojBA1WcTvh9kyT+KrpB6sy9xETnw+nJm94lhQVaEcb+XdgKTrVcVB94k16NLq53Bx505iiqgM2g==","shasum":"5aad3b9d58b3a93b24d5054622e9bb2d1106ae8f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.0.tgz","fileCount":722,"unpackedSize":1499740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1JCQCRA9TVsSAnZWagAA5C8P/2O4G1Q1H6A6JCE2EyeV\ns6sL1Z4ooY9b/yY99QuPWwbXSMqi4be8cQwphuTcsnC28Y+pLVgfi6VA19rU\nbtNgaRw/pC1trr4EatOyx9m4S6+R0mQA+0+WU2r0fxgbAsmJ/KTOJHIuYfmj\nhFCwgs8pFpGV6tn/R1B6sUp3S7NWWt131bnfEEBbfJq0wUvdQPe+n8exTc9m\nn1sHrbQ0p5BrreancBjNaHuuHK7thY4Q0nb9RqSP19f3XVKAYqpUUFFO58bU\ns+Dgxazy4pDXL8HqXwvEdisv2cbESRZZQpRdbzvyqTurEpx9oF3Hn2qoGDHp\nIeylf2OUsfXzLd2q9pg9Ei2igqsUTpoAIycRCKs12JEgbg0LkEA1BOY0G8Eh\nLMlMYD6HCT8WGY7zLeL5ik9jNZleSsRaf6wCWv9Ya3zTimgWVUYcD9omG68o\nb/aH8YQoSUo3wi6sGmZCc83HAMiIoD8h0cb4tyPeKTfJtNYOKfiTfHFeNlFE\npknM5xNkaGUKGIPvV6oEOWJXu0x96Jy1IjzapDndj9e6QqcDmtYT40hfvPVB\n/ak/qH5iDQC+56CaAzHuDKMxgPmUqzK7defkeIoNZoHPfCVw6eNOhmre9c9k\n8Zt1ZvrySBSejPXjxbqPkBZccPMLZUMf/VDZxHkJZUZaohVt5dp0UPWNBFyW\nPbMy\r\n=cilH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJUo0BMZau6iDnXd6oURRjzwkXiJzjWTazQrrGtwT2BAiAvUv/QRsiwWug8meNir/JbNHHGW9FYt60Te16AchxBZw=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.0_1641320591840_0.8125010105347505"},"_hasShrinkwrap":false},"1.27.1--canary.577.de4cdff.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.577.de4cdff.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de4cdffcd22ecd9a6b24afc8258be272e93e1031","_id":"@atk/mise-ui@1.27.1--canary.577.de4cdff.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-jb/XGw2fsVoZ4S6Ny9zHuV6PDnFtYx0NgIfk3zKAEJnhy69QlmPSr71Zq63toDsDUm1Zkg5BK6Vt6edYY9d73g==","shasum":"83492fc2d5107c18efb1d9adc7b3dd493fc338e9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.577.de4cdff.0.tgz","fileCount":727,"unpackedSize":1511965,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1MIQCRA9TVsSAnZWagAAXTYP/jXEhZEgFRGTUVBKXbK3\njKtGM+0RZmZyyNkFZBZaN0WvDsIPS8qJPbCNnX4aBos1l9MjKKr4wlQsUYhI\nPSNWg+V2YbidQ7JY2IyhdPivFWX/ArE6DNKK9SpHL0x2fwglFFwEg5RjvKCX\nOha1xSpkr5cUGy7zvq1hWFJ2u0BWT1MCcNnXMbudAVQcRDukHonS57Nwt/ie\n+1YcQtbVmsRYWzJcUshSkXTzcQC23bOyQD1bYAE6nUmgdHFOekIDURslSj8c\nV0ge71+Pr3b/pAYl9Y2k82b8skoNNncKRTJrEbSfH2Zur9FGRMIvouma+VjX\nvioRevPlZX0zKVj7JQLj6jgeC2fCjRfkbksfhXGztg+WSYO7pkBVLrxTDiJZ\nb9VOz6P/2rxtpniAYU4TwLS4XIKIQa8ZomHpl88vtABOxw+9DLpqObO4bvQA\nkHE8M57MGehl1ObRtoP9tyLZedHYw4OUYcoUPE7kboUFAppu+iZn91kfgwVc\n0qC6QREcPG6qkDF0ebtrxs/0+NF4H8TGmVg+cc/oYnBkZYgACwtKhpQ8sbtD\nzwX/V6ChZng3xQWEv0fRl/cy0pcbApBlges1HR7RQ2IRgewS55oiT7WCjiFm\nkWXliFrH3k8K026eKCQzgCBymbmTgHT+S/5csWY5qi89TYLnMOn3fIgRr7Lb\nHUnh\r\n=I3QK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQIggcz8xukCH4mW4XP27B1ElATsyboZuDbwE/DifQ7AIgdlCjLPARiYJwOMYp4XKzg3VGmdzGQWwYqdpAztxCufo="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.577.de4cdff.0_1641333264010_0.5336881387637216"},"_hasShrinkwrap":false},"1.27.1--canary.595.e791698.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.595.e791698.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e791698d45937d3f031b74aa78ae2e421e95c7f0","_id":"@atk/mise-ui@1.27.1--canary.595.e791698.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-hPAm+5Lx9MNvry5qAZ3leh2MboCoJZT+ELpwqnhnTZIIkfkILnh2OGKfK6mmxVJ9UsiV8IyI/i0KctRCFxB5MQ==","shasum":"51542601bfe9e1a0b86012db3ef9b6da681e8410","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.595.e791698.0.tgz","fileCount":727,"unpackedSize":1517702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1gnDCRA9TVsSAnZWagAAePQQAIIdaRri7Kc+5SYIrGIl\nc9E4k7R6UHUrKUoDbW61nC+vAMUrXtRK3bWpJoMAitJu9WRU73TPGA3MP7PM\n5RHwJqk70R/cg5ef9xLudtx1yTX0G2Lb3nDcZ/CZpdpcoGKK/4AHEH64/HE4\n6HhrI3f7tD3p6tzoP+JXMirmUX4+mpSrp/6Ygm1IkUEFTMKEZAWvM34bKHnc\nQB4ZhVZhWO2+0C/kCBx7nVM6xl9xOsobZXUwce4cRPmiZfOZ8hViRqKMRJ+2\n9cQv2/orgeoqDZyDdcjaI4qKfgq5Ou5ljXWw4HMf+S9DlYOjhvqxC/09P046\n7CebDsHUrQJdAcXRUBgDAn4xVAdiTLKgCFKnJfxM1NVRXdSR6WJliguNtyEW\nhbx0N7oNeS3w7FSb3CE72yZl2oe0/xsOO86SiwT36gaWszAdu3DGJKUHZfgM\ndOh4CbPNE8EJjboHzAafH/dQ88sur7fQRRf+rhaa0yOuuGkYULTAMBAD6EAE\n5tASHRenrtVyW7DVIol2AQXcc4Mi71zvA83ea2mOLTj0NnbnMc1qGOVljvMQ\nLuLtt2PVG4g9cPbr4KOivlpAu6TmqV9dc8knis0UlYmT3XhuVPb9C0VS3it+\niLgpcIoHeERvyoUC9WbCX1jh2nFsIMdNCL3RsNZIoMC3IgGtzq3udhTH9b/c\ntBKD\r\n=q35h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGG6jM6zBp1HeQ+03k8uJYRqBaBXvdc07vI1HnfmllO9AiEAsxqLQe5ulGUbv8Hcn0tFHqlAUZ5OO5pNfn73v+6I9XU="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.595.e791698.0_1641417155239_0.7278056106602357"},"_hasShrinkwrap":false},"1.27.1--canary.577.129c4ac.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.577.129c4ac.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"129c4ac2b366a64abfb85f4dfcfa4ce4fae69d1d","_id":"@atk/mise-ui@1.27.1--canary.577.129c4ac.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-g8T+QlOe0o7Kl6GAeVUiYiDMQlO1z2g9ExD5ad7MlVJYxROyCN9ct9wWfRvpZzAoCgNUgYvl+xPC6FyuV3JTnw==","shasum":"b69bbf86c483ef59e9047e357e8282fb071b7e8c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.577.129c4ac.0.tgz","fileCount":727,"unpackedSize":1517702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yHQCRA9TVsSAnZWagAAVEkQAJOEZ6xdUkpxbOpOl2NE\nPjoK/O6Q/ma5V0WpDB2LNIUyP+Ya2KuOHX3tTAZE/imfVw/W/JpVmKKRFft4\nZYZ3z/w9xRZwrDgxo3yLIOkuBGsZsQRWPWBCkQXsis57NBJTqZkGjKAQvF46\nDa+hI9oGbvgOLWDB6AVeV+dB88nfjPKXxbCmuRLv7IRGfaxOqaaGjgSaCiEX\nQxiJXknVpB9E+0E9woH+CcUNIPghFBoRymFgflsXV0f5XerQseYIasPncmXb\nt0W6b3J9r9HzyQlhSUGQd9H+PlIO7NPQ470nh6KNahfp+2LCTo9ixpcgSKZU\niPbJBSlJwYkYOnJ1Fto1RZ07axFk3JNFkZjzMGgefe2SbdXJdafJL0iivcen\nnAUXYS4DgI4AYWqnyNFURJpQpkz92zT7F+Xrn6X23k7JoG3iDpJI+JAK+DO7\nTcCcRPuOGK2PWa9k2LH7jVYEovL6eU/ywHkvrGHmjsavvf65PrijEem6wDZe\n4qO8O4YBuEEDA7BwdfqFozesRidukcsTjn9qBdOaJngHZNU84cA4nRPMXFCW\nDv3PqQmrS8xglzKDs8bLBCGYaT6iGXmWD66qOwZLmBSIhli3YGGEIRHLzvvL\n/Z9F8pxFYqYF00F2fPvKUiWnvpJKuzJV03uy4iBIhAV7M6xNrtSk5Op1Sg+/\ngYPR\r\n=7/t9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLvowRFIpkbzYe6FIQyDFGegiABciEEi439OsKvOoBXQIgB0DDsuuvQX4xrkOk3A2hkS0SoQ7MdwO1oK8p1aSy6o0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.577.129c4ac.0_1641488847892_0.427907457422132"},"_hasShrinkwrap":false},"1.27.1--canary.577.129c4ac.1":{"name":"@atk/mise-ui","version":"1.27.1--canary.577.129c4ac.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"129c4ac2b366a64abfb85f4dfcfa4ce4fae69d1d","_id":"@atk/mise-ui@1.27.1--canary.577.129c4ac.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-69W8uogjq6caTXrGXBqkxWlKwigfPUFLdTJNA4K+gVg2kTDVi8e/LsbY0pw/tihVE0VJNBuLgXfEiw5iT1R4Qg==","shasum":"6ef4dba5bc87ca62455b642d8634f08b8d7ef245","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.577.129c4ac.1.tgz","fileCount":727,"unpackedSize":1517761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yWwCRA9TVsSAnZWagAALFkQAI2JNRgpzzDO5HwCrS9n\nuq87UPODyZ4YMG5PUXR1lSgaiGpgNh7ZIUo6j7oPryX7ud/dJsES8RWq7xe4\n38WL6QmfbPX/bZQWBwvyPY9iOt5/Ynb0trN2aMsmYa1CNWsroNOA5bB3zsph\nPvEAt4Lz/QCjYQRZ8GAJjGt2JM6nuB69OcEi2w0o3g530f3sJyhQ8T4BXdoX\nLSiiHURq95193YAeRMZp8ONdOqfYPVmOkIcvx8X2V2a7bKUHDs8jiEk9PfcX\nk1yDbA9VfICo2X06XsvARnqfofL4n24NvAJIJqeLmDAa5fNLLtNlzU+8ZqOz\n86RGB51KkDON8Y5NKcpfpQ5rcQl0xJHA4a+D+H3brK2swk5KCuctIxWFaf9w\noAYW7A7jTwhDYMQEop5RDpcqTdoZNFIoY8BnG41h5AOWu79ac4DT/cPi4KLB\nxXABfxVh5x+HUkzr5KjcgZrHvSONRlMbdLxr4XLhJM5KFrQUiItNxmQcz8qa\nCs/JwS+V//+YqDhgbESu/1Rf+OdbXCZhneFltimQIytgL/nZF/sCbCegjF65\nx5zXC9VIpF26o0Ls6Y0T8ZBgbyjLiXaFptnhdweCn/7CwKwHkyL22wbp1GdT\noYcqe5ofnvwJeTiK0TLFZ1Um1oX7FhfAt1cWskMNOQMntdPyjhTrQLUd17Zm\nnoIC\r\n=A0nx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCytmBtjh25G7KPDx6V5XxQ0OgqE87Cx59YMivlOCySTAIhAMCVNlebp5bqRUbQ2Ufyg5BAhV/xeHovx8bi4/ZudQah"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.577.129c4ac.1_1641489840218_0.07754357655366673"},"_hasShrinkwrap":false},"1.27.1--canary.4d7d714.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.4d7d714.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4d7d714e7c28ea383381bc9c23337e1b03258cc5","_id":"@atk/mise-ui@1.27.1--canary.4d7d714.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-WH+tK96toxGVRs+2yQQqUmAnsIOi9U68aizyzaohZ7ys/qaxUGsuDXVhwTfudplnrhub1jfWHmCHQ84dJ1aiTw==","shasum":"cfb163618f054ee8413fe255c1997ae79d9b7a17","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.4d7d714.0.tgz","fileCount":255,"unpackedSize":1091437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh11rICRA9TVsSAnZWagAAntkQAKIC4ytwADA8PgARmZKG\nfIAgStm5cIPYa2u+NDfU5y1u42DoKvAG4vUSev0yd+JF3BIMnKZje2ejyJ1v\nGh7TCsb+vuu8TcodvaTwJjnZa7hHkbx3xY1yZ7+LCs/36UXShG91QnHBc0Rl\nELEtSNmNnhhG69k9qI8YlWFF15bWq9FzpcQceeLr/Snb/UozHBCAO0d8w7x6\n0p0PlqZUUrfitZ0ifPih1f/Fkqi7mlIhwsWw3tMunXvkcDMVVio79AMw6WwF\ncUzcjBOr+Tf4bLrkbWM7u2ekwUrlnphC6rrM0XEWSPwmnrJiwTHgOaP4lGXa\ntmzxLIw561Hz3lKJv/4MCFM4YK4uaT9Vrn7JVhzDESoepCQ6m0Uh741sbaJO\nUyVYz06GWXZMHyQSTx6t43FboloxuUrTfbzgHG/UpivUpO0+Fqa3PvKJkxGz\nXIVR1l/WJ+xce6ssMLXg8dCFmmOgWmy0xfB8bziOajWby96ZgSVAsB+hEAf8\nJkIP805WNYCNUr/232pEGlcnri4rXyya8cdLNEHa57LcJw/8D+0f5J19fQ9d\n9H9k7Creud96TEi5TVPR6EGynsfuDXuT8gTsA/Sxu7NiCZMAsvdxsK3CDj7Z\nrnK6bRJKNTmjiZye4qY19nsjetx5QD6nzsMzz4UBFl/bWzfuzh9uSD6eG3h3\nsHtQ\r\n=qS0H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH0Uyt+10YuyilDm1LkA9vS1eYCmqApiWSUPXn26i8YoCIQDFq9LKivlGyHF+4hYOdjBatJZ0lZpju58GjBQDaL+jUQ=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.4d7d714.0_1641503432201_0.21242227869025054"},"_hasShrinkwrap":false},"1.27.1--canary.0686bc4.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.0686bc4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0686bc4b42d76f74779145485eeecf154f671b9e","_id":"@atk/mise-ui@1.27.1--canary.0686bc4.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-RtxdViIMZ6yNN2iQzSl4k/EiRxOkmkok4NJ7Ve1timBJkgTdsVR/xsqspAHow97zneJGm5lV66n1q5+aBf8maQ==","shasum":"fc1b2d51138571020f323fad04312b73c12252d5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.0686bc4.0.tgz","fileCount":255,"unpackedSize":1091437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh16wCCRA9TVsSAnZWagAAOm4P/R+6xfqF/apD/BFd8h27\nFbDqGtoIDzuWTP+NQ/RVXUNymLLDIwGT7vbODJWx+wUg6bJWogsnhyUd28Gx\ncQSU7lxEC1sJKuKlLM1HchizX90JnsQvGmVV96QJkz46DDYJd8Fu6N6gVBQk\nvnQZSFjjWzKe5e6izKU1kLQfPVlKkqfYjZSyQsCwfkd5vUvy2Hq8Xnwekmt4\ndop2Z/sIDlnXjzOOOH/qXRXDsXvMIWxl0BYYNH/oHj9EE8/e/9WgkpK9TMGZ\nV+Uf3pMgR00YosLXik5RenrPzK7Xpr+sSjosEsw39h2oLWzmqE/xLoao/uRa\nJmPo9CF6/4SUsDjhCzpJWQZ+GGwqMu3Zt2d0cuwxinAkOE+D5GOIVVpYm09Q\nmsSBQqsojWtqHZfhn+k0n1QgDHt1IpudEL2mQdutXaItP89U3TqWYdSueG8a\nyjNffD0TF6DABTQ8+lzFcNhZff8ypfmidq6/CDH6mMHZLipelukJZnLveyQa\nKgHGAOtGqEJaprFsHu7MOivEjPffOzyImd8d6dyqsqPI6a54q8PaoNzGX7n2\nhoyLhl67Hy9hDb8IZLp3Q7uWw09xUg2CzdS72LGo++z8Ptkj38ASzKsWo/mc\ngTFsJ6kXQ6m0mH0H/gUb/JbNmoe1GgRFD41/CAdiXYvQqkJxMiVp14ZTq/sk\noAJF\r\n=60n1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCGRKyTcMQOLEEKqhA5/Pv/uJ/xeESfyI1djdTQj2eMAiEAnnZBHtgXh2+8gpwyT/k01BaRYJS8RCO/MWBu7T6yMx0="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.0686bc4.0_1641524226466_0.9250228176037003"},"_hasShrinkwrap":false},"1.27.1--canary.ee230c2.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.ee230c2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ee230c27d9c43273b6b0b647c0618967658906af","_id":"@atk/mise-ui@1.27.1--canary.ee230c2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aovQ5ccX/gS91JP0i9UGn5ZA923Qo2R12IPk7g6FybNIlr5IQQPM5TLtpSaYtzgU7ERwwOZkDnVVf6TsuYMmwA==","shasum":"a7a904b502b37a3cf06d37589befe78e649d19e1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.ee230c2.0.tgz","fileCount":279,"unpackedSize":1216308,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2D4jCRA9TVsSAnZWagAAk3wP+wYWVnPDGTW6xsY73FrE\nKBeAohIvmz1rxe/4jDybWSj9hVWzAoMRyWEHN2/Y/C/NLDLzscS6izmRNFHT\nbUfOQbjzlWlmC5zv7lcejdpWLag6LWTDNDjQ4YycMw1tJNSosRQ6qKF2ze3L\nlVSpODXVj8itTzWEyX3st9dgYcmfHvfEUqvH74M5V/CbJ3GOdF+6O8eh/wX4\nSP28CsY1oVShfOmB07k5Uq43QXMZJZdgx7mrvcu/hYAs7obk3ZhBBF9QkU6q\nV1ktX4fgw5qe4ZbN6ZbNbVEzPbw/he2DgpTsdUm3EjODqJvF0kNbkRr0aswz\nicWk+c927LfWuNIvP/E2g/6skKm96gBbMTZxL1HKY1x0uH0gsJFx3iLQQInl\nVJH7QaAJwpbaOAVlvQFsXixc1M0ah+TO8U9ZzRp2aKfjYsQ3B8hlvWwu8DtM\nd4wgj6IE9FsLrh+6418cbKkSL+W+v4c+0FUKYvzEypxqHKIqB/lxKPFGGHla\nlpyFdqIuLSXz5rjGMwY71tgtU7JLqj4S6zxJfnzFWgLdX38yGUVo7CMmJDjn\nKaz3GiynNBEF7xg365sT+otvfohavRm1BEpn3+hEOzy94oe4oZ79ZBzIyTtG\nMu7AOiN/Efw1UD/671RX4RrJHQScY2rVujiiLulbTvVApUydqxR8WvH312S+\nHuOV\r\n=MHiR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH8ftVm9Nu7WwXXwDOunBo7Lp3WDql3c70ScRJbuStJJAiEA5I6FsL1a1ob1xEz+Xrqk/kOiNr/qMFcJFOxJCf6aemE="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.ee230c2.0_1641561634862_0.7207527464083499"},"_hasShrinkwrap":false},"1.27.1--canary.577.10be363.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.577.10be363.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"10be363543344e058b983936e7e60d25b79a9f34","_id":"@atk/mise-ui@1.27.1--canary.577.10be363.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-PdNA1JfCZMtqLKNINbkhksRQG1j4wVPptPkbU1/E+f18dHk7Z9r7cZhouxSc7uaRq9+fIJt7H/v40yibyDVtJA==","shasum":"a8af330319a4d2bddc24d9b802a13a1bfb94a1c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.577.10be363.0.tgz","fileCount":727,"unpackedSize":1517813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2HGJCRA9TVsSAnZWagAA+V4P/1spdrg9acvc3hjY5RUb\nwDzyzkqVMbOCRbpWWHQLxAbM1Uq890JgURERcBUjyxAz9+MNlGXVn0rHh0LQ\naDzw7Lrl6V0b+7TgOVZlRONDqILP6aqTl/uKAJgIqL/UdvHuB0BwG4K+BkP4\n3dLZH9Zp+d4J3eUNqhvgkizDfMAHul64ioHixYxibYluqploMunV5/13/xKM\n2EYiy7KBLcEEnqH2wtnyOZfFXZz4BQlruHdSRD8zMTi3g7hOJSpPfRBllPSH\ndDnbZ/tApOiqZJeNOyNlrpHrksFJT0m6DsXhRhPLCsstdEfy1HeCqd5XfL4l\ntXN2JXzJjJlG2af/llajA1Avd2DMH7NDGy2qWZrzBbvHLmXFIHjkVmj9VMQ3\nx6H20AVJncWL1U+hhEb8dCCJU+/xCIm8HWAGxks5QXB0Z21ZHhiogpxjLqro\niWwLk5yVJ1ynC+XtBAimECk43HAbSq2q91zfs0lDEvRW8PGt5hWj6UEEp95a\nSm3/RP98IZbPpV2FzM+vnCQFsNJ7dkA0wIPIFH2O3RXhYkmoJfkbP8tyDSAd\nQ8ia0tsIK//n0J7igdL6ycrMS5fvDwwLoNUwTgIrehJCA7LSHw3YW98Qb1Uw\n7VNVbrKQxuLXTrbOW0zMJDT3+ywR849kYUCklHxVgGy3y0QrDuoLwc98H5N2\no2jo\r\n=bXCQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGKzh453VpROSX7rXwcRgr2wcdHPkp/BMZt3rggf6ZurAiEAzgZGQwR6rnLdd6bBNZ2kRm149RFvOr46CJedQRFEuUw="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.577.10be363.0_1641574793016_0.9660232183451845"},"_hasShrinkwrap":false},"1.27.1--canary.9f6d57f.0":{"name":"@atk/mise-ui","version":"1.27.1--canary.9f6d57f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9f6d57fa38c15bf06c19720ed809af483b096e9c","_id":"@atk/mise-ui@1.27.1--canary.9f6d57f.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-HnKZ84KPdwjR3x6/lmjIAq/lYsGFmpkG16f5+sVEu2Li9rRZr9rymYMgbFzi7Z0tGaqrnd5ovXPrbuFnjfb5Pg==","shasum":"a2db15d92b0aee654be9959360dc0c5fb7e40f87","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.27.1--canary.9f6d57f.0.tgz","fileCount":279,"unpackedSize":1220645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2H6TCRA9TVsSAnZWagAAXyAQAIL12pO1G7L8Wls7I4ri\nfTt6jikft0Uuvqr1yV4BqAg7lbsxOOIkch+FVQYiJgPH7JkWqSzAwU6UraTK\nr8nEWX5v+ErXn8mW8uJU7bRBAckmveA13Vm8m4d28vGQwHLHKofyDu0lxt57\nv3rVqaIwGPPSTaqZtiBdoYg8USixK1+liuaFiHRZ6DKini3tNH2W/xvCOVWS\ntw6ue88oPfGUHVnXGFkDINY94hXeH4G1w0nAYeoOXJYjih/CPZNp9I61Ecau\n78zky7i3v2dElPTGpRCnDZuzQKlArDicnbcBG1GWittii7ol6mS0x0Bh0AYO\nF9gEr79zsruAG4RrKlfhQ2l5e5KUV+qFogb2gMSN/Eo06VvfYUT1zXbWDNCM\ngiY/rGEQaNkeW6XXI9k7Tx8bZu4VmgE/xmrY/scmL7+9dmxsanNw2JiEMpIe\nTecmRr81VgFxl3oKlrlPJ3ZRka5Nk7MEdz3PAww3gOKRNL2hhhmcYBdtY+c9\nZaKq86gk4YDFdPjKmJw8Syh74VlTc38nSJUKsqV51xJbAcPTKWTjzaAb8mXG\nW37pb4TSUUQa0mk5+QP7YLWrVviKEfH7tylTw+jHA841SVXHsdSKads6gQx+\nesEMBdBwB30t21+qsWKnI05BptUWtX6n7qGpeJx4eXNAxYwnRoAzJJco5gbt\nCmwI\r\n=hqpV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRjYrI4gQWx8a4zyauCyCW0AS5Q4j6S11Dg0WA0rn4kAIhAJX+h8qG721SMDUHJzEpRNFLmZkUcB617S5oI1OexKFC"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.27.1--canary.9f6d57f.0_1641578131598_0.7786302914752463"},"_hasShrinkwrap":false},"1.28.0":{"name":"@atk/mise-ui","version":"1.28.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"160fd2f298cbf2aa414b652c0e39b7c600ed9e20","_id":"@atk/mise-ui@1.28.0","_nodeVersion":"12.22.8","_npmVersion":"6.14.15","dist":{"integrity":"sha512-G0gyPkyyLRfSmTKQrsqohOgNFlhV3D0A8SaS1jx4JitA63oCozXTZ264fy9rv0JWCsEuk0LJHWIbVSxyzMcKqg==","shasum":"e0c3f0615197ddffcac380155cf8d8b9c73c2c98","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.28.0.tgz","fileCount":722,"unpackedSize":1500828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3IcuCRA9TVsSAnZWagAA1F8P/jLuUisuAm+D6mleA8sd\n3OBepvJvMDuPHaZvkpG1UWkLWR6a1/nn4O3knvsawM875+wAk6+brZbdMjf6\neNnyLVJJ2judJiPT3Sq7Ls0eizI0ikSC6u5M3gRFYcVpHK2AcW9wjcMpMvC5\npuGgj83zg34qH0/7kMjK/KL2XFA+Nkt/s5utVEbvkHoRnmyWOH1xxW1o1ImF\ntPhD8wCBfxfKTrV48694TBKczPiG5FV1XpP8mEVhkmcClC7ItGW+9E51ra/9\nhWGHEJOR3jrrtvdmqbH+1TTTnqiQK5jfDj4G9JGRROtvNwhYYvhQpN4NE0lX\nbSFMSIeSej4McBEIc/qMjWbRh813gi3omQNbiVZcz6/wdb8agq3Qk1AF97Jr\nVwybewTpUsDaDrOt1VqZU5m91eUYCzGiyJl6GZV+89/Rs36FnJl2b+xoeElq\ny4bBjpK8ac9zVn6nGLbsdAxG6RnHcaeG4Q3mzoMwHUMKKMw8VesYCHYVKzgZ\nwS35bXULAy/kjEGz4BN3jV26/OxNfC15O0nPIB72vDNOUbnZL4jjSBpUDojQ\n68pMrMGBj2vZWJnZadkS1nmagcFSMHd68Qy3iLN3pWAjqAiS9Yyozpxptr70\nskViviwQ65gvqKqSaGv0UEA+7RVgle2BlBogtBZwelTMt4WmIyZcz2HE6IZR\nTI60\r\n=lrDp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHQNGmNiriHz8+SxKC5c8IC5ssUHiUMDM8HwJExPaE6MAiEA+NFKG5aFrvQZJHVhnLOgmYtTu7EWKzOpLDzgnamn7Pw="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.28.0_1641842478024_0.8273791808910316"},"_hasShrinkwrap":false},"1.28.1--canary.a36aabf.0":{"name":"@atk/mise-ui","version":"1.28.1--canary.a36aabf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a36aabf874e77571f4d005ce4a9a5f7fbbbacb63","_id":"@atk/mise-ui@1.28.1--canary.a36aabf.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kJhU6IhQVRiKknqQvKoZzT0IM1v5qEVAVgtWRDIQp12UekoNw/JFdxOfBQryVgdPPRdsq0PjrcfiEM6Wc+Tq3g==","shasum":"7313dcae03578565372a8eb62fef9a1272345094","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.28.1--canary.a36aabf.0.tgz","fileCount":279,"unpackedSize":1216809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3a8tCRA9TVsSAnZWagAA/7UP/0sQxNG8xSUXjOiOHa5B\nETn1DD3VHgx82XTQslC7ednwwsK4R14FhjBK2htxeu9m9Hu90fHX9W7tMcig\nfqwV1AG2H+Je07syzykrnMqMmkWKE/1JXZRUh0T/rhoXkVC2Uf80gmxJt3As\nlr6XwcvjLnj+6vuyiwqcaNEjTbT3E62YF40zszvAsJramj+FoH0r8GDa3rnF\nJP4UEfNibCyPEe7PtvvUhxfv51mx20Pu7eWvqmIR9JFEH45CitPOxJCCLKWS\n8y0AWWrhkG/tsmWiUZvqraQwrehZeJnluNpx5myoI6pnc+7xsgc7bpH0Xu9l\n5AgwS0ZDIQEXa3waPjMVSTxLP9tWjTqsID/odX8zJD5ofdl2luHdqUN9nHhm\nledzulwiJ+hhDbIKTM1YcDxQFnCq8yTxrGZZr2oZ9FsXSBthl0FoF3Ybeh2p\nzBQU8fFfeQcAfkPVJCjcI1wu0qU9a1LH+6T2byGuYSMkpbcHjDQmgHPKmiMI\np2mMfTsckdjCPa1y9QclzBQVyF7VeOfflHQAFt1z65CvjZ6f8l8Jdqe5LHLV\nDlMK1kjTc6sdBBAytOdy/3UFSy9b1X/v/1JPo00192Q8tWP6J6Tz/yS2Zu+C\nIUjTjkoTRCpB9pnADLN7JL63+5ICa/DksE1POWI3TxDlGQArORmo3Vukq8ZE\nXgM7\r\n=9E2g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSQfltRgJXGxF+fa5NXCtmCxgqmSRgfOStE8VHsXYrqgIgI6n+1tca2j/jBRnAbzC705MzB7hm4fRjrENt09B0PII="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.28.1--canary.a36aabf.0_1641918253255_0.48409028034327295"},"_hasShrinkwrap":false},"1.29.0":{"name":"@atk/mise-ui","version":"1.29.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0861fef26ae6a86957ccdf08130838d92e1b1650","_id":"@atk/mise-ui@1.29.0","_nodeVersion":"12.22.9","_npmVersion":"6.14.15","dist":{"integrity":"sha512-Z775b3/32BMPSLqzWbVhPImkpgoqOww3Zu5F9aJ7Xb8Z3yKhECWCQrCd8aOuQUIwlYYg39oZgANniEHIQwgIJw==","shasum":"237d21fc799096f326d9132c6fe02c8d70ed8959","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.0.tgz","fileCount":722,"unpackedSize":1500936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3bNTCRA9TVsSAnZWagAAGaAP/1bPCpLp5CRBEM3bYYxg\nTotJJ9NiWIeOJgJiE4UiR9P422Jbw8H6m3hGdbg2Q6nMvdfQlwAiN+I7PI18\naaylhR1YWV6A/aFugeqM4UPZ6anMcD6xPFesqSYs4fUgT1LwDc+hHDQ4RqMs\n1wKUBE7UnQ0mmRsafQNu9vqIk58oacFsZROIEowwYDp3m+4o1fXoA8uzlPDt\ndK/rEeKFPkP/+ZUBc+J9a4cI7llzLGme5JihfGDVUAqQwXzaU9RJLu5lkdkt\n09kMdSTYO2qDeaqQTwLEf4iCtTLAwiw2A1F1//jew6KUo7u4nVTLxg1Q1j6G\njBbbsmyx+bAbpx98hE0K0riMvlYu/dxYRJxsgudyxERp3NLSAQ9Ztt2sQqiD\nJiKbFYRnUaIUuAfLyVqaVqc8nAyBAxUPsLi5aoL0Jc2Kru6/E5KPMcwZtiC0\naaQfQrmpV39C16qr0hjHgK40NpWCs9QG0fWjFaiOC+KCKQXE/9CRvmnbB0bT\nFd6j13CWjzU9tZ/iBYQygMw+ByukQsQTzCG5k05lU2+WyiXnKw4pQQ5jYUDp\nS/3dMKsgbtBGpKrNmv+8joBATOh1rwb++dS4/cy9Ih/xrdCJJDnPHU83SWzz\ngnrWsrnrZZlyFVqpXNw+LRsxO+610rO4pThvsu/7b2tL09JZs834VerClXld\nMsVK\r\n=/eox\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyHLyfKTuVUpBASJ34LHK0kGEMhSQhhpjiCBmCVQGEDgIhAJBkiCH5vW2yarMwvuGCG4wUfsZEPIHjP1ZaIk5ZmtiS"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.0_1641919315361_0.08607755442758691"},"_hasShrinkwrap":false},"1.29.1--canary.950e1f8.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.950e1f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"950e1f8d4d49393e065413e5b368f0c4a12ae808","_id":"@atk/mise-ui@1.29.1--canary.950e1f8.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-s31yczoYEWN1DWes/MvN1a1oODH+hNwo7idkSMsYzL2GsXNbSoBGbHHMVwasEJdrrIjpFoZgGkXi9eUq45v1Lg==","shasum":"a8718ab70d99a77bc5df02d63437304ab20d89e5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.950e1f8.0.tgz","fileCount":278,"unpackedSize":1213271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3e6LCRA9TVsSAnZWagAAT20QAKSSCF8mOBVj+DHPYCz2\nddsZFTs38bsnhmftstlznMCOriiVng+dhBsBwU1BzfjlMtnph1OTw8da+7oo\nmKwM214S9H4xrKbOOAD4yf8awU17A3mTiRygaSFRP8YwOm5gjiHn3HdEjf7g\n72fHq0n4PuYhJ6j9jokxM83lzznlszL1MrdYZfzIlqTx6gJfhKsGtu9pHeFC\nvuYebkhNURUHM3ho6dr7Agz/fWvdzXMimJu/RNt/c5Q6dIDWX5g72/l/0n+0\nCQxHCNU3nS0KvS/BckD+Ej8wBB78hstae893O9vUzwSYeQjrd60fVBqHe+ZI\nZEu6WW3HaoojE7OpTysRp4tWyjVuTHa7cRRIIr4Uw6n+X+lSZ9kJBzZu4WS8\nAF3AWjNvkwTvncxVeeeCFYSm7Q5NrdjV9qeVlBQuPgFaZk8PUfob4OQl54Vo\n90P6PuFs6smQlVJ4U2dqv5/BkyZ7gnUNtdPP8TmK3x+DJGsHLU2hkNJrvcyr\nTiM7iHJYa7UPVM8IteRuM8hFRAM8UP5rISjPRps/3On087aniYsVLkwsaRGw\ngzZGQszFgdGWhODOoGvLycSFcpZ9vWBcb3HPPNlMYSXoDkKWKyaoe+gaVaSi\nRfplvUAlLxZuQq80l94WtPGYsbLx5lQcVQMqdv8faTYAkHTfbqJqHWh676bY\nGgOM\r\n=FGDN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCooaZWulZN7ThmD6daY7O9Nd7x9/uzZyHQHdx/1QWWVgIgYLIZhrAbluDWGvrKGMbIXGBHWwy9XQ8n0X9aDxPmbPs="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.950e1f8.0_1641934475342_0.5638114980850746"},"_hasShrinkwrap":false},"1.29.1--canary.577.70e9683.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.70e9683.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"70e9683c162133c843c882cf90b1fba2ac24d96f","_id":"@atk/mise-ui@1.29.1--canary.577.70e9683.0","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-ID4ukAFMRQY+xrUF0JJXtfK5OmiaW0keKR6sM0y+iuaQ3J5UMCG2t59cCFYYWTh/mJbKDmCl/2RlCtSTQHN4tg==","shasum":"7340fc0f52e9e9b0d74d813c8f1bd4c31e376aa9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.70e9683.0.tgz","fileCount":727,"unpackedSize":1519278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3gKrCRA9TVsSAnZWagAAfC0P/AsHJLybEyqRDDTw21ru\nQ2wo8nS3eGgERGvyUSLb3l363y5LP4WASiyYF0W5eMk/BqOuz3FpEcckyBjt\nZjnWuZWdVC5rrhiERQMvZ0JMumOO4CmSEppQjub1RwL8glx+pNBpPrzS+uke\naWCs1ySSVft4rC42f0bbVWtEhW3K4lhWYE+QRuWZfzYvYmRiDFsBWjHHYb+D\nw/8nXrFoRTLrK9vWL2HFbEwXQU3Ot03G1fp3VW40D2NXKgQJDyC/5t0m6JnM\nv+BiL8bJfmwJrtmOz4075hFes1w/UOjHFJF0Sts8EewiIeM/3174jrMHO/LP\nIVT9egNKKz0sB8tzYCOpkdLpmXTFzBn1aXUL55AGxe6DdwaBs4qTOPhArdvS\n8TbTddx1uVU0A+whZ6W44C2PR43VB8RiutKNzsm7YpC4DcVY9MI3Z1xtOc6F\nKUNek1Yi8BH5Vd5twC/8yLLEI+D/v0GGJLci4VpLIPKL4uFpr6/ZZWULT5F2\n4p8JCAua9AWir04rVVJE0OdbfH83Q6UiEjPKlwmqG0l7xPV9el9FEVMXZK9u\nbP3pAaZlhQ7trF8AfhDEpaGJlH+7CHPCd//XMZXRwON4pZQuLtYEosVS7pTw\n+/sxVbFRsB6T34xtTLkLlvyZ9/Zmo6XJaddISdX+6JRNhPoAImSg+iAhZy/E\nZBaO\r\n=hm9a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMvoLIo5jhgLMWv495OozklTlNiwYl2l71bD/ImHy7uAIhAMUoBlykRTJXb1FKY/qHGxe/VZkK7cNU3CL4dBuUSYGE"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.70e9683.0_1641939627696_0.3534283182454514"},"_hasShrinkwrap":false},"1.29.1--canary.6e37081.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.6e37081.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e37081f2f7bd875ae65d93ee46c3bf63669f025","_id":"@atk/mise-ui@1.29.1--canary.6e37081.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-D7QYhji+1iztFKU/SY0dCJUmkt3amT2Jzg8PUZgokXW/OAZ4VH3q2+CjjVfw0jGWYE5aBZVHxljLD/+K1cZQTA==","shasum":"ee87487b1ab72e5a7eab39593ab0782c3ee34ac8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.6e37081.0.tgz","fileCount":279,"unpackedSize":1224260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3gjMCRA9TVsSAnZWagAA5kUP/iKnxdR9pxy4WwMimwlO\negUpET1+yWDPfOCAUihW3Gddl91e95FObSXGOoaYdyjW5RyZEmJcobUt5/9J\n+5YYtwHNVPVsKpwbUm7vXc5iODdjsOAFDLknNlBqrJ/Hw2QQTcgVGYSChzdT\ndWxd/NZ6sJnUdNWeYqv24FxFlbAgFFteSRY9frja7CtSzAfWHK3kk0vXNYoP\n4Jkcf92jlyAAG6FDo1MTx75KP7F+ccZAQt5jKKG65sArtZCh5tHgv8BJKZ84\noI18p7X74IBjDzQSk9k97iXJDMV1MFvaIKOrNvKNVC1ctdrrBf9G3nMsgWOd\ntyevIrbHb1KSCV3nFUARTI2sQV1PKbr1KZXYyxEuGjYmHnFTQW023yOZky1M\nTxgC8Vaexuk/4l2wF9adUfkjQDfpyizaPBsCGebLp7NMKl9Em0WOvluzkf+S\n/acMMKH4Nt/sGw0eNSlr2DR7MVh+zsoGV9zsfG83FZJ8qeeWYttBjCHS284P\n9JRSMoOOr1Bv0ALC40QPAFHLmjlf7NVmhfpPUS4Ac8b4aSnn+5ao+Zdok8x7\nT/J2W6dm2G94fIyyZlloWQUlZSGhKkoNQk62lSBv7vBAgGIaL+CG7jJfVyuY\nfbdQPzPv20O3lhrR6hyiImBMsro7cj7HnS79IVtPEnR1JMenXvNwn8hNZHIn\n6qTG\r\n=W7Gu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBBc6bCZ3w5RNaCFldi03eQZxg8qWjvWHa3/xGG0nNm3AiAH5JQOj9LCNHxk+thVYgyr3DwDPF26QiMdOjBqx09QCQ=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.6e37081.0_1641941196093_0.69917396823309"},"_hasShrinkwrap":false},"1.29.1--canary.aa7e064.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.aa7e064.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa7e0643c88dc0d7e764de832c61c825b19ee5ad","_id":"@atk/mise-ui@1.29.1--canary.aa7e064.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-H6e9eb3D5nPtynXRlo7E8H4+vePHl4FBRRgwOw1fTEyZw6ZAv8n8OxFzQbvRFRs1M2OwKz6TfzemKGON2H9CUQ==","shasum":"48b2f87b8325c3655cdea278c143f7da0dd8b343","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.aa7e064.0.tgz","fileCount":279,"unpackedSize":1224260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3vhzCRA9TVsSAnZWagAA+ZYP/16iQIDBwdmkcPEN2iPt\nDJcow5jiNatnyAqYoAJZsycaWaqZrClj6FyPr0n6epNLBmg87m1rySuOQPy4\n368/5igEtZyPb6q26o92aAdUuxp6jeKHJ39MPV09N8k1o270en6APG5PhptM\ncX8U6B76M/UyLPLvRWKaA/jqgEY7AsAei1t1BUD1lz2r8OXd/09As5bglc8l\nYksK+sxy9rmeQcZdzYaoPfRLZk5xUiprREF+9BUf4oUXU8q80bRBt/sAvFmv\nYaJfIev4huQb2A2/HRhgEPDyOzFoUwllXHYWrKwSgF1LoLlAkFFEj344CEtH\nAJ3nYT6m3crHW82sdVL3nMm+OEioth2jLVJh2ZrE/e+E3ZmACjns81+xT7co\nM59PBjM0/EqKe3Um428A+ILgMzL4ywGWHKDf4kz/nhLOaTekp72yeymX87j6\n5hMmkwJVuYOEyOfa7Tc2e4QUGbzcHe92wi8F1wRA7PURqsEs94I56vTRtBtB\nu4KBceEJLazmm6Bd+4ULOj5tQVqyIk4x73z7TWXr8J5vVLSh1OSUa8QZOZvm\nFiRJrT3iN/fHttXmCMjFMwbUqsZu6G7cJaU0VOmq44vlD+AcUrHnuuoADn1O\nyVZAFonIvoQTM3fCBJ//bKt14Qdy/2yDHE/utdgIJ4FI52V+VbA2oi1gEg5y\nB6fy\r\n=htFH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDT+lLUxT7/pPzZ089BZ3ZAaFk3JefwlCLcLcj/eQ+XpAiEAuLXqEbWOKTiK5OSojMbO9/5+334MB6dTlfmWeVp3xDw="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.aa7e064.0_1642002546851_0.2502032989888425"},"_hasShrinkwrap":false},"1.29.1--canary.aa7e064.1":{"name":"@atk/mise-ui","version":"1.29.1--canary.aa7e064.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa7e0643c88dc0d7e764de832c61c825b19ee5ad","_id":"@atk/mise-ui@1.29.1--canary.aa7e064.1","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-rfUWNw+PlvwYtRPF1jaTv4/+XnyWW1M7zm2YAn1k9dgRozcn3wPBkw6Vt+9KthH7hADyGLyMDG8DL/0+B8AUGQ==","shasum":"cec726669231b4890969cb772a781958100ac59b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.aa7e064.1.tgz","fileCount":279,"unpackedSize":1224514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3vj3CRA9TVsSAnZWagAAUyMP/0pVfHKwj/+TMyMzxH9C\n2I8RbEDBINcUcqCK9hAQr4Hm+JLG/sgkeu5P2Y4P3qRNZAZDIKOJah0hhQtn\n4XplXf1hy0ccSo8CUtqL7NaqdCMRz24Ika9a2GYV25auuuOtVCihsG3Pau1k\nB8JxeDzKdchg6ksnjwMMYtj/FkiSbJGkZtKDwBMe7c3+d77hnhiNGO/7WhRd\nNhQmYK2glqTKi9zPp9nGpwB/0I+zNJYAED9C0/84CT803Wu6YZT+sRLKsEBC\noUzWODpsqz/AMK+wPlxS06fmw8ytd7jUXHVOeJgXJ14KpWS8bTNCUwG4+E/w\nYeJN2i48P6rqoyphaN6UdLiy/4yttTqNoANdUE/Marz7WPGm/nzGYNsbZL5J\nVv5bACw6t8lK45yWPG/o4tJ5wBgRpLRzhRDn/bO3UH2tOmkBE3+Eci4OKVCV\niFPdfGA2DskQ0XrmKSsRGd5MHMS/uA5ce+FKtbVMmJiIwDn5upCnmvhJu1o5\n8Th/rve+/JQjTJbIaBK9JpmSf0Ti5iEL9xht7XB41lFgfTxnc8u3gigGGAvE\n4bUyL2tLLL4pyK0KP3SyvgMhLbnR3mZaz6z5BiewlNw/KnXRdejK5/GWBUWx\nGOBdDJ3fD0t+Stw4edI8wHw9z2ql8l74RUV6Iq82KAH1y4nDJcW5K74QPmuT\nqkfa\r\n=xugY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFTUyQCsUjfeWYCnwj/uXRPIun7rfmJfK2T81IQDYZygIhALZhNJyusk3vNhID4rDpjBadhtW1hWnMuvm90wSE8nJx"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.aa7e064.1_1642002679273_0.9632128226388621"},"_hasShrinkwrap":false},"1.29.1--canary.577.054d22e.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.054d22e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"054d22ec7d4fb0857ec6aa8d834350db820b04bc","_id":"@atk/mise-ui@1.29.1--canary.577.054d22e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KPtj7eFgQefyI9eAqjmf2lhPgHW5gwc5+fu8zYiPKOiot1JUZOMdd2VnBSPa3MvR1ObxkcDcFdsWa9yC06SyOQ==","shasum":"e2bcce531e767e75994a6b21d51a036926f1a293","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.054d22e.0.tgz","fileCount":728,"unpackedSize":1520456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4az2CRA9TVsSAnZWagAAn6oP/2wQh2Fv5lokdkpXsQI2\nt2YKJyaw8U5HQRKuG0dVvs/Zepxe/qsmvofzaw1+TrEyotwWbhk8RPyZkNbS\nC5gJ9GNloetEymjNDUEcnOV+UydvEIPwJnzEUo558UtneaVHmGqeKfmKZlGd\n+Th186ZOeQX2SKoDvpIJIvDHNXQ9JSqxy9UUwBDw9t1yv0+SjkIi/MptmaHp\nzkrRznqVXdTppOyhR3dG9g05wn+oUL2KqojOLSeZB9kJ4Yv2B8RPLhYvBz7j\nEc0adoDbPLLZbkeYXAHMNpZ04VPd5E/L67putwuF5awNtoonsWYjHvmHqH3R\noel+hOgDLKZzuUYMbp5FNLjgUtBt8udkZ+Ifn0adtjJ7OV19K3rgpTTqfuyU\nMIfhjcmR6asZSMuxYP7658uiRAtkGHOO0BTr/ehZCEwjg4gun34RFZJ+Ahyk\nyH4802ovbovDgImAC0sHuzZ9hfEHwNxPKc7GffLG2LEIdu12OZkNJBFGj17T\nDYFLdyrt97wLF0p5vn9KmLa0ieSdtos6EAH75P9N+QGTGLI5F1+fLSDOHsJT\nQCvCQaR+GVRMT14TZFzbGR7uaEplRJLNXpsWlKOQqrfu5wtQK4uo9Nkh2Zbr\nlS9hVw5ooZhjZqkFvSeVgLaGU2cR20K06JWlyAh+P+diFIKZ0IHCwPP99/18\nX0MJ\r\n=OBla\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUSoUgiut4eMeVWhc/2isqednFWsTKpDuQggx9jCkw3AIge7PY9NizYP7dNewc0Bgt3JN9e3t3HxD8vNhO4LB4Uv0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.054d22e.0_1642179830681_0.4532964861855271"},"_hasShrinkwrap":false},"1.29.1--canary.e734623.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.e734623.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e734623f0e41b0b72c55db2a1885416153b1c19d","_id":"@atk/mise-ui@1.29.1--canary.e734623.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JZPOX8pMktFhDxql+lb4caC8Zv/3SS4uYuVb3QeX4arJ2s32LMGXVpU24PN5h+Hns3ESwwPytXe3ZRoVgklaTQ==","shasum":"4d026b67a14eec6c5bfb33d9d6db18cecac89f63","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.e734623.0.tgz","fileCount":259,"unpackedSize":1094300,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5sxwCRA9TVsSAnZWagAAkbUP/i3+5BvIWQH3dwBY0+gt\n4H6+MDwIH1CnP/YRAHbIhd+pzbjWdExF+1DIBd6YGnWIFbXvKUNsXVURmvT0\nD+4YrcEbR7TkDVrwPhGHCobBhPu02hXin8iPcP7+AnqAU5UySdYBUuLkDQSD\nQb5OVPovCmrIIHCDacsvfRHZMHOT3jVZbUF1lXbJB5+Sb2KGLNVm/j2tmTBi\n7TTVQKSb4UEAHKNOZ83A4Jriyp7f/zZxx/mk2aINM4+bMEH1Ow1WExTHmQhb\nePQ543FyLPpgerh7UZc3HbcTEYGHUPreuuQp7ZCy422GNehFmxjc6kiugpui\nQYV/BPzCeeWEgxjAx0UqA4Z9wDjoVMCITrCVYWyLfphOPkUMvZmL8JAF7Fiu\nXNcSSu+jNZrvst6k0YPzbw+4XP0j0MXWnoYMX2BgUwWhhgug6Fj/vUUDx35v\nN2lAhOUAuGEiVDzx0BZpjv2A+cqMI+bx0uQebuE/cmFM7LRdEnH+5LPXTXbo\nDPOJz09127rSNn0fI9SBRev8pnFll0HR4F0zEkf4i5F0BemwqHCOM1xhUTtt\nmgUbWZm403eg83H+C0R0o2imlXs3q5NvO0BgY2DIycjdtfh76VCEvThXHH0G\ns8CREt0MX7KBvv2othTF3WHILTB8YRdHyCoiibfYgsv7JJtRzrbq0axfVg1A\nL9ob\r\n=m8H0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEn3GGfvFgJpF16j3X98uzglIVAiQFlhH8BqxL0qv9D/AiEA5Sr5lJXSU1r42xyEMVsj1pJ6J85UaDQ0sGC8b2/91Co="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.e734623.0_1642515568348_0.35058168893727526"},"_hasShrinkwrap":false},"1.29.1--canary.577.098ad56.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.098ad56.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"098ad564ddffc695f4aa771cb8e6c772ffbaabe5","_id":"@atk/mise-ui@1.29.1--canary.577.098ad56.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-N9k3joIK835TarZKC8YJ4qC51QKcRlYqPJmtg1Y1SVM25HYPntiR8g3CfNRwCxWih+xGmApetZ5rCp55rNjHXQ==","shasum":"7a113a069a4fff9b618982db2e720fb55b4462a8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.098ad56.0.tgz","fileCount":746,"unpackedSize":1568970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5vhVCRA9TVsSAnZWagAAA3UP/Rzf5QZTudXj7bHbTzy0\nVe0oY8LMJQquo5T2QJEwBb2ZTJ2tyqkT0Qb8924rvwuMOxZ1yidxJPTtgXUa\njXJIDqiSSe1D3i5jCf3f5ArbYjA6QaClFJOSSAB9JhqXSMsJhN7Jo/8oY84d\nGuymRmKrSgzpVTMm5uat5nMvo7LbMkee+Dsl5TFhE7p4Jh++eIVDZ483ETD4\nRWwruae0LHtWx/fDCNn+vs2uL5uI2JXbz+tC7ykgG0NQ52eHD+glI0WPve+l\nSlnj4ju+i5S1wSVakC4VhDyR311JIGe/P3R8SjRbfNV8ti4EQJp/1FP3UA6u\nXCQPNVr8EiX8a5sbYGehvueG4y+aKlzn+CLOE4gj33gjGQqXLFbPXbsJaV3d\nFvJHvxZgCVIaIiF9wbyvJl/5H4gMxrlfo+5LXvHgMwuX2rEU/FDEcDEXvVsB\nbR6Tu3LpcbrSCnlDoc3RCpAwjM0VD0uDNs/viGk/bLWBLM15cOhGaRsqCcDR\nkeuhPWFH480t63img4+N80ELtcTUzdSYrkg+J5jMb6LQOiQuTkIet4NRqNAd\npXAlNz88E0nRKnfWYulQCns/26PRpickE88txsbSetuCizh/DIIYBm4Ka3dO\nBNhYScG96BFrgLQOslbzbgW6vl36KePmcfb6nmfNdfebDI5nj0HHMEPkF+08\nya49\r\n=MLyO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICit3TtVK+8gQLnsRgw9B3TC3Uem3GjocYwQzsG6Pk20AiEA5PV4O+5b/xD+sLi0JYlbn45CL1qYcQUCI8vuX1MuPBs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.098ad56.0_1642526805540_0.6520046156286081"},"_hasShrinkwrap":false},"1.29.1--canary.577.68b902f.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.68b902f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"68b902fc6d8ee2bc8d16a26c3d43dd272051f7fa","_id":"@atk/mise-ui@1.29.1--canary.577.68b902f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-stHaZGKU/isV8ydnAO6G2FzuQkVJY0glCIJaxSQ8YltscIqqqh+ggKsHVglnti/INQlowzghYGOTZbBWp9s24g==","shasum":"66c56c1a8772758e9f7d90698f29c1770ff02339","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.68b902f.0.tgz","fileCount":746,"unpackedSize":1569431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5vpvCRA9TVsSAnZWagAAmCEP/iGziWjwQ4rHtlg9rKwh\nfnSZGGlg63j46AVStSp1N1eF2a7Jz7ANSKvKsBZs3Z53V3aGkg0kw/ockX/M\nQjeYHMJOs4wOuWNf1a7Tn41QGcHpLDU4j1fWgOLoJkZ62iyCFVMnnv47ZSSm\n3LO7Fm+N0sgWq7kKA2lxmQDJrj56xEz+MjULajrNAzTWDNKZS3NcF/wARv5V\nXTCiCsSxpgMAYJkO2Nm0Uu9c28aaIofoIkti6GGsGQXxo8WpCBRNPmFvurRj\nIzaBB75m3Vp80GmQLrdE/TL0crNkSa+o8Z3gMjnBjNFEfOMBktLJGxkHWTkU\nUH0pWa3lTvw8xCryOMfsd8bKONuNUTdltPjLuiZjtLIDmlmh4pDm7/1SmyD+\n9gKOh/vF7kx9eISC5FcE+oEZkAnAOQPm8/SUKZI6AZvTK2EV3Fc8lyF6Y1Kf\n6KXOZWEDKaNamdeUH37yk4fQXf1qcfr+oITh/KrSF77+2eg78dOxR81ot7JW\nUylp2wk3pLuH1tkgZ7t0AB9uqf8C7OjCI4p503ltGhcvr3AjLV7Hr9FCxCSd\nFEDYluBR1B1+8XfMxxock29hhAOdmN+vC/+fhp483FN7kNt5BFoBXZ9jevxO\nTprcpggW/9OBKr8GB3aRT5EwF9o35rJzT3EgDdImKcx3sIHWKIXCHEHI6Gmk\nnxRl\r\n=+4Xy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+ucL7Bcn3sVzzSIzDaXJwQaTK6fe6zD5ZmGZgLwXlsAiAnOKxVtizfPjqx5xemEjwke4J88D63JOIC75iz9rTjFA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.68b902f.0_1642527342960_0.7253902075303165"},"_hasShrinkwrap":false},"1.29.1--canary.577.00e2018.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.00e2018.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"00e20187eef1621b606afc881df6ef97320406b8","_id":"@atk/mise-ui@1.29.1--canary.577.00e2018.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+35OtW3RS3MPvNnZhLiejwnMW3RwF9aJvkc3tcN61C07lukS3FMt2P7vpBKBSM/DT9HBd6+u43BNVDk4wpHCNw==","shasum":"c6e4bd8bbdfe5619dc458e6b6d42d7f144b7f953","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.00e2018.0.tgz","fileCount":746,"unpackedSize":1570131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5x09CRA9TVsSAnZWagAA9SEQAI0NspB75TaHdktM7hBt\nJvm8I80dSkD0rmOUVjeiXcXjcr3bzbukyZDkPGvooimgcMfI6ZSDwzj8YJPd\n86hF8p2SNjHmzvZE/6eMFqcZhQJBlFKATzZLA5pIUYSKJnypM2E33tL8aEfM\n+1a3/hadmUut91WQJf0GqvYoNzwB65qq1Ty9M7EnqEIEGO8VLh/nAKJfy4hG\np2+CGbIwhF5800E5fIlSHHLWuzVHsK5VW2Ee2o7CXEDmnd92ZV9KarMIuuFj\nRpIPR9FLwyhad/3wETpA7mBmRsDiqGFHwjskfdNC5esJhXBnbVRZUn+LyfpP\n1DW4EzTi70/1xa1tsdpg+lQCdWxZj9Mthd3T7s+qbEsELp7LJLRrFomeR18s\nsbJmqrjTnEp4GFBZ00CU472ysrE4CZo+SuprPJ8AL1qkxCH83zn61L32LFLD\nyaPVc7TwQ4p65VrtDHE2auhEzNF4gKmUV1wCyJIdwZfaF/l3VVHCpZles7CT\ntH2JwZEJflDocAuURWNEpGxFkY84uXlX8X+MlVPsuyQ03fW2wW4Q1i0N8mxL\n6xzmxjr15fCPGCcXNFsvPA0qVNi/fLCl1aD9MjUP+qT3m76kR9z4uw5sTm9C\nJIxEyOHr78Sr54AGIZurKNFyeRzeCIWfs2B72mjRuNgTn3Q7bQWtm5irO/Y4\nWMUi\r\n=Ro3I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGvnH3JuQhPrPL6RFIFxCL/QCqa3ztHxzM/9EHaYlbipAiBBJtp6wTBqr4eMASk8+mJdTwfUjGi4fic9d5zGsK1gkw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.00e2018.0_1642536252933_0.8998863306823357"},"_hasShrinkwrap":false},"1.29.1--canary.75532f8.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.75532f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"75532f82d8c342d9dd313d07c46213df758031ba","_id":"@atk/mise-ui@1.29.1--canary.75532f8.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-57CoJot+L5iLHboSL82Ae3cXCi/0PZu4xTumku57gJNYN7rApKVJTwLZ7ajJuvmBy3xxMlyNQkO5KcMJhTT+vQ==","shasum":"240ec471722ade53dbbc3bf05080447f03b5f443","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.75532f8.0.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5yd/CRA9TVsSAnZWagAAUtwP/0qTiQKF2cJj51OfbsGS\n0yT9NUE7JEqBLSpkfyGBbD/pp/UCfSr3FWutsdM9/3NV0JApNiHsteLxfHjd\nMY1uFB2v2X/6fnrZQEMYvLl2huaO0V90IkW5hd9R/p0sN2yTZ0FmbDUHfse5\n/FJSu1kPtKeIhBy/mJzWfyLoGvrxfXS5V/j3jE5Wj4A0Mvd4QPBoR+G0SRXl\nmYshLMRwwniSNvxnuk5HElzAznhZpkF2+R3TOVjv7snzbZAkuqAqnwAGU1Th\nkNLgBNebaVaogzNqp58mEHjv2Joy6g3As3e++wwbtOf1XzEux8kxwAi86tUr\ny9zto+CgKIfcB015UNKvwI8kIoKgL4GNFP1USAr6gX6ZC6rUlLon0sYYRaoO\nB8jyUPnc7PFuBXlsZw/bB8IdAorf/1lEIAbW16g8DlOggEqQti5xPXIx3d/P\nSBmCIuoDd90kkCa57nJaMuf49cxs/eF4Z9FamMjgsElczGW6RjlSiwZPxW7B\nRz0UrsTZMvXQEYR42fsIfRhmr4txIrUfg8bVL5bAoY70l+jfxgUxpf/Jc48N\n1eziykBivcQmdDQAGFdnWDPr3cESom/ElC1dQvT2iOmhXOvoCF2d8Pxv/yO5\nxJZSVswCRD7GvfM+pIeztRyDV37zzOjy8mNNymivg2XQ3gsTtY9UgdgM5hrs\nW/vh\r\n=SNQ0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3sDZV73byLMOMVIVFb4/SioawCCy+imkeQ7HPxntzPQIgELUg0sTf7HEiH0YfhzO4E0AmuWQbkt/40ZqLxRCKPXA="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.75532f8.0_1642538878940_0.6111532025095687"},"_hasShrinkwrap":false},"1.29.1--canary.577.1cf3836.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.1cf3836.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1cf38367b964dd731460dee99da3b7b6ad5ef8da","_id":"@atk/mise-ui@1.29.1--canary.577.1cf3836.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-2hxLLV8bmrvaVJjbcPCC6OnsY21QDL3eXj9F9z7AryJQlfcebojQl9CXNOwLHqM7oipD+3C07RH4YDyOp13c3w==","shasum":"ffae8a95a7debd0df58a1ecb699761f794da51ad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.1cf3836.0.tgz","fileCount":746,"unpackedSize":1570648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5y8lCRA9TVsSAnZWagAAEhYP+gMWHO7V52/gBYxb1/u0\ni/+NDXiDvbtnwQraI1HlQK/mL4X1nAkd8nhj8b0w9ZDDLogzLCt+BUwWAuyy\nwScmJ4xP6u0VpMwYbt4PGvugp4mQ+ztEXEDoZ26jvPnjVcDXL/CFVeRGqpy8\ngt+EHGO0qgYE1D29MNgfItxA0JWrYqwK2MmorCPl6pOpxWjeHr6AV+4xn7os\ncVyK5mH+Rmc4yvQF34hIsXzM5hjOH98VTJVeizyWYThszg6UwyihT6KiAgcQ\n9mV3khF33aA7FzOB6ifh2F8iMb1yW77jhF8AMSzmloDVPJ22QBACl0YaWQlX\nhVffZsD9pKEfta7+Ai/Txvj2l61igR8GhnW3FI51lcZlQOaxBzQHwdqjwe8R\nMXWZ4ZqrhNucqf4iX+Goy6fqtPZ4lz1dTN4WdiWVJ5USuw54vxasE4ouSbfJ\nrhobaWFxpAP9LjChpsrz894s2ykZjvBunLI9c/QDnUEkQAImFD/ppC4WqaZc\ngr7uyG+MVAEcJD6tv8eHPSBqghN152emQJnQePMpClcDtlhVsV0YhK2Mn4Ti\n8yTsLFtHxrMPVNGR0mxud0jT+LWQNxBQXo6B9xmJsgiLekSPeBnQVKVmcjRq\nEN1BiZKbm//RYsbxmXdalwZ/xCu2B0084gRrgbdew7LwZP8K/rF7FY6C7QIJ\nN22D\r\n=iGgN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNk2A3fQ5aK+0/SmptBE/MAeHi4DX4Y10dThHQIlsntgIhAKJELgv8LCROXVUNAW0ND247dWXuEpHo3x8Hq9OACFqb"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.1cf3836.0_1642540836952_0.9053270910503861"},"_hasShrinkwrap":false},"1.29.1--canary.577.ac90480.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.ac90480.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac904802e0a034d4d35f63f3f0923fbb628a3c0b","_id":"@atk/mise-ui@1.29.1--canary.577.ac90480.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wBUc5rGyR3SHzyNqfOZiEDN10KLdlqdwM/G/mlc6LSdgEDkwjw5MG/as/mvyCzjHGeNa3Me0wZnHrm3Vs64BJw==","shasum":"9a613f130b46ce9f79257f85b938345ecab62ff8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.ac90480.0.tgz","fileCount":746,"unpackedSize":1570762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5zI5CRA9TVsSAnZWagAAagMP/0BJaPUTVGWgBe0hXWAt\nYj9K/YzxMcqKvvA2yM0UQzJCRng3+jWlXMe+tRXK1l8H66z63+82ElsoBl0Z\nQWkg1c/iIoeTtPDc3pjsAonoTb1yYWUgqO+dwBWSDdM+2x1dZ4wdEFieoWL5\nRoxyKTQoDkorWSsdVyzrpbxLI7V6Wz13k00TQnFjbmurqxoq31V7cl8OSCRY\n0bCEJZnv5jB+BFpQCSADgBLMYi44oesxVxipn8xyeEzp1bLHC4mQdzZ+FkSD\nTpWpt9eNPTh4RImUVtPQmFkhKKBhbEiq2cDjVn596bYOzmC5o5t+ztv0wqWO\n1lxESBEo7c6Hx3x6IsuJaWgT3qtrFTuxHziigeGHplo1vuyX/8E1wvwtLVUE\nXrQDbOlz6Z3OWcoSdmrvxNQg7tj3OTqNzxQ+5M84NWMD+olJEge57d6SHg9E\n8rBIMwpPd2IzspEuImqQREYFs9UvitwBQW+6s0Wm2zY0JE18leKqO/QoVmBB\nDt9RG5K4SJUr528aMgRPSSYwU0YF/rrD0tFual4Qpt9yoG4/KrYkBOgBce1R\nCga4V++/C94ITWNrMjX+YrpvH37n+aDXt1pBaOtzwYC0M5k57Uq8JHwafWv+\nL6NnENWhpIvQo9saYB/x9wuy8HKbjuLJF+P4dJ2Cgrf4Hn+soJL+2ouIRQt8\n1ClF\r\n=THGA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE42elYw05VUibJfqc6c3HZzv+eVQ4oi3XTX1J0LGGY9AiEA4EBZBPufwZVL9eHn1KGdcVogkJlm8LHpar/NoqNVWP8="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.ac90480.0_1642541625029_0.42184569258970916"},"_hasShrinkwrap":false},"1.29.1--canary.2facf22.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.2facf22.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2facf2267ceca88ce6706485b4cfab5e3e289186","_id":"@atk/mise-ui@1.29.1--canary.2facf22.0","_nodeVersion":"16.9.1","_npmVersion":"7.21.1","dist":{"integrity":"sha512-DGLZFf+F6dDwLl2ik7TrbIisVfMj0Rb2u9D4n+DZFfsAs5Rv9q2m7X4pPKuee2aaSIJMS22FGY5sW9J0agUhpQ==","shasum":"891c81633832b7521d41e6e702f5b5757782763c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.2facf22.0.tgz","fileCount":278,"unpackedSize":1217699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6FKGCRA9TVsSAnZWagAAAa4P/jfw6FSj2D2aVMPD/TsS\n7Aearq84n1bZnSz9qiZEvrdLo5vvBRlJ4kaAE8tX1WOCmjjUU85NUJ3Si0sa\n4z5A14X7Lcqtp0x54PMKAIdOZ2ClQvcCSNKrH6x5MjIYL44XdBhzSaDzZfS5\nl1pakRO/beAXPPxRRkR7zb8YdwqYZQ+A+U7R1e36/DXqbogrwxaDgLhIC58S\nDAaGKaPPVn8IRnwK3yXPdOoXJKhIhDsA+rlmRdSTVsWnmIT8c3Te8GcDm5SF\n5K/rOairQ7ORULyqkdgZxLYth9s3VSUgqNX+O8MxsDDzQqDXjNc4vI9DHJLW\njyRoJ78MxFrVj9Eff+/vcGkXjsjFZoCXQtwZr/Ge+TtOVWjL9ylxth0sCgKp\nL7oQMImc6KdU1g+PSYZS6p0vuxQcmmStS10Bh0e2K7gBWjR/tGxIOD0MybMn\nApKH5oqIUbYRSBu11rbWGNQYTo54LhaVW/4NHUyrZ2LF4le8EizzFxkg9Yxz\nrft1M7nU0iPSVImgJUnyq8IbRPeBnLzF+A25FsHCfF1jq8ZniiAD3kzHx6Zx\nfu6pkSFWorQ/ZqPEi1jGxV0kN3APTpcALvb5YFKrbtyy8emddvVqt7zzga3n\n5gdkE5dB8Gu1AdjayxF2rj8iU+eSimAqF1u+dMiXIcVA6NpdNeR9jTsIXhL2\n2APn\r\n=icUb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7bCavT9sq9zXCAfBO+Y65qdbeKlrFVPT7Rza3TdNbKQIhAIE08DVY/v7e8U1CAlbEA4EjPujJA9EfFTNUhvBicscO"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.2facf22.0_1642615429687_0.3946951338959259"},"_hasShrinkwrap":false},"1.29.1--canary.577.d62104b.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.d62104b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d62104b9ee93bcde1306ae616f23ed88f65a3bbf","_id":"@atk/mise-ui@1.29.1--canary.577.d62104b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MDD7y6MGeUF+Iq1xxv/oY389mWIJ9Y5Z8sCwhbjflaK3V85EJtt25rh1x+Ejoe8lTH9NCgEn+id4kddOlBNz2g==","shasum":"b0c2174002e6ee59fabc661df7f17bc4283ef035","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.d62104b.0.tgz","fileCount":746,"unpackedSize":1572396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6Gz2CRA9TVsSAnZWagAAXEgP/Agzbi4u2lKPUQYH5GQs\nZp8XcRyvk+HHBjHGG+IftcdMRk5biGtWTe6tqf/wuNUGkVfPdjj/BZyfvWdi\nC2fv9unEBcu9DQ7vaTCHIUL8G97KgPHejy0YAA1CT1bKnUeiH6pXQm/nM96d\npU7o2AR5j/l/tIpPK1tCRhQi6EYkhISy26OWqGVH7IgFikRNC93ByFaD2kBZ\ntrBh4+YKcDfXOD2H4ROEjA91xr7OD7TEQunD9TEHjyp4TqNeu06kxozL/DMd\nShvXJxOXaZ8//lwpNpvZ29E2KsZRPTQUWgGvkimA7yeO4n9QIijGj6x3wMnc\nOKMG+ZDN/NflNIOlBFhh34qllMOMPUZ3XvNEAFnN7ux5WrV8j60CdTIIvkR3\njmMtE9mzvcPfEiqIcy9CzT0dy6q2r3SrGL4bQuAPAi0AQ9bh0m2ag8n5nuh1\nXkXf4R7BCJssjfsU2v6BhPpa8a32CQHd/SIBQPSvYmOZaaByRdsmqBo5amPh\nrLk6O5TKicajqgC9w95+tHBccuVJX1H0opOnFRaRCkaeW/kDmgnRbSb05fj6\nr6vS7v78JMLnIKeeV+KAxC7QfH7HH130oX8+3s5A9LuC0QcmuIxlbTLpAw/7\nHuzYr1nNHxrdP7zZhCf/cti4Rr0hcrbLznA4o4IPCiCt4C7U1ebpvsKYmuFp\nJg6v\r\n=1ivy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB5Pw/oPFkhaW6WiAcvwN4M5xerEqryOAFBk+uTHv10/AiEAt94khbo1R7gaflV1H/fw9NczqEnyAuKU3csfSAINl1M="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.d62104b.0_1642622198170_0.9219989416672736"},"_hasShrinkwrap":false},"1.29.1--canary.577.c8b40d3.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.c8b40d3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c8b40d3abddefd5f0bf68c60e22a8216c5bbe7fc","_id":"@atk/mise-ui@1.29.1--canary.577.c8b40d3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-mg7Z/wQ/oz4DcNjE54cppPU4F2luLA338oo+riIGBUbmlrQliBSUTDCFcHwbehPyQFTJVlqMtuN0aQDtTAIJOA==","shasum":"640b404e1c14f46e795ece735e0434d90f21175d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.c8b40d3.0.tgz","fileCount":746,"unpackedSize":1572483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6G+hCRA9TVsSAnZWagAAzAAP/Ax/7e5Hnp+jTeInXHWy\nS7vF0xVmC60r4whdZwJ7Pj2T+fU7mq3GsrvSZAOTQf038UIbeaWB3mly440S\n+ZL1fmM/KsvVl/l2TFQwTwFArPkHimFYs9WW+jK8p1BJ/QjZDbLDnuloGf/t\nt6BZAmLrWGunfLPlbn2Zp3fD3/D92jVyd8CbacM8kQw+7UZRZy40UMCksUtz\nptZsqcibCOz6aFF4/F8gdtUYwyKntmcCwjSnWTQkglqxUAWFPiNNUdSeCb/9\nwL/ximfmU/UVjd5meoMK0jS8fOh/7mxcDbjuPwxTa2XPMVgaEoWrkoMx2OYo\nsIrWvMNLwpjuz6uP2tUrxZ10+DskX9lGE6ENz3iTs76jTCUYIW49DbiXOCyE\nIX3zsp2lOvuXjT9AIXF7o6TkTgnZ7VXkmDuRd66GN517uChqeAxohJzzepSC\nty4DBB8SwDPmi3rm26igzsb4ZnWoL8DASWS1z7XVWAFKXHhVleXqTiMmIJb8\nCyWlXUTOMOSQrpcxoEVyOw7NVtUo0OPrGYyK26sQk+frHi9wwRVXjQRmd/hz\ndHBgj1qzTBLNfQw0ectjQm1H9MBdAywe1VaNMxI9II+AXU+alx6joJLzfR21\nXYBfoQWsUrKfF3zMoIC5cEC0OLL4aS2g6j5ks2otj2nATbDd2cD8g6k5Nolq\nQIKD\r\n=82Ej\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCaKz1558YTUDO5OkcSpC3449PZeyyaf3e9ZG3TmzCIzQIhAO2e07MnrK3YYy+8IV7hJ8lWBalQg/STEHl3j8aD2ACa"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.c8b40d3.0_1642622881044_0.9559450575898203"},"_hasShrinkwrap":false},"1.29.1--canary.a9be9b9.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.a9be9b9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a9be9b9bab99bfee437ac3771d4aaae867740763","_id":"@atk/mise-ui@1.29.1--canary.a9be9b9.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-ArxF0EmB7bimwiJM9TbPpsSNtIGg6SCR3QmxlgvdPnYTMaJaWt+TvsKaSUyAhASvhFUrIqw7dVRVf1M0lF53dA==","shasum":"3f3229d8f44c19cef49ef9c3109234588610c06e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.a9be9b9.0.tgz","fileCount":279,"unpackedSize":1223350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6IXcCRA9TVsSAnZWagAAWXkQAKGySpX5rmzC2tj06d27\nKD0BnrtagdMVd4zB7WURI7duSUHAG3vMSjMc4HLMw04WtkJR3l1Bia0f5r1+\nbv+j7/+8ciRlHS98p3uUFossE1YxfE5aZCUsn6bXYDLVbqOuEKtB0V1Hjodu\ncG1ldD6QN9nYnZ4hZyYHDczsBPsqx4o7HUtBiX6Idg68ye/ydpzzP9tBong+\nCcMCAa6RN66pIj2cyCTd6EHxaFwZ7dAEZSTITJuQKefsHHph9YOmrL5Gf+Za\nXSr6XDXsqNTq0rlrjeAsdbgTyMUK2cibpGoj2JQLCsR0qf4e0HrZjTw2t0uZ\nrwZTvPeIPSb7ZqTaal4U1btSp6rjEJegVh8D+rZZ2cIbF1Yd5YiDwkzESlCW\nd1Opwy+3YYLLdSxEm2LdcyXXY0mAJdblEoB+QRrPaTkvxRzmtKXBopb9yiM7\nlA0OVcwdAxBw8m2FDoIA/RJCfTbLCu9to9otrv/EfpNoiJrjHzxB0NVMWqkv\nSHv9y4yy76ELa84d+c60GnwWPIlQqq++bm+b90A6ZaYXEOCShhGISPqhDouS\nuF3ONyY+PmfB+HJX00Inftj6SBdBxr8OHTLpi+LE+KC1cqD7Y7YINap1uZrE\nuycsshTGkZyVMq587J4cU0AO4JGF8vgCUYj/SBCkBJHWS5gTLV3kk3LN2Zvw\nF+HO\r\n=svxG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBhq5cyJbxNejBHN1XJjLkvlqXIZetvOmqa43B6ddBENAiADg18fU7eYXchOBwYPhVR/WjX551EKDlaRuFDt0AESCw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.a9be9b9.0_1642628572491_0.831399758019032"},"_hasShrinkwrap":false},"1.29.1--canary.577.1a93648.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.1a93648.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1a9364829a11d2061347528fc4262e0f7f37727e","_id":"@atk/mise-ui@1.29.1--canary.577.1a93648.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0ehUJ+bZcoD9ggdFDlto27qN9TRVaPNHbEsh5nGpB+Wqs2vAPEQre4nq4dtFemnRVls7MjXAiMzisyvoQzb5xA==","shasum":"bf92245157cd37e56b22cd09b11987abc0d25cc3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.1a93648.0.tgz","fileCount":746,"unpackedSize":1572649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6JBTCRA9TVsSAnZWagAAiDwP/1C8XTbGUNjGYHPmTn0b\nZA+x+JzuG07QzX4bcuB/EU0dSoGbyh0yRxO4jYeI/gEp5k6Vc6y++hcSWCpJ\nkZPGVJShKEpDleOdnwRrxYkn7DnuaqzK7jjDMhA/oy61XouqHnjA5AHxUFt6\n9PXPMEtZyJmLcvwp5yW/hkoGQSjuSRonDc8ZLedVVgj07ZtMgrGTyn8bbN+Q\nl8y3JaIEFLhTKdMf4a9LSJbTI5/rsD+TU/qTIujf7tZ50+pmhHjcTd5D+zXQ\nIzsu1Z3EDJ5V6dEQDrlPZMTMgWQ2/QseIikzJEwDTMDQGe740Bqq72HLb6DI\nKBPnhzdZ7jFnMzX9hJCLhOqHxLnl/l4Bf15Vzx1MrfQHZgOnP9mgxXNP2epO\nplOTINfjU/CrH70PTmls69FaR23ln0p58sAJZetDPVIIYonS6ZyI5G0I5ur7\nq/n4It/Epd72vANA9m2CRDSeG10YzkUDgS5+YXnNv3WhDStm7gvrFFWGh/L3\n5cKkluFjiaePkkbwcmKaDdU/2ZeqZyXT6NzrZxBJrmZWsK14r+GJwnZrYWI2\nUZl45d7ECZWZiXbwx9ZHQEB0ZvH97NxtIgsEQVSowaUPPlbFyHEWHgkUA+/L\neWcCetlOuKNDPuGWsl/oUVqfRqZOkA7qiYinJVfpWcA11cYdhfpOw7CBkNSI\ntDtE\r\n=5TqA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAyE3DYM1eUPsIGRPEHWjqndYfpRWakFsf2nm9usebfuAiAqU94OuZjD1XD9j0UqNI576avSilaLkSjzz2FhBBwobw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.1a93648.0_1642631250813_0.9808045838608257"},"_hasShrinkwrap":false},"1.29.1--canary.9793eb0.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.9793eb0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9793eb017713b4497271444b901caa41196e529b","_id":"@atk/mise-ui@1.29.1--canary.9793eb0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+6opeNRo4jSpoA3N3ulehR7FW23Zc5FBzDouWXi26DMZhq/fA4MrkXIX8ho7W1YjDEtmYYZarbbTS7RLFCjVrg==","shasum":"ba981ed7a6d5ffde8ef880c25cfe0539d9db2756","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.9793eb0.0.tgz","fileCount":746,"unpackedSize":1573529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6YDeCRA9TVsSAnZWagAAb7gQAJ6kQQoFCCYG1JL4ASB2\n5kpsxN6VbIbj1iVgqCBiCQ+cGG2Y/XXnWdckXGGV3TlUJGA0U6BCVYwXgLdY\nEUB4Ue2NuE90hyVojsfOvqR4Mzpaz0IV3aifXp0STA8w+ZDVFUQsiJFvDfP/\n+wxWAJGOebF1x+m24x+hrft62dweugm+lmqGl/3bgEyjQsOO0SVovrFG9mnl\nsC6OA3bc1YMhJha/RBsGmLziyve42LNaRrM0dm20LxWcrmAKhu4ysl1mbsez\nwFa7PK9F4puSDONIUG+QlyoI5ZgAOrxKGaGZp38OClV9pbVH8Mk0CLIHjQCS\nLA4pV0UGyBNG9SZ8Lmfd38KwKwrQ7bilopdkDyTqJi012ssmF6iDGiHHJkCU\nZBQSq/oF40XFT2Vdwv5m+Ak60Cfsf1tzrC3fwjcKPmL4ibzzxY5RIY/yIAlg\nXGkobkYtQcsbAj9G1QQhRt0G5+qvEn6O/FxpaBFAosika+akcoovjUkukL4B\nXpfKCZxlGfUr4L4EGYgclGEhIFH+ieWMKHb6W1biY8kTMX/1+eRpmBmtywY4\nLtHILKjM/e8G9yKIaVGE14sBsnHDQSjD+zKa+Y9RZnWDeyRuGXZROP7B/8/j\nyEAa+0CxWnHuVD0d5FIyH2TyASN6ELOGpG6P+hOmOCJi4K8iL5qTHwAvnkpg\nh8f7\r\n=MVMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3VUK3k9hL2AtqKRSq3F+KXkxi6sqwfJA1TjNXtxb3WAiA5XNaen0n6tRu3VpfWYs9V82OBbB/kvrxmNgA7Xfl5mQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.9793eb0.0_1642692830533_0.35377192133468904"},"_hasShrinkwrap":false},"1.29.1--canary.a9be9b9.1":{"name":"@atk/mise-ui","version":"1.29.1--canary.a9be9b9.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a9be9b9bab99bfee437ac3771d4aaae867740763","_id":"@atk/mise-ui@1.29.1--canary.a9be9b9.1","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-hqf7+X3TrhL60S6UFJFH2FlNaxtARa3OY82ryQ4srrX6osS1vGStdZ/MZpLrOsKKP7WkWdd44TEskWIEKo+0Sg==","shasum":"2b06294287f648ccd41d6c4023519eb37deed57d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.a9be9b9.1.tgz","fileCount":291,"unpackedSize":1279014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6ZXWCRA9TVsSAnZWagAALuIQAI8LztnwVvRqE7TBuFt7\nv3nKUrMgkNEilvhdrweswGy1VMoaJy3ilhcVQ0dIoRtqLdbZ80zJ/rK85a6m\nShCe+R+65407l435FGvT7HGWnwxG+COC15jkyQIF0ZqfeZ8Wug+aj0Q30eUV\nPetYbrtpLfM6aTZyzarYMirTWK86h33j2lrO/g8iwPSx4lBnYF/F8aJtn89R\n0b2QwdX+aWt2NIX2P1weUbH/FDaZKLrS2rBV1/RIf69QLZWWH9nTlXOKEaC9\n/m6WQTGVkBh86d14BRIofAHfl8NL0OeFTjv6lxR47yuPnuTPGYW1oIV2LdsB\nhdyje0ET2GY0CF4N8VO+0OhShVPoXFzFDniEFPpGAZDKPnbNFRb/UQQlfSsA\nh5FKxzgtJbNd+8d5QYRUB4kyYziJwxmyV1ZBeRj9BXAn6ba7wQJ2yqqOy6e5\nwok8zATLaX1h4QuuSdveHzBChvAl1D0WaLBqz5IK0mIDTPs2AwqhYZ4f3Ljy\nvPwH0kzfzqLj/pO4DOWgLjuj7Xt3vPq7nPV5YLaeJA/BC3mlPbGXfU3IaElb\nlbp+jXU+4DTyfp+o5cG/7mkQ7Xp55Ic7p/Kcrsxq8ntn5ATw/hK6BiOX6GgG\nFzD7art7qmwJS8SZmWvZky4QQuogA9jC1KOGui0VtxmBbAK7r4u34j2EHIsW\n9b9+\r\n=WOCt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2G7/7i6Odwq6fSZwsNWEUyZElpbD4wpAb47ThKL2zaAiBEe/waWwy+9/+CnnqhWPCUIMBDBCKrOuTy0FAd//tyig=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.a9be9b9.1_1642698198504_0.7173668864011491"},"_hasShrinkwrap":false},"1.29.1--canary.577.ea9fb93.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.ea9fb93.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ea9fb93ce3b9593a10ef8040f7ec5845caa9f261","_id":"@atk/mise-ui@1.29.1--canary.577.ea9fb93.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0ZdZjkPpTlvpPzIbM4O6F8BsW9tluaSZHi1mrszbUBzmZduF/5c0h79rTMnsM9vc686yjO0U+4eUJG/0MFRsFQ==","shasum":"e6d909182073e25b4f37ed054adff722bf20d1bf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.ea9fb93.0.tgz","fileCount":746,"unpackedSize":1573525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6ZePCRA9TVsSAnZWagAAgN0P+wdolnBAXgmpoF7cUM2R\nMdQtqjoBV6Ewq9GMrKXJ2dzVKEg4X+txEVTHaseLyVtUyn8S5Rs6ByZKXpV9\neqsyJuUiPXCd78lQPAUT9ToiTAVqW4txBWzKhaDl45qkiFJid9WQEUjcSAXo\n8Ubw9xmwCqbA6lrdiS9stcXCRInRqJwTvFY6Km65ziOh8RBT/HOyFTw6ujZo\npZ9dhP9xVraHD0d9VMTInlBbO2GZJpbgyWp/CjRaTeRq6Vi7FclYpaqD1U1I\njkVlLuayl8dOZ6RaXgRT4pguBNyEczZ2GLfHDkYD2gEsNOCkcxdegfE/6LCN\nWO7IkxVjh2lGRNtn0apqGCnU8hJ7m8iVhjIRF+PSpdm0BS2TqwarsXg/QXoU\nHG7db7Ujbe1OFWGpKzgjMss4S7cu0QS9eNf+r3f80nwLvkAmb1AaM3dFxdgq\nOwNUxItWGKiIf2UmCJYARdMCtBI7mtmk2H3AlgHYHt9IoV6alELLfQUu+7cL\nLYY5z79P4iWu18ngZqU5IOrsR6OUMpK3cxfPnpkDI5qc30ymyvK81WOyhYtU\nr23ACNTCS+uECCoxe8fcodKT91naIjZl7fn12p6AGBUbUeHda5oak62NesL1\nwEw+/3Ts5ydtYT372ZIowZx8pKiCuZfFtnDObcXX7cjt8YkxKERiBm8Po+85\nsv5H\r\n=Y6+8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEPqkBbDcmJ7rxUqaTvjZ48hbWWnyBu3w2IoXHT6ONcAiEAu9hn/bc8NRzaQGP3bqEFhQXRszjOQ/1HHcYO6xmJiUY="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.ea9fb93.0_1642698639231_0.6880989958039809"},"_hasShrinkwrap":false},"1.29.1--canary.577.20dbaa3.0":{"name":"@atk/mise-ui","version":"1.29.1--canary.577.20dbaa3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"20dbaa3c588049cf8853a6806076df99a1fd4d13","_id":"@atk/mise-ui@1.29.1--canary.577.20dbaa3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lFk6Scmw4L1XBC78+rO8vP/P0h4uICHhaeYYbWMqCagnOXHRJUEajrE5XQtFO7XF3Mcb9Y8SDgUd+IWeBtzrPQ==","shasum":"3681df7f2c04688c8b63870613b1158d276457da","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.29.1--canary.577.20dbaa3.0.tgz","fileCount":746,"unpackedSize":1573533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6Z3tCRA9TVsSAnZWagAA3DMQAI2l5krnyN/UKWfBdBld\nQaYc0BUWRZIBEs5BLgAZ33Gv66zlG14HIHAXgezpmf09N405gq7howgg/Igx\n9mNia1SomqmfWHewdBA7s9lLJW3UDIgf/UUQHAe7ernoc5s3j6j6yNM+dCJt\nC5WUKQoWUAupMIlvxF81kTvr5WLYAGwKvzxeNCaBD3I7f/jxpXcfZGHiYf4B\nUNQpU5diUeoV/ek6QcuSe9dyudBNgtlrydW/T+0xpqvk0UKvwcJlc4IH30H1\ntVeBtpjeyLdrp+I/PXcA2FZL3ecZujkW71LhI33MhIUkX/LF35i+jJJwGNRE\nXeOSYC1LvO7kVDqUSMAml1aYW3f9v2omhxkmbw8rOntYfZhulvxeALtTSJA9\nVKiwS3cbRjZP6J7JbUqezvp/r+C20itX9tFEuE1Bur6jCiEWJZqyxiNviTgY\ndAlt/7pWgtCE/M0NOJmWErSRs0ChC5aAH+uogVQSNdUSnaRQBc2GWrOuA/gr\n4vem1P9sxZZkoANbHtQao9zeZXsBf5LjZhtkOjbm9MIMCL1sQWSC/UIt09+G\n1Gu6JmEVw8GLMjIuDb8txcUcJ+Cevvx0dTvSSd7iWZfSW/cl8AptfY12ToVQ\nVipfUe5rupgT5BTnWUptKe9+GLBDJi5jLD2vcgNtHlDIvDYOeiwu0Fh/cpr7\nmmWb\r\n=7dSh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0ohrjL5u7zL8sL1VadlPIUTxyPv8QivavDG/cDwl7ZQIhAJojcCFAB1IDtSwjOshXzM8rUvjVBKzCgZN0t7eTHgn7"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.29.1--canary.577.20dbaa3.0_1642700269206_0.3444180829893422"},"_hasShrinkwrap":false},"1.30.0":{"name":"@atk/mise-ui","version":"1.30.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"ed55cdbca00bfad65350deda2c7271761a855278","_id":"@atk/mise-ui@1.30.0","_nodeVersion":"12.22.9","_npmVersion":"6.14.15","dist":{"integrity":"sha512-gPXqP9LlR+AbqUppT05Or2sIpzl5qDXwLmA6VL8pgGHk1ArhvgdHQOjsp3GiNONgijkAnPFiUhzpZhWiPTNafA==","shasum":"eb2154bf1c8e3f0c9401174de43e4961b41291b0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.0.tgz","fileCount":722,"unpackedSize":1502578,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6bZ5CRA9TVsSAnZWagAADTMP/1qEltHvgQosg3RBApo5\nny/LArdA3x030xEDe0JGanr1v2ghF0f9UKLo1632hD0P9oX4f21+lKhs8o7C\n+7wqFBLtUFX3/e/71qVFWIJUhQ/nTfYOCuH+6LHHyyTuPZWbg67DdLPzmg0x\njRxw8Pwg8jbZXdzNdqI/DPdtxjlQ3OzQYZuK7XmtYYMmY4Mbtro7NO9MRXVD\nbW4cDMnXBkJ+mCop1u4lBKTkVpoYWpGmuh058TLb0pA2VFVWT0yG79qpt4Cr\nNJfSuiJJwQ7KRtJXoP9s/EGrqj9ShYfFPVoEMOOYKmpIzPc+/otH+TRlHXg+\nfHTgWdiYL8aidrO389kn3y9TMWN97j+mVggHusshv7BAeuOy8r0jwtNfX+lo\nj4pmaPCKdNsp9IKJvl0XwNwzeZJdKP3K5Dfsze0nL1NU6bZW1bFEfFQ4rL2X\nahSufJhsEnU3XXQ/wwZG61C8PJ+oRFQT6z0dtdLXtiZQr4Eun9QzvbXg2904\nhvAyBbdcqK2eL8R15/ussdUWMyP75TzkOcxP0Sk74O/mFC7T2ZcedW6xwmdG\nUuVQI/jFKsvKSdP8pcHpMSgKEflGwRpd8u2msv2EOasEmWtJmuTkzltFtVdl\n9xwYdTK2vzkpzUDn855T2I8bgHPdZKkjm/mldhLfkWoK1sWcS9YpddWHs9Bp\n7Wxb\r\n=XR1/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID8M1RFeB16itnW1qwhpdNWrzOPR6iyheagGDTXZnNSVAiEA/ERPOBlYcQVD/ezzJB5kz4VyiW6/ANfNuTiWMih55nU="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.0_1642706553637_0.4800993849704227"},"_hasShrinkwrap":false},"1.30.1--canary.75532f8.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.75532f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"75532f82d8c342d9dd313d07c46213df758031ba","_id":"@atk/mise-ui@1.30.1--canary.75532f8.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-Fc/OsUXAc0YxuGZi+x6d8jUSQJgo80Da3BH9ydy2Dz9FlAMaL8OR7Hyur2NyJ6CqWLNzV6tRT9J1PyF0Ev+tqw==","shasum":"439a1ddc63e758cd4dd2d069bb168a2c255af0fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.75532f8.0.tgz","fileCount":291,"unpackedSize":1268803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6cdRCRA9TVsSAnZWagAAXlkP/3VHn75poabwsGueRxhJ\n5kjaZ9XAoNdU7wc9QwkDQRbwKs+1VN/dW5VFblwWr36TbgFjbJYLVnvv7VKj\nU0eyyDc2WTQm5pszDUPupYI2ocX2nFs2iJGyC/D+aZGhKa9o7sEgvSUe9H+e\nyYGia+3AE0lF9BxOZfqKePT5bdxczXxUYaNzmyOxK8jncXaEmDFCKMqKiENV\ndzqKQuHM3g7MbHfJl0gxmrIk1Bkh+krILkdr6Aka+rkz/i/8u2+7C9TmCzER\nwN4Y8+2pvO9vL8xqh5LDMxmbUHxSVC8UgPOrijq290CoA78+jHvf3dxkIeo7\nx0QxpwyWw8qq+vkAtY1Sn/n995HdURFkvtOpF0c6tVgOogYysE++sBwHOsQI\ng56c1mGNZRwAivvxwsTv3ovrDatz0hqRnm8XhDhgzdMbIHGB/MugGf+FPI+F\n8IY2UiI2RCM7QA3Qett+BBs1WKJh5w/QgWmfk/FBSVfHHHTYmQ9qz0qkySy7\njUwSKNt2nBwR6voZAdTdPq5v1tGzLFUHPC/aqcxl0EeQma1kGZKTKxZwqpaM\nYIlPO7ob2D8+WDsa4rP8Q1yXB8t4MwkEFLlBAFj+KO21weSAWkn0wmrYYoRm\nmnFi64vXQj40JLp3KAEzXIfx4iXM1r5e433M+Gk+vOEd2dnk+o1PKDg17lic\nIIZH\r\n=uXXO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEht9U89w8s9XQQw3HDIdCTrOB9ayIZVep+SMmSpNwVVAiBpWbPsSlqRZMlCx7namNHMpwttUwlKrI9IzttpXAhGHg=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.75532f8.0_1642710865765_0.1449822186876395"},"_hasShrinkwrap":false},"1.30.1--canary.860d349.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.860d349.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"860d349f9508d73a42fe4c5c8a50a666f8f00067","_id":"@atk/mise-ui@1.30.1--canary.860d349.0","_nodeVersion":"16.9.1","_npmVersion":"7.21.1","dist":{"integrity":"sha512-z6c6AcBBQLqKokDApCCbRlj+WXSjMoc1pA4v5HhdewFDuxmWAKNEK2st5eubfC6HmZCnIsWatJYPEz8ID2g8lg==","shasum":"564a3cc71f902af77a66b3e50c73bcd2cf72dc10","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.860d349.0.tgz","fileCount":278,"unpackedSize":1217688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6cnBCRA9TVsSAnZWagAAUQsP/jagHW6lQud1MG6Ve/Qi\ns1Xzb6pdHxaJY/zzV1fgq7FC1FLklUcowaL9ftBRartBsQk5IK0Fmzpi391m\n4MqI5KZ8ets4zYzdDh9lKO/7V4rd2dfsjYnlkDmnlYsdGUKGlfso8tAAbFh4\n7a5FAobXTRdHubbPRc/7GwXW7YdtjAoQzGC2TU7m9i8TLHaYhIlpR9wR98y3\nyMEfQa8Aq21wJI//HHC72yjL2AWL5NGWzd5Z4m6tZ19OplCl6vMUqIF2J1W3\naN3706x0uCeeBjsF/2ECjg8zs5SaG1EDtoivZRqKv5fWgJy3DnI+d8ixZxVM\nkk9WcDTr01tBuL5DjSIroz1S+jxx2/LM4efQ+1HOwZp6Yv7s8obFwE3cViQb\neJFR2YfiDBmWiaak9tc1I9d+WDOiWR4Ljknt+aFYqiBhwCfd5iI1ug/aPd2T\nWVlNOztNn2GIYOFm2sXfVVLQJRuPUpu5yH65U2Kg2rYnvu8dVLHDVJLBL1iu\nJJh1guxjBm+4813eclL3R3sVUCLQZDgCgyBbBjiVVlZ4ry1DVPNbbe3C8egG\npDGe/9zED9Hkg2kTwnATDFcp6cg7MLFAgT+/+QWqjeGxYUjvsYVaNETp04Pw\nHKZxF90NeF0E2BHdGZLMjTHReaQM3Ot86ASj1vCHMJZnieIBe2c7CMsk0qGi\naaNX\r\n=Oebm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZFO09eay2/HYMhwXm8ZQ1rgwYzjqHUSDM5mRuZZH29AiEAht+dDxdbEuXIKCkxczVLaAAVjjEEA6Kdmt8NU9UVPpA="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.860d349.0_1642711489735_0.6685505996742982"},"_hasShrinkwrap":false},"1.31.0--canary.577.cf17e34.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.cf17e34.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cf17e343e4b1a8d2bb4184de8d693f75e5808203","_id":"@atk/mise-ui@1.31.0--canary.577.cf17e34.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-YcGgg4oYZlqHx0gSBR5Gtryp6zss5l1jqHVRh9zlcqkjDVlORNv++qSjf6pFb3Vr5qaDoZHo25awSxPiOOnVaQ==","shasum":"1344f4a628c3ce0f5f4b6fe381c2df930c0a0d09","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.cf17e34.0.tgz","fileCount":746,"unpackedSize":1575216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6crBCRA9TVsSAnZWagAAkg4P/0THf6CA3ZB5hXY9IoFl\n6GEspfC7Gea0RXHqV3E7CqMSLXg2FSglfz1PprS8IyVYCYEF6iFuc9RYzDZ1\nvv5aKtsAYEV6cqzAU1CLji9LH2BtI5GUretQF5mmnEz3NCD9hdo8xQSdnuzy\nNMnsz656uV1qwg6tLT1Yf85FxYXJe5eKVR+sKoPiBxTFnfIe6JN5bU5FkZhb\nMZbbYSS/2hdiW/s545DlbdJRFCvVagl6TxBdrMiEDNn2l722Ne3c3fC691tS\ng38evbx/fYOTxwaXlTHIXdLqBmYjX9ms2l7zgOQo6Fs1eE0HKewL10RHgiHx\nJRWqqCRzzU/dyACo3Jmsef9eG5Cjcf6gm8vfVCTYeH73CPlJGAnVXtcG1hEo\nU5YAUrzpakIT9E43X8gHQc3oRkdSHxaE2NE5njgzLtWbGg1GHa6B7uS0ifUu\nHBJydFHVQzxbZgqyrq9dcWNV+y0Y2DQVCyIYLFAV80lz4m1UTMuCxgdwNFyT\nRdoQATTwYaeqI2koyZ1pmZBsrjkIVb5hCIvpiNpuA16tc7iWedzovcvivQaO\nGOMSaxcPfyzK7OBFOHirQJnOH9wpRgFFFy7dKdMalU9W7VeJ7Y/k91jdVv2M\nNl+71z/oOjC2WujaB6d5Nl80U3ivwGPkOOBhE86n5uWYeQTIh02pyWYEiEDe\nZae2\r\n=n2LC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICt41lNm/VafYSsbmuTwYwHIQTfBeASyAwvIaDfPErZVAiEA4nrSyFyT350zytFsw5r49hGYnJdEv0GHHTHpA/EsZV4="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.cf17e34.0_1642711745630_0.012950705429395581"},"_hasShrinkwrap":false},"1.31.0--canary.577.2df3bb3.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.2df3bb3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2df3bb35ac3d11d8725769f81dd0a0e767c5bd18","_id":"@atk/mise-ui@1.31.0--canary.577.2df3bb3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-eJjcbflzO5RWVNHBURcn+ZbJwn/B7JWK9gRc8pEf0Nm/p5sF9yymfMYUl6pT7VXND3eCvI9QgGQaE8ECBTu4gQ==","shasum":"4a20435656f5f5217063a0f50490d38f254c40f0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.2df3bb3.0.tgz","fileCount":746,"unpackedSize":1575320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6dKuCRA9TVsSAnZWagAAWU4P/Aq34irjB51GvYrLCNeP\npkScmxa3c+lCeEcBAoTnZ/LTB8nGOTNdgyMMK6uL/zoHMf6TjtdNs2/uNZkj\nAevRdVL4dqWScM41yp4K2Yfex8Rs8u+n9eN2KFETy499N+h9rZcYTFjMDGL2\nyoJPJJUt7kk2oCEJiJytH4oC6NQJjdYj4mCYz27NL7aEqbyG2ATmiibUJDQo\nEiuekYT8N13G+/5BCxMLbZ34PcqpfWM0YC/8prXlbmbl/SIFQ2LeZLYeCMaT\nWmlFkqa+rjtUfYcmlQq8tPGing90I7ENOl6J9rzFJb8NdCsW8caCAvbU9eG+\nao6HL2tcslwZEkcEmga0Hvp+ndcIuJPzwBA8hhKWRbhd9HNq2C4EcATQi5iq\nLDC1svovNvR8PuuhFIiAsc1TtoW/QqMHkepy5nR/cjbw8T9FjnMPhP+KPJmx\n6eqo6/lJlOBBU/IK5M6DXvDTWDlDLTvm2y4k5RNtl6jAa0nflxpLNUW2TMZI\n9HgYF5JpgDWKkuQ5gKdpIfJkNpsTCvUfu2+pG8JFx+DnrYcxbJOm45tcP/4n\nXiP/mBpVoGKxJSgjGaMmUsElW9t51u56K4FlFt9IJ4mr4qDxUMSpqpy2knKZ\nYdgJ3WgHfr+XDAHp/Xohj0ss1iSLp23bkB1JkCtXB0l8Xs4WBiu5/MoH0WxW\nWT7F\r\n=x94X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDv8Go03g7gYOOv0CfzA0Mmo+QYVnYTlP6zg3tr9u6qmAIgK4koX4MIQg+FrVLmF+/ahWEHGyYXiDtoUPbY5i/+qNY="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.2df3bb3.0_1642713773856_0.6584369575110474"},"_hasShrinkwrap":false},"1.31.0--canary.577.e97d733.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.e97d733.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e97d733f590edfa83684880701dcf4ce0a83d535","_id":"@atk/mise-ui@1.31.0--canary.577.e97d733.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JAm9Oh2i/yn/i52Ww9TT08VeFo5SoXfxsvKzsiUMS3AZFV0MqmTVOd0vvbTz1E1shQlECQYfH0WshPWqVTeAkw==","shasum":"d51f0564e9da490996ed5d1c52c84406ab136a74","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.e97d733.0.tgz","fileCount":746,"unpackedSize":1575334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6dXICRA9TVsSAnZWagAAuj0P/1fzvBT2e0NaZ6MDExnp\nlfka7s8tsi2VcealfJtpkj76mspDKnoUET97oh36hMRK1Wb3CSWDHMeJHeF4\nudGD+ccoSmWGASfifa2bgb0QrdYy/+dDJ2Z1TSbkpmXBfe7tWgYfPrpN2N9l\nRQb61GTXNisx8AZUudhQH7+h7CRt6ell4oOGgXgj5Pdg8AEaqblmBwROa8AB\n1SM97Muo84LyuGt9WmaUXtXGD2CRWsrwjbu6gmzOuNkLSK8oo9PJ3zF6+Dgy\nJlfB2EIu1/tDcvMEkE5mNzc5XoqRYOJumCKT3uBG3H6NSxJ6IbJ/Oo8zvx0s\nYSHCrFTw5BrVLwuAe+sxVzPOX/QNHgcqFPFh4GLHPAti2JdILwq3oEUvDik7\nGNjN+VMsWIn2O5EBtDwF9F2eVzdSL6jLnezTUNKHtgiD0/Zf5tn2RaNpYo0f\nhZfRrWu0qM0ELTJ6wIF7x8lC8ixZVq/djfVyD3bR6B8jeQXdntjY6F4qgxKB\njMdnSQDOMgHDUHa+xSYj8I6p3lFzBeKrUdsKZPM1EJQrLxCFMIPXkf4ltNu4\nQM/Ueik9bb0wpBpPnr6wW6LXbrp6Njdf77TrhLxjpA+iE9ZVjSoOzjXp9a4b\n+oW/jADDRXj1S/aenvvEQpd5LKVvvjfd5vOVRZBNKS/vwI9Av0OjeK66HhTF\ncmQv\r\n=/3Q9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRNK8UG2cMpNAENMhCdGrD0LyplVEzRUoVKU7p4Ar+IQIhAOU8ldiqKQ108v9lms3C4QyX/4kSHFH23D50IGhjAvD3"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.e97d733.0_1642714568441_0.41851032600515015"},"_hasShrinkwrap":false},"1.31.0--canary.577.9ac92c1.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.9ac92c1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9ac92c1f6a541f45a3d347959b0d3ee9242d4ed1","_id":"@atk/mise-ui@1.31.0--canary.577.9ac92c1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-6vS/9SvobLPQxVl+d4kKxFnkjTbIIvNcGqVnIUsuBDit6QNRrgCg2cdiYHhmjbFuQFQxEFJNXwwR9BU/U3iPPA==","shasum":"0a0f56fcd393ff4599b155bb21c6f3af4032e89d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.9ac92c1.0.tgz","fileCount":746,"unpackedSize":1575677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6eRCCRA9TVsSAnZWagAAAEYP+QAkK+diNz1OBjFgrI1p\nNlC2O2fdXDlvpDDfglyeX9lLK4tagPTc3Wvzt/hkCAQr6geh8cWl6u6ml/2G\n1D4fPgtehWDSHTRyol3gg+y/0hyiFfp+KRCrT+HY09dsD0qtElb0nM9IMKQf\n5RF2O9qmIduL7s6jmHfUDHTztk95lbM5SIgmSgN/ETkW7HhnmLy73jfrQjs/\nNtvfjHTAjhE5AAF5waWnh2dreVhvf69ir8SAxHwPp0Q7mG4nwjNwfwY+qS/z\nE44lcRLqTKbce15PVhwHJya0DIfXydsg4dXBC7vsmKoH2SAzgcCFOJx70zS7\nt5YuziEhs7zj0MFovAHufCp8pexhGKgbfRqGq43bRS9CFcJFTMCIilwu65X9\nkeVDZLPVpBld16Y7928pWTbq5sZ85//+t6j0iFpDKhLR6GWxbAwyiEimQag6\nhxgULM3vcwcz4AbkEGSy6/mh76xInQCYu33+4RJOgNpLVuSqvovF6vgd8Iep\n6fy4dvM8ifMSD4Ri/TPNgHRuSnqCV97naCzxEdlL8OEeYQbKfIdkIqRl0gEg\n5ro9VZIZUYu8CNp4QH6NjNetMn2LZdwlqTRvmVX0siVB6/CrkI7zM5OmnPgw\nsNvjqOYkQ2rXudUx0XkO989MwKi4Uk3Xd/pHNe2nnxoQvH9uOElaWdGXBfzD\n510e\r\n=LxxP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMTgc6UADQE6SRg+ovw+PHbsISlaf27doP+FKJcZFg8gIgElG6P0R5+Csi3fiW6M5K8PEEndDRNKXo3mDch0p1TFE="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.9ac92c1.0_1642718273940_0.37953222738001857"},"_hasShrinkwrap":false},"1.31.0--canary.577.a54e76e.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.a54e76e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a54e76e463e78cf9b8605251d74bb4116d543f75","_id":"@atk/mise-ui@1.31.0--canary.577.a54e76e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qn2z3f6bmProgInTwU1e4KJoUTngXs+DhjcTZIhtF+3iTpDKmBIqPtevEMBo5jqgz9bCteSFfF8x6guxvkl8iQ==","shasum":"3cd4b7e1ddc219d6c1a2e4678b06fe7130129ffc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.a54e76e.0.tgz","fileCount":746,"unpackedSize":1578776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6zV/CRA9TVsSAnZWagAA81sP/24e3GYVQVomDzjJLJuZ\nNZbxkUta3PM3Icz9psCGIwXSXB/YbKZusBHrVX7oryjsbiL5PX24v6/Iw92T\nTPGEUOhz+rMA/MiUX90Z8zAKI1oY9Ylm3MucdENIuOkl5TFmrNs1ZTA5MEFh\nLM7GiX6QoZcObPmD1+b2m6XNIoshH4FpmCwOOaxNIuCwZepCgEhKVQDobFKe\njek2j9xA6Giy6pMYgCIgKGMfQP67sF32s5Hd8ESgrZ8y5e7wrG6CG58k/85R\nSXFw3xx3Cl+dMfAhpfyeJB9HiMEeJTUY8MT3EXrC1edyY+byMXWkLThQO7EO\nVEL+EHfXzLM2TBWFAU9T0FsNF8lh09GdExJGaypq2kVcAVRTHnZogjGlGOAT\nFAhGBsr06im0vjff7VSOM1b3G5sTDI2sFl/Qk1pWcHyMzrE6HgR8Jsj0U5sa\n3287M0q7X0eMcOgJtnbk1Q9QJJhMYod30CWT5i27ddSwuQo0PvHJiW2lO59g\n80jI1dcFY7TVMGJhtGwf551ioewPLbHbkOWjGdSRQDYtdOlj90UWc2y9m34x\nfupK84R9pv4aCwrW6RAJIi9XpgQcOLaP4sf330+OMaS8TVkzgXAvtGzDjUWz\nuDag2BssWM6XmBbYtwdMuEoeyS2n4Z5BcE8iIY+84efwFdTAn+vGxOb1etjU\nBACM\r\n=2te9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGL9JJKETrkrP5XHPt38rnAS+nlORIVFBCMQNm/PTOR2AiBv9ejKj/8o/+Gi1xuQa/LU60Mf1yqNa+Z4byHh+ngnrQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.a54e76e.0_1642804607209_0.40412383462630275"},"_hasShrinkwrap":false},"1.31.0--canary.577.9b694e0.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.9b694e0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9b694e0c1bc7798a68b8efa17e2b7545840ecfe1","_id":"@atk/mise-ui@1.31.0--canary.577.9b694e0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-QDEl7G/k9YDr9OSwFOEi9IEhZcX6F63lq5hZM1bTNejMARSZZ+JDoB87xdrK8LM5i99flDeTZ0qRPUqp0R96kg==","shasum":"33d84737938aa3ef39137e67f6e7d6dfb6b9804c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.9b694e0.0.tgz","fileCount":746,"unpackedSize":1578807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6z3GCRA9TVsSAnZWagAA4PQP/AhLqD/IAW8cOEVH8FiZ\nv+R4TleSDhnP7ZFKQMVMftYZClHD9bbua/kKYg06UWV8aqtQfyxd/+qlTmmR\nEpEfSrKw3uwHb7wnEyrvPI7XhvmPo9iURDuklkQQOgdc3t5VPSjYpWm5TSNd\n4xUs2sG8w7cSaxKU3YxZJHj6beS/0BDKIUJK8nwjCfdymcV0xLtx2DdZxdNo\n7LLVECDF3SuT0LKRQlASKiZsRGoDEw4pu+9BgSctUX99A8ayCEHhWmsBY9RX\n3yAXx/Zb7017C+jENvFUA0k8fQMutY7yyxDVDIPghkeUiYf6bKcLAT2D2di6\n6aWUI9cbxLiZXlbTHeudenVA4Kwm/zk9GkBmEQvFZ20PYHzwQLlfWbdZTRQP\nI2wBrVO7+38wck1/kmevuDk5YieOXyLwkUvtJLaeQSobJJzkVifduhL5rLVE\nopM5Pj8HCjmwyJIA/mkFWzJ+VfG7ieMc6/w3k5A294dncrg4qyol29N96Cxv\npipeDQ3Z5+G+scanlDkOqkZKZ2W5RTbrfRgKYJncKZ++iPaHNLfbpodkr7o3\n+No1fh6Lb/pbNlNT2ZZxFHK+4LJ/jOQ8aoLr+DKPrUxuXVzCd3+mNb9KKYJy\nxcL+EFkndbPWRl6y2i0D6B7It6AE87Ej0z0zNEReb3kRmBdQDrhLi/KfhNzi\naRQM\r\n=32Ww\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCo6Q62xHvHKfUMqGgi9RDsbFddCBWEhFiduiCye3tOTQIgDxD876VtDbdn6qQpnqz2Keu51ZNhtT1dz1kud5f0qcQ="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.9b694e0.0_1642806726677_0.003241240862218442"},"_hasShrinkwrap":false},"1.30.1--canary.d27f75d.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.d27f75d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d27f75dd89dcf4410c657f4d4bc643dc0dfe95ee","_id":"@atk/mise-ui@1.30.1--canary.d27f75d.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-ypr0L6O+++lateGA+HF6c9Ti3YOhkH3DhzIJN8twK17ghGD8TUb4gTE7bXpR18/zXpafuzemiD/uL5Yq4uEfIg==","shasum":"8d720effde5378408e8656a58ff1301167b0bdf5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.d27f75d.0.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7qipCRA9TVsSAnZWagAAPT8P/2mt9e8AX/sJ2oKSAc/g\nCC9XX2I8V3/9jBS4t3M/eYoBiYPNE1z8M2ZpASIRIEN6TlMtI8PDvlaCOyo3\n4ejyCF8UrrIlFCqbguFskB6oEmsXQjWw62/XkwXUpcRpTsn4dxak5urtoZa+\nAiYp8TYAXcQ4nS1utilefryYk/KjcSeCfENvgEU+ForuA8bgM8NUqZjtLVIl\nyQAyzF9JtAkFLJRFulbFcgo5ka2AgZ7PxEkfr8EwPXz0J4M/FzKQCDG1KNtT\nrhpZvDeqr/NUvLkRzyjWEZhCmIzahiiKfDF5oI6ejdQZEiaDmW/yzuvV2cqc\nWmHoVPW5jBnKsGfuRtbr3EeCDoWOQOUe4XX37GnkCd4J7TxEHKHFZkpTD/tV\nGsIPQ01DeiwfkPLJcnLle7nYver3jEkgSEicfPyctLnF4ODGOetQax/bNl57\nwaU1ATL/9Ag5jX4vvKiAnJP6YAXL+IyUZWYKrp+n8zgokv4KTwmgb4RqTTKj\n0gexMC6dxF/KU46uQ0RbDkErPRXCdMMLoYDDXLV7k5tne5Ljq8yJvnf3po4e\nJtjLzRqLYb9xJEGsIHbGs547z2aPQCk9fo5Uz3oaowTqyImPrN13+CRPbzf9\nsBvd6vW+AkpSY0PKOw0Vh1GCaYymJlJo8kNle977VGROY9JDC118Y8wmrbeX\nVEkM\r\n=Oi36\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADKMA4mdKZl4u6hHLfDnMySkbHSX//a+YHOg7vrwsPSAiBL5og1TiEMe5JPN9nY2abh98rGpHx3MpsT1zRiw5fJVw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.d27f75d.0_1643030697416_0.984495326590408"},"_hasShrinkwrap":false},"1.30.1--canary.d27f75d.1":{"name":"@atk/mise-ui","version":"1.30.1--canary.d27f75d.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d27f75dd89dcf4410c657f4d4bc643dc0dfe95ee","_id":"@atk/mise-ui@1.30.1--canary.d27f75d.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-c3T9NBnAf15sEiRRTvVcl2oiWb+k6KL3M0WVTmPC99n5YtMlRxWWfjNKSt1xBgw5oYLrKDNaguEwc4AIn90zOg==","shasum":"0dbad1a8c0edf7abcf1329891532423e81642ee9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.d27f75d.1.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7qvBCRA9TVsSAnZWagAAqwEP/38upjPBpvo3RIv2C6j2\np2BhWRDVbH5vB+wa/nMZ+eMK84b5a4aKp+ovQ5tyimh4TFj09KQ7nsnoZdkg\nhQzmeJMgp+e39vWcPJGC+HuCbY01dIqOGlaB1yOW48Ms0HxwWREGDeTxHVQf\n9qYpLF2hDkKC1c6YFIxP/5gzN2FYCJzGuYHoGc1186v72Kz/EbObRx0ib5VR\nx2+YIAefzkwrujfHiOuXeYwJ7eBdsCHGMub9oHxfH1FD7DDvk7gsxXQse12f\nu5G5w0olmbls7QGBAqckmRjpT3/KeKfh4SUEpBzgcWbwO/zfVYqEVX6oFAnW\nLawAfioMHVp1SMurLmViIj3KFeo/DXtiyA1gv2qplNmrqEzmSpebNvEpHA20\nErJwLOWr7mppCZW4yp28If0JIX3kwM4UBWcBPEXnmCBn9guv5+pmFF0W5WGs\n8mZvo8ICYEO8oNY+3zmG7Jj8Ar8bssfQw5CG6A7BRLcumTatbHmCO6N4a0Pq\nraPWyZBh9nlg/tV+aGnm8NnKq7WcrI0hrDBgdvN/hKxK/E92j1zNh6HRulK4\nH2mz5jPfgMdaK+GaqO7l7/xbDLMrnbjK4Kpo2M/hFYs55X9GLhRHl0a5N17J\nk9C5pX9h+RmpO+VHUL12/QXEhp4M804OUIiPmyx88EIMgk8SA+crnO4bCRh0\nFeRF\r\n=b8ll\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8voBeVbk1CtlN9G2hJ5EuMSCcWvacWzUy19BYZ+9RKQIgI3EoBoOykHEbSVI+hQELvVWBa1SZdNGptc9lIQOos4A="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.d27f75d.1_1643031488851_0.4672716296538788"},"_hasShrinkwrap":false},"1.30.1--canary.6e446d6.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.6e446d6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e446d6a2643eaa095c317d5d907d5f569b81dde","_id":"@atk/mise-ui@1.30.1--canary.6e446d6.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-ZdH9SsMDhqiCo4l/02/EwFXOF195TbqMhu+PiV6sd3ppWwz/sqRxKADvR+fnGl6GkKTnrIeLmQASdtH7/sGm4Q==","shasum":"769bd60e6e23489e731816087729b4caf961aeed","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.6e446d6.0.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7qzACRA9TVsSAnZWagAAztcP/2l2iU/UCpDfPzucIuTK\nP3+CJL6pl4A0PkdV36spH45HUx3rFaLeHez1JuSSZyAgxz/LwqcS7TGJgzSE\nNDUbzg/tjMOrYzOIwxRWl2LyJPbWUuBleaUa9QTGiiHrRv8UnmVrQjrWbdvJ\nTUwmHwxlTvWeKhn/ugLIbQh2c7auA39w29s4dBMtMnLc1yK0Rzvu/FlnaPwe\nrhQVmeyDNHtq4q2j4duacwNs+OWNgm4tMW8emyLlNzv92D0LOgV4HC6ljZ8V\nqcYKDtb17drYaZy7kHBtIoo0AFKhrMjzY4u1yV/K48avbMCNOoUgbDimN/Uv\nFOXu4ytGy+bLIS6HiITkXTWAqiRk8Iw5yYN6rAeyFPXyxETvtue3y4amzv+c\nD9m1/WgZ9GYnDG0N3vXPUD7zreyGRfAMfDXVXyslVvMcl6qfeLYG7YNKVAfi\nhvbvdcghrZK4zil8fU11GfrIx7EqhAuWXbhsIb/bAsf+fA6l+G+n9Ghcn7sz\nSw9SugGrmVDeATreBdI/8GXs7TvNzzhcx1LGT1r/N5uk9VDkfPb5EYT61YKC\nkocJIKydNdAnYQbD7FBO1nuZPdXKMYenUx9ULo9Z6mHySQp71NWVq+ps/vuS\nu/jzdbEawggq/gAM+2+o7MP4ooy3MbA/L1Mss4TlkM/youVNgO7/uNntGEq6\n6oTP\r\n=FJhY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH2JQ00GG/vCDObrGaTZX5jb5eeupfIkAe2R4QGbmHtlAiEAsmPvEcX0JKVh5ZgYS53kqeY8v4RorDk7BsI6UrvFLQI="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.6e446d6.0_1643031744678_0.37019967922108177"},"_hasShrinkwrap":false},"1.30.1--canary.5d1ba3e.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.5d1ba3e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d1ba3e6ee5a6a14ad6c61564576952b11deaadf","_id":"@atk/mise-ui@1.30.1--canary.5d1ba3e.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-bWU+1yRMpJmKgA6uoe7IUwqcjjyxPRyPi0FXWAmyQkdjoXTE2dPyPyG3/3GFemn8jMK/fAAisVFSLl/7j3IIRg==","shasum":"aa3055af55f183e95c7f160bc1c7f9cfb0a74845","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.5d1ba3e.0.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7qztCRA9TVsSAnZWagAAkSEQAKTnWefEVAO+BR6iOhOa\nMDYgBywMooQI8+qLxGt/QpR0Rq5LeUDuMhI/UDmF8NGJBqDdKZsF6f+n5SZt\nTuk2DRGAo2q7yC+anDO1H7XIJaWZNkfZ9c9kk/r/jb5q9AH/zOLcp1zqLmiW\nYhwPyjUEuFXwIDDLTykkthn51SD1Qb/oEuJ3culbNDgelEZNDEnOHUda48a3\nQr9BwT6m9KUXch16f9lFJgb3x1eaPdWudiJYD1vy2jmQ2Wvr3ZkgDQtsLAPd\nIncdIxAaeumEPdjdlkYMWfRSQi4/P41uVcB8Ul2qh5DHTK/N7LHbesqHkN66\n3/oPYXSAvnUDdcSYBQ1Pv3xbBibPj62AqqknQo3d90ROVBs1I952Gd1fWSmS\n7vE78BbBaGpwNO8GFAPvYSWtFQM8j04P5lLMiM4cKT88l9jsodX3TSqIjXEU\nypft5lCiE+3u5DLUB/gRxYVhabsAUz4md6xQYS6cFTPn4HIPrlin8WlN7SNH\nHr+Y1IUs2ozEXGdVeiAOHGeJIvg8Dss1qPWS8ZFCDl99DmpdQJE1xEvz8Mkp\nHOnRlz5/pBlyUEn4Yw0odpnB6zNQWJto7qBOihisgpsZRRUV8ZWiB1EbN+Fp\n3NzEjaA5RmVTIqd5qOaarJukBz04jb6eirsOIq0n9OIw0MafdSubqcFVnMky\nVyo2\r\n=xh9m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3PCfyzwIqAzXbqmVySi5lBhxXh7L5zTYo0NCirmAbNQIgOKugUwi5ts8ulfymtcK2wh6mXUg9bojo9lSLG3k/tCg="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.5d1ba3e.0_1643031788911_0.2586540359175524"},"_hasShrinkwrap":false},"1.30.1--canary.6c4df6d.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.6c4df6d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c4df6d69971fd4dd694886321b506c77d45c97c","_id":"@atk/mise-ui@1.30.1--canary.6c4df6d.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-9Mx1zLFGbdqMMo/ym2ZTcG2mCBb35mS+6TyB3MRQXGHUpMKoU4a/sLb3WkBCWng/Zy0+sAzABFvEFFS3OWxCYQ==","shasum":"17b6cd5bd61ae3c7024641f2bc9f250b2f4285d6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.6c4df6d.0.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7q2BCRA9TVsSAnZWagAARUgQAIBfCwMicMUNLjQba8qx\nlgGmJNtpUoLsGfoqCpAZNmh7sYOgXvf5nvzV1BxQHAsNiF7u5eIEGs+xIh0X\nBT+jSoRruro7hD9eZUqsfDY/Co3hKsXauPhaWL6x7Dbe8Br7pQTLBeM62SQz\nwRUGBVSmboPRbrvXWGMO0OTBe83ffeDgu2vnZQS3FNfybmWaHgnYzIHr30bw\nzL4Mhux8xCTuTGXigk3Vim0VBS53KaeX+korLgj2pfOGcaU2QuzRdqO8dD2S\nYhz/vY3LJyZ5CoJY+vVl5oXg/LfFpmSx/viQZAixYDTy/5TWWuuwO5XWz2+9\ndH9LuFXhsxz0IMwCiZKUs1xhDq5o6ZXnUvHdipoPVAUNRaFtLrDZAHX6C3na\nd0A+vV7n+8fuR4xe01O5UXqPCHc14jdMfVQU2/h4OKMJinkSXG/x1cT4fNM8\nwZRE0Y8QPvWH9Xkyki/iax0aQvaq9GtGEMXOVMPAA8qbl30vqblHEFqFW1tf\nu6RMp1p+5XBa42wIOHeoPE3b0ABIXvNb/9MGiY1EsCPSGt3NJ5QpvH1orE7m\nIhx+WJA3znM33JPGuEX1+1OmsOM8NmF1cRustp/8Rr4PEqIZ6PV66PBKsnIV\n0LbdadGOLOpYkEaotqYkBHz66F9BIYQxv6tBJNj1NagyHOhzoV7D+UMM55BZ\nLBO+\r\n=Ynie\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDUT7YbnngjwExmO/UqYf69o9X+NY/LeilQGwDve2oPWAiBq/C5+i8f8FZpD1BwGSMvTHmEpG4aXB27IPW5SgepuCQ=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.6c4df6d.0_1643031937150_0.3526996063186203"},"_hasShrinkwrap":false},"1.30.1--canary.6c4df6d.1":{"name":"@atk/mise-ui","version":"1.30.1--canary.6c4df6d.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c4df6d69971fd4dd694886321b506c77d45c97c","_id":"@atk/mise-ui@1.30.1--canary.6c4df6d.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-XpUFXMWsQUjvuIDRyTMPqkiMsBiikCpexoRILrQkxuOrQBGmga5G9tvlc76yAcNDT/NdkVvrkJpxzOpt1+zSwA==","shasum":"11f62bb49b60d6133542fbbeb8fc84a28a611866","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.6c4df6d.1.tgz","fileCount":278,"unpackedSize":1213788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7q55CRA9TVsSAnZWagAAPdcP/0fe8y3MIqVZciFpnAYk\nACvJ9Mbkk8DD/91EA51/8b4k6L28gdK2kz/gasRxQEgouOdXNzVnpdN2owbA\nPE6HVKXUjL/owYp3jSTG97bsHsxcE+ycPRb+rVVn840zLb8IpS2XykM7dkse\nOeXQWwB0utC4MuPNxQUK4cCQjjLrh077qEVduTUdJ+5v954xGsRc63elX+2i\nzERzeLjirZFFK34v5ABdXoXyiIS/CG08HKDRaI0SF6LdXLt23+OF0tGp08sq\nlI5McP3dwK0CigasczmZLgrZ6kQcrETCd0N7VlTwLM7FN1TBV8ORps0C3h02\nyVexzQbFCnZvS3u3Tbd4DcICb7PABJpLpSZxTGpHUOizxtU8Z+ge+D3YG/sA\nwUP4UimBNiDIlsvrICRwTmg31NI2SaYVokSm7qlYTne+eos0EJvCPfCHryfT\n7PF4sivTKu5py1BFfAlB+UeFw1N+Kzgtkdd1BUJaltjfjuBjVwhgiUkY6gCk\nHs3iXmw1xymkQCIMKUR2sUMzApaBXG0Q0UYHhKg4L3ZtCzwEXBdHmPdy6iPm\n6wloTNSS/pdZc72HXb0hz9VqdOz3vvAJw9CZRO7ACyZyBd0Ma37HpolW2Jyh\nVPGQtMCHTmTSmwgeP02xM8HplvXmd6dua6aDJ/snQ79/cuTLoSGDnDUV4oHZ\n1OFr\r\n=pVoF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOwoO405l8aEWuV9GhaK6nKvoq1HAZZo2CPWGA0Wv35QIgBzFDtEBUE+4i5aty9cyWaz0xCUsqpoPxO6ufh3EvGFI="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.6c4df6d.1_1643032185672_0.9348991188695677"},"_hasShrinkwrap":false},"1.30.1--canary.6c4df6d.2":{"name":"@atk/mise-ui","version":"1.30.1--canary.6c4df6d.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c4df6d69971fd4dd694886321b506c77d45c97c","_id":"@atk/mise-ui@1.30.1--canary.6c4df6d.2","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-EATv1Ixj85nDPIEWsHtCL9UrNptJmr7ObGh4ouLepfqc4z7D59ILXlzA4gV3/Cqwe2ZEsOnfpeYDgX+ZxqLKcQ==","shasum":"65fbb6aaa967b5936fc297d28f0fa3464cdeb9c7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.6c4df6d.2.tgz","fileCount":278,"unpackedSize":1217894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7rIFCRA9TVsSAnZWagAA6a0QAIA00vh8yS5rRFs3taY5\n+XbzbUWCxyFqsDeuoC/ubVyFwSNOsN+IPIYxext7a6/PLdhPEh2gatt2eFKR\nSwTu/lMYapdQ5Lc7cm8YKZ2UoKO+2HWpuX2t5sk5XDiODSRvr648ghoDooz+\nLKjFve7gdbiFyOac0Om3kbhiL+DtOL5N7ZO3xXqCYg2pwFAEpj9u8B3tLdih\n8AH9EHO+v5MFunz4YQgpmGre6Vf9HEd7N5cR4Fwmc3UVkpZvaicJC/A8ChG+\n9Cw1XN3TImY6sVP5teZ+bbomblHjRR68BveCzGhPJ9ddfg2yEEwTTbvD548S\nDjfBZMPMvWPld+8gRaKHwzxUzkQIV97ZesdwJYhDz6wpo8go92Hsa/G7H5jy\nph5obt2sDxj/wkmrHydXGBD69nBuCbnzd9v1g3OEanAQ5zwZwKu9dc+njOiO\nx7b3p5RLdFJkyIodfqyvF3vYZcxWRNqDiQFfQKV8JlUziorh7FgsZRw9LHec\nkpCc1m+lZ1lL2IHxT2GWt3/wEIOmBEWXJPoXaTXuKCqwlbRDCnbtzTWeo517\nwrliUaoGPMdql+w3KsmMphwSu8aFBPQHeddKxiK1B6DsAFBEXxx3TNVw1vYa\n6nbt/GbEWm1psOz96i8HuFhi2EXdltWQnmafYKGBQ5vc/vCMR3YohHBGHm0f\n8nAt\r\n=L/fa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoPy80v9fM/RYnxfQ6FIWYUJJGBt2vGrc2uJ30Y58yZgIhAIiGLDcWDGWimUifpfT3RX2MP7QUh7C/cGO3qOMldyu7"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.6c4df6d.2_1643033093533_0.3327415113800698"},"_hasShrinkwrap":false},"1.30.1--canary.4abeacd.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.4abeacd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4abeacd87c80ad3bf70a317bfdcf0c3cd5fa1894","_id":"@atk/mise-ui@1.30.1--canary.4abeacd.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-rQEESwnTxHVyGCNnGkXp8zBBBYZc8+m6V0NBFwedz8TbhAUpyaql6gpo9xSyyaItQrvBwwspdrwXmXuE5IuLKg==","shasum":"80a4a03f4b6cfcc7a4d659bffc844b15d2ac71b8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.4abeacd.0.tgz","fileCount":278,"unpackedSize":1217894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7rVDCRA9TVsSAnZWagAA5ZoP/0frCUK84VvtIZdO5Yr5\n58F/bmuPqMVFBCBaCRDdn3HQGBSsf3fselBXWye19TJK0+4uMjfX6aBAnDkT\n63wS23qPx5SmI5PZa61ak8I0J/Z+3QSffBK9ZnUFOS8FamJX1rP75fa+UfjX\n4+h0FmCPzk8kj3RdPEtvLjg5Fs9WchvER+e78E49ECSGEZzGggcjAGmLVwQw\n6DGmg5tfZWYP4oJpQYjmgnAIskDj3KOzSSNaab6/9/mTDTAR2r8VtwMwmxJj\nd9P7hiNkp7S2L9hrRWB4HRHD1TSURv3qZJpH5VOmoTHAdYDu+6l6nDnTAGoT\nrnLTomJZc8acksnrT1TszlKsu2SfVDs2v0ltXKFRdje4pAwKvjlmNfthsySo\nm98rASj10mfHg2XgC7jGnLIUA3V7WALuBtc28DfIuoEUe5AT2WTHXbhdPsxT\niShpfMj7a7D7MrGjKuLMm0/Vi5Mdu/J11nZ5yvNlXRP/jTd1qX1mWUZWibDM\nfPDYlojIpcQHhq+WoI9i9/oR2nzGHrocI29UhAGCrZxcIjlRs30jjOhy3qmu\n9QL7C8wwjxS0ixK7t7o1r45Zm4NLcqwlXsh57xDQKim58ZKTb2pXWb2P8O74\nNT8gkb5iM+DePkCMuZm4IswOmPSRCuHnF+s2UX9XnbQ0LsFjA31Em5VWMjI+\ncYca\r\n=T1N9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF3TL5T56bD3S/9XNG8sQNfGQeyvUovGnHKgtR5w575OAiB/eqjU5ZtbNlmqrwOebyBpFVm2u/EQchjlAoarWfkacw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.4abeacd.0_1643033922907_0.6770861451409429"},"_hasShrinkwrap":false},"1.30.1--canary.5e9fae7.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.5e9fae7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5e9fae799158f1e2c59ce63138e4bcf32cbcce72","_id":"@atk/mise-ui@1.30.1--canary.5e9fae7.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-KXNJnn1xXpgPsvzuMl5fZs12+ma514ZD726VYck3jJUCkvy5STWFrqHZG38n2H48/fuTGwCw6vc3/gSJjAmrpA==","shasum":"a06e93d2d7190e892910a04d5b3492d357ac50ca","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.5e9fae7.0.tgz","fileCount":278,"unpackedSize":1217894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7rc/CRA9TVsSAnZWagAA2vgP/RZwPMQgvGTMO3fkDVh7\nW+22vOgSZhV+8OkeC5a/W2DLxzclAbqtOPP8mwZA/833qv17GmxJFrEk6sh+\njRjKnFkxuQmM6Peaw4YtaRtEkJssxHkM+F5QFpCwQ/wJKYpS+Paets3Euth9\n+MrCZ4ayasFCdYcxj6uffgsFaVoapxs1NeXfsIkBGKn2I3eHZ/5jZDSDSRHR\ndSdrN8iuBkwtTskQizERD/EB0hrKYqZ4f4MeThkGTkh0tLWtQVKhuvcioosZ\n9xC31J7/2t3StLKBdNMpok+h6+LhDVTqjo9qncB5mosYm9VlG0TqZz0ywwI9\nH89K9Cr5fJ05/aMn+84JqeVtzpgVYRPvzI2dkjhKrDr4ioza7Up6VhWyiniP\n1snEVwsLoIPheYHGgqnc6HCUz21Ehg7GVcglgeyBRoEVBztqBekQYHnm7odd\nhgWajHutp+69P2YCBWWhroSfT7JIhW+ALylnMWYQJ5n3qSlvdbWblzRARGXZ\n9zTe6DHC0P0Fr9TmfHb1JJvaYoIV9RbNNAkGbVXSlrtTb8x46HTYxzcz1FVf\n5gRM5RsvSbIWVvd9evw8vuad5ueTiQ21bw2Yr5T8Dt9fL8DSiQEpYzx5yiN+\nUGa4Eaw9ZZTG5Ji4SeFdRAnxpQgKOZ4qYh96+y8ovVo9is+qjNptBoDcFllX\nr0A9\r\n=be/S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDVAiaqo2uCP1MvPgR2uQF3AMibWkw98tYYJ/AFZbiw/AiBR4rY0hYNShyMOfNOiAC+h7ygU8ly4VoNEOayos7pa5g=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.5e9fae7.0_1643034431444_0.7687148500665317"},"_hasShrinkwrap":false},"1.30.1--canary.5e9fae7.1":{"name":"@atk/mise-ui","version":"1.30.1--canary.5e9fae7.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5e9fae799158f1e2c59ce63138e4bcf32cbcce72","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.30.1--canary.5e9fae7.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-lWotW7NXZhM/7H9xEjEw29igEr3Ru7FFOE4W7blr/gTevAxZ/+Cwg1i1sOexhnuWDxz6TspnRmmFCtlUr/gLdg==","shasum":"dbf16c93c97ec90d9a3802b8afb86890b194477a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.5e9fae7.1.tgz","fileCount":278,"unpackedSize":1217894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7rxgCRA9TVsSAnZWagAAn10P/3DQ28GWDR3fWSxnhO73\nWzMEy3vvnbVIxhwwmGoRcv0qtVcs15lCWSM69Sh948g0OxTBRW37ZnhmS333\nKsPCLeCba1SbxClL8zPfl7tqoWqk9r6RimfDxGDoY+3Qt5WLdAKa1dtG4fvF\nEZQfz8uncsSFoQ3x3XFygo0zNNNrczsieuDjaa7vAAb/SWnqqVLxS74bZIzT\n8fRHpr4csZPu+KPaIQOGMiX3tDSE2wZr9DMEozqEPZl+tSG8gd7xbTE6ilQY\npQ8R9XNnuzr1LR+GyzI7whk2Y9nGi4ofKzazmSWycISHyWpWeyeP49IlVH16\nsuBMK+xAq9QN5RaZ9iwKbOawJenVI7Y3CJ81490po8vjvxeMcKyoq3ULj7uv\nssjZIEv51HTfPBovGtfta9UUWfKuViugR3iqC8Vh62LyQFWP4NJFoL0OPOwd\nGxsPTOeRlLBNtKe44lLt8ZGnHFrdcVvIGfddf16VpIS7ewOz0prgCTwsgyC/\ndTr3Vt7NdNcNyLGj2uQA59DM5bvfo6a1BWvfJgMqFE2Ota+HLIy5K4RByN2T\nU+2GzHkHnti5hYGxNnI150iX/XifcBnpPqYx2ZSKfX4QFj+WD3wjWhLFB16p\nZtjsVGo3CbESLNL3yHXdXk1dO7rB8OERoUf656MtMQFmN1typaJJar7ECen/\nzj4I\r\n=SC/y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL5E/OvXZzdRP+FIYeoEr/JI+P1r4dojKw9MX8TU3jMwIgfTzfrO3uXw1YZSfJH4lL6jkUspg7uo9C7n27jSeqhzo="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.5e9fae7.1_1643035743929_0.44195485840899495"},"_hasShrinkwrap":false},"1.31.0--canary.577.2773610.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.2773610.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"277361074085d8933495788b097c632b9e51f451","_id":"@atk/mise-ui@1.31.0--canary.577.2773610.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-B8qSP2j2RyBoPmtG9WSWwGNfbtPdW+QGnamG2X5P9epSyAE3lISZ5x6tP+gt7rbfPfmB5oTCnmYbVH+GcOwBJg==","shasum":"bfa2cca29c45ee80949a5c0685699e2f4a7d9d81","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.2773610.0.tgz","fileCount":746,"unpackedSize":1578805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7sRsCRA9TVsSAnZWagAAsXYP/2zt5A3mH9sAqpjvuU1s\ntFIBdKQj9Bj1pYgFAzGBlVZNg5mXuSe2chXyUnF+ACv9Y7WdEbY9MdllWlgE\nTuv7URX0ZSaiCJtEeyERJXgbQvxPNa9YG+7gvCIQWs+3uLj2PctMJMShQe6L\nKpOIOGlfd1tjU+nB2Q5NvXseNwb6lK7wIaZRr4dx6XKidmj+SL28yc8a4i0a\nOcSp04e0mnQclpFma7Bmz2IFQHiw3zgjWKVz3SQSxk7delSWBebxk4df3u6Z\nLXMDQEVAnDdkz8uiBUo/ptphVBOotU0auCy6RHEatAR1UzYdpZXLTAM9w5Gi\nUSKiNTixORaUP6HrBMrAsKb7FyKLvZID7w2XlWg3AQe5jmEOCpROLmZ2rLq9\nlDLjfwLzBxAqOR/m6c1X1HftsFvDNa96u+8+LA8kXL1WCRmo1mhWezhCNHRO\nelFb6ZFLHQ2QIuUc12B0I69/y0WUPalm1r5xQkxbYoPMAgFSKJNdD2r4W/3m\nYB0eCH3FrSm/W54gmdUJnC95LrE7TlM3qf0EJpt8Umh2mV0AmSmMPFJsAFeb\nkv+uNWd1x9QyVcaYlteAAnjRRiyETuAyJVHFFngQRoVKavV3u+UEWgjjyO6s\ndI1ml6THaPJlbA38SPN6tYSblRjhYA1CGljwrx3Kl8ilFqXmhyxViWcRHhNi\npeGv\r\n=pbmZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqkASadRy881ODuFNKXWaxMbcCzUqxVVdeWJ3QeYgugAiEAoUz3Qa1NMv3nLrUjAdR/WEp5Vfdj3lUzTyz8sy0+F9k="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.2773610.0_1643037803979_0.8151018997752324"},"_hasShrinkwrap":false},"1.31.0--canary.577.81a0035.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.81a0035.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"81a003556c99a891a352d2b95bf065f9a59be2a0","_id":"@atk/mise-ui@1.31.0--canary.577.81a0035.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-cEtNUdN2nCu77hogm/KDCxNq/iHOxz2vRsR0xt3dThsehAg4QtP+qTbcqwmRzaQH69O9aXLBRVhaQKlk1EjrVA==","shasum":"c7ed0ce51975663bc4129d2bd7f8f685cdfcc834","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.81a0035.0.tgz","fileCount":746,"unpackedSize":1578861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7sTACRA9TVsSAnZWagAArZ4P/0VivK1lVKq9wD1tvXEp\nwwjTLDYAH3+4ZZRObI/dagwbRsUoWQro2+s+880BQcz9GsHAb4QJIFXwmAP6\nz78beVBEyHFS0JXQPP7Q3XhoqijQAHvxs+U03cHfUHXiuUON0w9J7jhm+0Ei\ngCX/kuSbIkUFn6BTjFBQhRY2gjyIvx/Kb9TQPwPrYx992ADE+AjqX5EGoX9s\n8c+kEhjE2BvaDCSH92XFSOZV+n6gCT9H/jo7oe2C5+tOSImkTNIOhfUbkPLN\ncr03kDBcUheDOabvroJqHx6On9D+fDl8LbJrY9hiu2aeGI1gH68I8VoE6Zvd\nVYZYq0vx1AWgwvH8guaKMrUxMTiDfoPTZxBbERLInkIj6kXgV+XTN2y5/RQb\nV6VRqGS7sJHm4XZetKN2QJdOvDA971lhKyGqxY5VbCIkANtPcY2xyQbKvPsr\npqxPLZ2ScGk0XD1Vv0HjO1iVa8sLjYU1V63nNQsJI1k3MMjqP70U8bFFdLak\nBTmJRzZczF6hYHmtXKa5kSLAibri/KkwbmJY+mjnVgPMwXClJw7lTWfnWWAq\nIK3wfoYYwk1x8LfzTCcMC8AUJdQDZYtBJTnmqw3HjpC9skOHlIRk83ObE1jJ\n6Zu5rXdlvGJPYmAcyL3KxZMOX0aNMZmtCNOSVMYDUNxjkS/mzRG9fAdGMMrQ\nBGb9\r\n=AxsP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPtKlfBMwh8kma4cxJ2ij1xeaGBNyrVWuBdfndrppGJAIgRZR8sRI9CndeTpUKsull0pKq4Od9VilpII2o0qcmpKM="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.81a0035.0_1643037888375_0.3814567955815149"},"_hasShrinkwrap":false},"1.31.0--canary.577.7bdc895.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.7bdc895.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7bdc89581c9cf2c23cffa49203a7acdac3fd8a8a","_id":"@atk/mise-ui@1.31.0--canary.577.7bdc895.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LLVNHg9CguaPo3QgTZkzuWDEDrcs66kJNfjuZ3teHhUptFD1Le9atVIzqSCSiCXpcPShbM9Pn7aK/24rx0CVfA==","shasum":"7d51b653aed7a12619380ac8bf7a098792f36e85","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.7bdc895.0.tgz","fileCount":746,"unpackedSize":1579097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7t7HCRA9TVsSAnZWagAAXCoQAJ5UjctkL3PkeQD8Ap15\nZXFpC4X22f5iPn3WH+QsNlyu5h0683qDt6KO40tuuKJiMkEaykfGmOAuZ7jk\n6vXJSiHFMcsm7ZAm6HmW++fXIVQgmVb7ALDF2PyHv43LmAGLI3bONDWcla7I\ne7ro0W2UUCt5SdtxMzs5/jRofRqKHeQbs3jdBqMT8ASdrxOzt7dNahcS4DJx\nhBsMhyjrQzMLj39FHR6IF4kszs/7sqFrVwMNjnASFdJDog0rsVt6KTB/r2vO\nWFJSLIifD96779rNWSsO8ZNSJJqwohf/G2WoIF6+Vci3eV/N+1sHMdOrW+kK\nTtka0nLwVtZuHYUNdcJ4iiIdl+bf6gkDSt85IyXmf6wbU3Ce6LB10qnoucz5\nulU/TLzpWjHY6GKAlIre87QlMt3oG2e0cPYFON5iywVSY6HFKrlcIE5Qhtey\nBq7SdnG/j37GNgB9KFzIvbvriPWm4Nz1HG2hAfCenoCeT3K+NTTtHPbOTebj\nVpenVBOnD1R/wZzvBiPSkimrDV7azjV/9O0D5AszoaoVUWDHl0reQZtXsJYQ\n6AUG5UxuzHKsIu8cPNP5pZ/8BwAhhxlIfj2t4nZs+PMD0VGhbrSnFAMcOmZ1\nmf2DT54KIPOTFh2duW9qZEtKHk6aMo/kRIovVHeEeReT5+lBpHOs62Q+Io7P\nHNlm\r\n=3/R8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDw/1hYwUw1Ju8HBFsNDFGlG8sI+nSfkmicek2DeGPLmQIhAL2FKxUTnWl+kKLTzn6uG5KtU8hTNkJAgH/+P7Prmsp5"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.7bdc895.0_1643044551291_0.11018468995970898"},"_hasShrinkwrap":false},"1.31.0--canary.577.44d3ac2.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.44d3ac2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"44d3ac2ca5416ebb7f588ce1c916ad6fa386bbea","_id":"@atk/mise-ui@1.31.0--canary.577.44d3ac2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-A/WhiQVy4Ryur58QhASffew/6lxFiQ15Z29t849Q462LdEuzEeiMa6oWs1HfHpzX2QKTGQ6mYh8iaW36ETR9KQ==","shasum":"9fd73a07d8e94662a29281727776cef4963ac3e1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.44d3ac2.0.tgz","fileCount":746,"unpackedSize":1579123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7u1wCRA9TVsSAnZWagAAiIUQAIeUe2RFPspzPoAyjMNF\nUZ0W/03NB2k6J7V7iNh27uzYAkTFDWl2PwpZJKN0hDuWQgFpt1FaQ2Sz1b95\nXPi9Bguiw5mPXEE22zRcUqU7P0YhAT7hSrbybpmvRfOVNYwI2K1Ju6egIMyr\nBxamXoNmUvfjSBeZQzytLzpEexcyv1EVaPEZHl/7DDKQF/MaiU3Nn52fo0Tm\nRAThz0P+nrPg5otcXKFXo7SzcJFHleb5UTVx2P/X5rtkyRVWjFD5MsgzcfoZ\ncvX7DuU6pzw4YTpF1lyEkWVJ/mTRQZX1ttBVRkb25e4Or+qAMCY47Ld+XJDM\nl+hFclr3mf31emrfr3NvHYuO1SM/4yN/DxLz6Na4G6k3HcC2RAqhqmqPWRAp\nAmhKYzv/kziBNIey4CxEUdliFR1ATvOY9MUJ3YPr714rGXoLCo2fyWPRuXRt\nJ2jRhFH48ZtCTDXE197aM15+WA+Sf2xFdAYT5RCqXW4BLXZXraJ5fiw6mdDE\n52QpfYLRjfokSR8pVsva49kML1KOYqVCQdoKWQ+EdjJA2G8c3oj0R0qPplfz\nuhYxp1iiYyC+ehU8dluP8xdU2R+usod1LGeOJH9KIJDZxvfZ+l+/4LJZ+3yo\nZtQDnaO0udQewEXnauKc/BSi+5+u9tvWSnM56AOsWJnPdF3aFHXBxDmITcIG\nDiNX\r\n=uhkz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGYvXoS3gIUW7a0AG0vKCttIxzP6ffbJZ8fbD3RpVueUAiEAhz/ak42i4lExDwK7/Q6gBpppwCAqc8iMtjOscbEl7qE="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.44d3ac2.0_1643048303882_0.08166252153169284"},"_hasShrinkwrap":false},"1.30.1--canary.93ea172.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.93ea172.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"93ea172e358a14199738add84bdd13299db3a105","_id":"@atk/mise-ui@1.30.1--canary.93ea172.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-cvKgoRJUYqomV1ZXteYxXIbxVC6p/VVAlvCA7njNxVRKMag7dpA3njeYVhByx56r/LZTSwGaDllYuetFmwzd9Q==","shasum":"60c5be441c3948887c461293f15a30cd29f240eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.93ea172.0.tgz","fileCount":280,"unpackedSize":1223864,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7u4wCRA9TVsSAnZWagAAcf8QAJfw+coTWeqjhE5fOi8v\nf4E2MioskgkzJduTsE6jYwDdOZUFvH37DZFdZ/hsputOFpQTDlNwlKyOXK5D\nnuWdZrEVoikAdkxHydZtx3/S2GeQsviqrMZd+gHa0Foxmru91YVBp7si/rQo\nmRNNNRIVHWiuW0LE89fUzFc7pJU//YyoLwWhaRyYJew/YLtkGbRIMVKZ75H4\nkcpzkYZ6q8zOkE3rPedFKoHeMQaLFpFPW9sUvLPKo1GKo27f/FoI3jpptMcy\nCvi0Mj/Blpvov4MmscStdDq0/KUGz/jhxRFLkk1q9h5h4orWmu08t2Iw/Bjb\niZc48a78kfdCD7D1GyVWAdMmnL5QD3JZAwwjvFixtvcVkQbU0unkkUoUDkMS\nady1TWDx6WuQ2IcH8D3zEc6HxFrt85dlD24aYQuoWwVEy4xAxgGOFwe8FQwZ\nLuuhdxp9UJ7WWRwaRKUj31u66nvIWRvB6Gp5adIAMo+1aT8R3+Bh1Pekrvlu\nf5k1ysDYVpc78JjfD4FXbLi88/t7sqNQnFwACD58Y3RV1wJCcY/vrkGKo8Jh\nVKFFnLXOLH43MtyATzWmus4Suq7u1kBlx4XmHMZH6zVLdjTM0LrZ0SzXKmCu\nQgJxJHY/DY1kBJ4T60ZXNYHDnrtlYtrHfmqmRM6iOYfrcjMmMyEDnNsey2Vk\nROMK\r\n=2+7f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZFmLWwyiXYZrDMhiv89ocprfUX62ESI7bikgre6aZqwIgV5kjLv41ZGMqcpSPMOeav8oYjsIqwqS+pdV5ULNPWBk="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.93ea172.0_1643048495981_0.6952649180354977"},"_hasShrinkwrap":false},"1.31.0--canary.577.5070906.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.5070906.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5070906398207d7b9a71bf83f5b0e4833032ee1c","_id":"@atk/mise-ui@1.31.0--canary.577.5070906.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-js1fEDpoZqFyEJ93L7o5Fdt4PbC+bG4jtNi6ovoFNLkMd6nrqg2UidKo2Fuyhan3t9XmTl4P/JujKRfQ0mJRZg==","shasum":"cd55f754cc7882cf9b5ff5cd7c62e0dd1f6bd533","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.5070906.0.tgz","fileCount":746,"unpackedSize":1579097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7vAGCRA9TVsSAnZWagAAks0P/RkNUCoFC1B3dXS3bV/V\noICJmfzXhUkmIHRi7r4oXT8BzcbjkDxbdaaQEWGLX7DNzVqgs9+Mi0jChXlg\nztkyewXxQ/b+GBBsNnF2wq+MexCqi5u+4KGDLJuYZ6Z95oYjOagOSOBjuWKS\nrCZrWc789mSHNTpi5S2ce+yK3vKoi+3HBVYzLl0sEwoOAfL8GSWz197YeSZR\nT+4QkEmWSXcnwyPoCvhp/OAwMTgOnmlpKP08BAgPJmyRkBHL9hKRev4qiuJP\nmEaRNeOxl4bl0BxUWcCa4KX+lwZRDr7sgObjw+yAfV1U0Tkdz78yrOc6QLlQ\nv7rMExyYHBiNmH6mZDxr45idSw06fUfvstiKR3fxjONIioEXZUX4JYLANZLX\nVmjWzxE+CjA/z3CtL6hLfsFJ3QFBf5rRmz/1RRfqwZc6e3O6Ik02yKvnEJWi\nsXY4p68P85/0T1DlKANY/VmbymwLK+ppAWTMu5+bPukr06s/IprrJIdViK+v\nuGhvft8qWaveq7EFQ+DpeVhHwv8D7VQNzqchtnJZcadmnW1NT7vdejXAatS2\nQfNui28iQc5wOZnPGvifPlR2UkKEg+JPU7ByTUg843fhwPsmxu0jDi/AElmW\nfJw0PSsD/dShFdhgsmKQRiWs0YeMLJIyfRPu9jKXqkEsNp07K/vdq+cv8FfP\nSBMi\r\n=xBU7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKYAA6GRmrnqSrmdDE1fyhLrmZhxpqRH9YKYCNN9JVNAIgSBdT54NHWAnyZ71BYMjyU+LurJXPXAqg77OhYzg0Rv8="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.5070906.0_1643048966274_0.7284386365400093"},"_hasShrinkwrap":false},"1.31.0--canary.577.09346de.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.09346de.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"09346ded8ec0b3d17d2328d6316df51247480b08","_id":"@atk/mise-ui@1.31.0--canary.577.09346de.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-7gfcCTxnY9BOTP5jRKfclri1JJMuGVcNRiRAIqbLl8N8UfsX1jVwk8YmXqMg2DfW2G3ZMfcjK8cWppRc1ZKxjA==","shasum":"d565f369304b28e45bd3279b5dd66d53389fdda0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.09346de.0.tgz","fileCount":746,"unpackedSize":1578981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7vWGCRA9TVsSAnZWagAANccP/jY9aJro5tz3nigJ+w3h\n/1KBZg9xt/uQXpcPsC3kqQ8p51xyXwTFVxgrxGjROuSwE44c1/iMtba/Zmy/\nFCScB2iwFSwDSJ8QDAoU5ZWbhZ3+BPzBQsz7oIk5aVydz2ONOc67Po79BU6r\nGMow/LtZnQJkz/NgmkRVIM0IPSj0ZE5AtTxUbLSTJeKSqfLmtjBEVMf0LFo0\nNpEFv9MCGQG4+MousGpssnI+OlgH9Jb+5f2xuzOAS6mdgISSjfE6UYFNqKq3\nx75PmKsqkkTPNk/grYRZI/cln0roe08JfIAO25rE+ZV3MPKvzdCRtZ0+F198\nLupsgJ3WA62RWTQnvOiRx621Okivju3cQX9tBopXsgyYroyL3PAl93ZdBTSw\nMPYJJTzblDcYj+KS+P4a21iQdsrY2GtUXNUS9cJVlKv772XPOE7JprAlDDv2\nOGJMmcLkj26Xk8eT0FTOzRNQSFRHxDyNLojDKaaLvU3Gm6pKs6BQs4SB5f6Z\nm8vNb5LNU7RcnMHcd9E0Eou41vnFgcc1MjIQmZjHmFPg2rdWJ+TrFYhKSHiJ\nFd/8czOAcvgH1YH8WIVpJQv5dfM2nD99re1beTV47apiP3IadkC56qxMvGrh\ncfIWSsTnhEEijcJQVbPRmpAfOOkobU4aYxn/RxstuY1zjDCK6SxDcaS2veUt\nmZ7Z\r\n=50qW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDV3jXxJeYYJUohTOsxSDV9eU9e75eB6+xLN9Y+ikVlQAIhAL2VcYoU4wiqeaxv/EVNJo8hivuL33vpZ7eBUt8u6L4c"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.09346de.0_1643050374063_0.13438416537627162"},"_hasShrinkwrap":false},"1.31.0--canary.577.0e9d4c2.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.0e9d4c2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0e9d4c2f4b062086294cb7e09cc80897caa6ba96","_id":"@atk/mise-ui@1.31.0--canary.577.0e9d4c2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-IBhZL3Mbzfc60XMOcVhusb6i66K83E55BZGuVSjiU2SNNUJ0iNKUUTuZWRFbMTu7NyHtvM3+ojC6KhoMZ05/ww==","shasum":"26f1df31308da1c77d86647f93bd1e322f736466","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.0e9d4c2.0.tgz","fileCount":746,"unpackedSize":1578981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7vaMCRA9TVsSAnZWagAAAesP/3ddlCwXSyXFoHgz2OIr\n3+v/nbvfvp6na8Rj6UNW9yZ8fbU6ppqmHGQyvKDZk1wxaBVB4cv4ejXQcHp7\nlKY2/X4EzNaoutgK8RLrxbBE2XJWpX2JqLtDdLMJkA+E1RDkcphr2HvXRG59\ntZdEwHNiwoepN3yCMUnaTfUoTtRI4lzDm6kmfPzS8mol0RKMByRAKggDqD8D\nxTzpZcsOY6sXHxvieIXhRbLWzz49BTg9ZCnJfANBqU1k39tH2wsVNUvimhpT\nAUHxTWkwRzThLGKfGw1TbcluByZdOdxXmn2KmzzbYiLYK/gBHQrN0Ui6OGtI\nnfidWt+kKj+nOANLjR7bvfzq5rn12dKvDbh8Uv3V74Gf7gi+WRDKWSbA5/AT\nKrb/qj3DofasB0aiEnMwtv9EVmfJh+rOuWMIEN9hbnOqzBGW8PFO9CGRnv6n\n7SDUayEqVuF6N1Qwz28V09Qs+DLZ0w3BS9FrIFgV1wVEb0ES2oxF4uOw/nNt\nMf7It+U+1mUn/cX3g7Y69FUhka66U04bnTrS24nDS16ertm5pUwTDASCtWRE\nTMtVvUZMGgZaGXPMFaMCI8m+eZURPAUxn3ZEO46Y3bv8uvoA4IkdbK7QxYwB\nlp5boey1POb6m7yjU+28+DUx/LcsAOo0IgU/HWTfe8+uSUN1aox0/tFPw+uf\ngJIW\r\n=z7tZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID+FDIO+k/tg2B9wzFsx7njoVPgivFdbSr3lkf5fKutiAiAGZtZQN2clDcmwL9bXa6H5SqXL/s4c6xz3AeIkcgWdKg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.0e9d4c2.0_1643050636208_0.41471979276599313"},"_hasShrinkwrap":false},"1.31.0--canary.577.b378275.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.b378275.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b3782759b0f9768843e933f840fb74e6bb8ca8c6","_id":"@atk/mise-ui@1.31.0--canary.577.b378275.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-trlVC0pkakj7vKCb6UtscaZf+2GjEAn56WWnTI+uOfI6YLqP1s2Ridg4sW97tboPLXi3Jc/IhytjVF8YaP219A==","shasum":"b93924b9568b025ded1b364a86986fb3d210af10","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.b378275.0.tgz","fileCount":746,"unpackedSize":1578953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7vg1CRA9TVsSAnZWagAAPLoQAIcc7t8KyxzWOXhF7BwX\nc4bltx367BIoPY42O8GKYTvJfhJj0B+XuL85z7mRzTdYJKFposOYAPUTPi4Q\nCEr/XQxrO5DzU21HTZSNq1xZEUYylqKyUYnTdEWmL2ZiCvrCNt/G4jq/Bo8I\nXLxacvFmN4SKuyGBAr6Nf4GVBg1DRB2nMG/wKFjfDUGb92Hah9MNzgcgoTdG\nlb66canJahs0OoXnlg2IJxCnXE0jh/MRPJJgKY4Cuwepa+OsXjzgnf4LdkA+\nusY08waxXa1gmCpqkGs42phFSIbiREADx97o8AM52v1iwdlP4l8r4Mto11Rt\nRM2bOnQp5mWoglRxM0lZkEGgjSXHK3LhECuo2vG+9aYSpXQqxAYdc8FUnxfi\nsjXqQ3MGXoXBK97tVy2VxEjWD2AAxVPMm4B7KIWx96FWyo2ft0C7fSgazlqE\n3X3zKfa7aH+WqPh9hdWZ0g/9e8UbAbZKuIkNZHw0rwwJty64Bnk384e9om+c\nLRy3TSvU9UQunqKDfFWZoLZ34FgeezIQjpVcpy5DjrtFL+IGDHnhCCcSYY2P\nBZ9rE9MCvtfa1MlGtVQeDGh0xFGipb/u2J2sH+qDIoTCaGJCwY3hlQy0uK1I\nrhooIsz6LtBK82w2nnGnkTvsbm6Tm0qEqgA1zkcejpvWZ0JTIDBlTYqhGdRo\nxJRS\r\n=f9Vr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCn3ObgFyTGJi+7z1sKoA0tIjW7SPCiE6ui4zvib7zCNgIhAPxwm8FH5CIpFtCVnS9LYbnJeSfqKfv7OAoNhkQTmVEQ"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.b378275.0_1643051061728_0.2452632982827685"},"_hasShrinkwrap":false},"1.30.1--canary.42919cc.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.42919cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"42919ccd0eb804a5b72679dd1fbdf2a1396876bf","_id":"@atk/mise-ui@1.30.1--canary.42919cc.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-dE6T1N0DRLhKF0knmmcVSnUz8rDzrI9MJuXvz4RyOGu8dN3jVTo1YytIhybvm0yRrPBb+IGhpPknRCdZHbqjcA==","shasum":"f72a4d73f8d5371bdef832d2163607ceb4e421b5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.42919cc.0.tgz","fileCount":280,"unpackedSize":1223749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xIcCRA9TVsSAnZWagAA93kQAJgsuBn4R+hDfcUXw2XP\nB+48VKJ2K/oM6pdn9MsIe+B/zyyrJGfZRSkbO/o6xquA0hdjRDz9+Koxr4ZZ\nHTKNxoQabZQOLm4AJrThbctWYpGxTfZkLImP7nDS+hrbtzfdlIFQJH2PYgqY\nxdYXsuL5WZPixl7pTkoa5F1nKxfM25so32HRi2aOxwcwpU+Ea61C6JzmmeQy\nf51k7mde+B+Jxkooy69e+8W+h/aJmZoBsBv7y8VVbHgEItw+fQtvSBaCnGWF\nEr8Y0mGEbDQSY6ZZIJEBdNr7hSbTa0UxDxID9K9zafO/HcNVOToLm76VFj7y\n9F4vc3EnueZG0FIfUH0+qrQyoLmVXcSXAUXc0JmfNkML/nVfbB9mts+4E9kF\nixojaPmacPRC1f0SlllRrrOgOD8+r2wUyIPEXD6DpD9aSH43u1jvTER9Oihk\n1CtAmHOBMTJKsEusUg7hnDssJL9nMD50W+wnZ1mzoI1F4EKxE8TWHVWXnczU\n1bSrHL2vAVKD25KZd9mYnEzY7rgL1hDFWHGjO9/ZqARr23q666aYYBeNpn5u\nvtfMTH9sURrmtQI0PS99qAiuOZEpKz+BXDQubCb5jRXkvFKySCC4S8D/9u+D\nB1/xKzobZsrXuMtUdWmUHwyCm6DcImmhjpTcU8GMGmQ7eQF0t3ShND3fFnsG\n4t1v\r\n=IOO3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJiRgpG8xNn4YeqGrQz8RANu7RIu0D7FIz9evlIeeUzAiAIicyXv38XLY/t3wC6CnjoAui5q7zzKgVv4djYCqtA9g=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.42919cc.0_1643057692509_0.5733088473176238"},"_hasShrinkwrap":false},"1.31.0--canary.577.e4c5594.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.e4c5594.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e4c55941b4a32be0940132aebc0fcfbe154b3938","_id":"@atk/mise-ui@1.31.0--canary.577.e4c5594.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-nbX8K2eU81usirb6IcwbarJV2TzM/Ayz/0DT7WminR2ZQja5y9XhxovaJMtbDv2hLjBNRjXulgCioCwQGykOYA==","shasum":"dbe624b4698913c27102f82ccd26c128b1f4b4ac","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.e4c5594.0.tgz","fileCount":746,"unpackedSize":1578983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xi5CRA9TVsSAnZWagAAyXYP/1XgyysNK5GBw+uqLVoE\nCabP0JsO3ulHkR66isF5pup4ApScA36uwy8YykU9eIcL7nmTEVaLwCp7UMg+\nwcnf+od/t4GRouVWSQEio++6tIFPoKGHaNgzWLns7xK7wQa4CdmEB6OmwByz\nD/wdRihyxeri6Gok2VheLr4xWaj2ID35xKD3rPnLqgCN/axnwWGMVidjcnJf\ncP8aQ9TODkf/MXtFQsNjIG9g+0tU8un/l+qDKoZesAPIhSHnwlxnlHywopkp\nZihZXLefWyi7uf4Km/bH4/sBJplmY4p6Hc0r7f7b062oP3Sz2OBlWUW0uA7r\nJYbXI0ivQgPWWNbxNTI/ddyVdvy3PWfABJR47G8SyWEBfT97gC/LZKtee6mn\njwZ188K/AN64IzxiLaoH2gwXwQVpfzxK6DqIpdDWVH20rA57Dd6C9qCcpC15\nlPfPLLPlfryuVn9bcickAUf+UTzKluSG4AZ7sHZO6HCXWdHHkEG4Z8bQHc4x\nsxt/T/W9Tx5+UM95XN9sHJvkS3UT9dPpZ6wffvnRmWR97K49N8Hqh2q4czz+\n5NCZeGIClLofN0T2MMsbjfvqPOJA4GrhXM+OE/Cr6cq2Aprwp3EjOf+iGu7C\nitLUsVX9DTrI1Zzf/UUlxbRFxE1dyqJG2MBHIqc6FNVQvOeTz7ozK0af8+16\nlSYP\r\n=ETyf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBGvb5F7DegQKou6wEpTG2egOGy2HR/9EdiJkBvlGY1ZAiEA6csw7q/r0TZzGq/2yKggNXXljR25Y+XDpbSizsvkP60="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.e4c5594.0_1643059385005_0.5014529471798104"},"_hasShrinkwrap":false},"1.31.0--canary.577.2f06ca6.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.2f06ca6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2f06ca69de5625144353dacea61d6be6ef3af67a","_id":"@atk/mise-ui@1.31.0--canary.577.2f06ca6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yBnGd3Yez0s/BDxXiNE6mIY3C4s2HKEL+kyut0sLRJZy9o66xQncCUPLPck6M3vg8LwHfsSIt0TkjWzjwTFFwQ==","shasum":"76b81cb40cb2e85423de4de1986a8c17a793b0f5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.2f06ca6.0.tgz","fileCount":746,"unpackedSize":1579123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xyCCRA9TVsSAnZWagAAwbgP/1JIz+jtzg6/7uuy9KJn\nHFdZzoCsAJ6vM9EhRuv8oeGawt52Fy1Z59n158GZl9WX3Fy2r7CuknN17RpG\n76QaVnj1fjLoHh7xGblmVn975rEalkr2JrFvEC0dVwssmRrPGnXTBf6WqnhH\nwKrgoMosr3LhKqTVttBdJfRTRgnBmvz23gHfNJgtl6fMkUdqNrkbDNiiLiqQ\n7/K5HUymFoElEs0u2UE3vHhOeLoiSSUsIxy8Rm9ldNPaFVrwLvcxGyBjTOZi\nyZzcOOCHXIsp53DrqucWuF9QM38vqEwwFtO+3E6vfJvzVElQaB3LPRyAA/wB\njQeMpR4LzBXTMu3X8lJ482AAYoq0rYR7ixd+hsjeOLO9cwO3hhOVvk6eqpgd\nYy3/6tPI6ogCr40kbl2cTVaFXwaPJMbLxbtKhQ58IaK0S9e2JQZfc4YymSfC\nkpegNPSLcktxdCmsw7cjKKtNYuQ/BCZO6GedUQFqpWOFWmj07+XigEeLE51R\n32+DEW0BeNkjUlorw8wXPbcC2/9YXyaV1ZpKDD5nl2fl/6xQe6UXjPHCmsIS\nyNXXSv0tCOs91KTQuTlbSFeScFNDJRHAZrKwqWvL+pCehz21ENB3QCtSJmY1\n1zZWk71mNSyKEiZ6zXM6lCCmMMmPk6trX0eZE7VkwSO/4pxzRlYa4OTgR/CT\nqcvl\r\n=3roa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAZhp/+ZWGoIxtdsJoqVHgpudu3p5r0O3cRcmPn61YP2AiBys9qTajis/sxTa0Cj6tgQxE/Go+ac6Zzqn3niHZZ0Rg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.2f06ca6.0_1643060354465_0.6363742510636663"},"_hasShrinkwrap":false},"1.31.0--canary.577.86901d2.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.86901d2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"86901d2a94926107ae4b4dbf3f0230c012e8a360","_id":"@atk/mise-ui@1.31.0--canary.577.86901d2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dqTXK5XeWI55ibug1RqF+MjbdOt80r2nEdLe3TPM7w0UknHpMz7kgpk31jg0tJIUZU1pipKry5vnUap0fJ7k+A==","shasum":"a303078600731d49d8537ac9da82585d5d0c99f6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.86901d2.0.tgz","fileCount":746,"unpackedSize":1579447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7yEHCRA9TVsSAnZWagAAYPEP/j5iOoncH43LVN8EG3SH\nPAsGGizLP0ttNa55WpIalg6Mrv8cXTH+SO852PNSuxJmGVgAvnNJkZXhrdpQ\nG6Q818nQCCYDk30yvoN8FHEWisBXXS7qglLwyUyDH4NvrNmAGTkMoxJd2GI1\nMKHJenN6xOPS8FYFQoYnivaWLfBWtAmDNO/AyNMv+UpzQqYrNp7oDDJKo5v9\nsyMw0o2t7ifr4GD9q39ZsNx4Ee6mq5ZYaT4Cz4Tv/leeaqLGxuK4xPX3qdAB\nep1p+cbJlbZPCx+jxfmpE1JrSYKHsao/NZV/qONRaJABsFFBgv0/l+LW4Fpb\ngJ0uCa9/pDjVQmR3n6q4+Htw3ePWxyhtLnBSvHCrM4vGVB53EzUNavqq0l8O\n3BXGFbk5I/HpBICakrzUp81ExmwUL1TA4hYXtPp9g4aTsPtvqFG/di3qQFFB\noFBrhiQ5chIF9g9xJeDrkCPuOS26fYWVElNIn74d53OwBPOGjl5gKJNygeBd\nx2lbYeLjuz0LJkHw4r1Zw95eu3NIYh/hzmDJvfOaSieVAyhxOtp8X9J5umha\nmi5OpN43/yZWWzPbEg9ZnjO8rFnQZkfSlHRxBLYYjlXme8lWIYyv7dUF1slR\nRxxmne/72Hg6n29sD1WAmK9vQRo4ZzpiLK72XmGFyNrYnPBhhm918uIs570v\nUGqG\r\n=w+uZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKHHaIEGvbaQE55vmztJoYEF8GJxwHMAe75D8tsy99mwIhAMmiDgODe+qU91TCXzuTUE7l3wo0XxogFmRJ7jPFXfze"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.86901d2.0_1643061511195_0.5188361813982059"},"_hasShrinkwrap":false},"1.30.1--canary.e2ff2da.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.e2ff2da.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e2ff2da9d0227b0860b5da6169babb27f3d77762","_id":"@atk/mise-ui@1.30.1--canary.e2ff2da.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-RMZnP1PtqaiAdg9MYg2zWGRKK4T/Pp5axoIjVk3KZlYEd8WG3fEqaj7K6yI0OYTZOsM2U+I5BRN/WaKUOhOGXg==","shasum":"4a26769fcc168993ef2e132255942ba374088d21","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.e2ff2da.0.tgz","fileCount":280,"unpackedSize":1223771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7+vrCRA9TVsSAnZWagAAfKcQAJ6i8jyBlHuUUiXzirXg\nia4gLG9PHj+whRwydHXYcbXeVstalxkeaeNCT06O/JeQ+Qaa/YhtlQrIpMg3\nPgZvegHZneFQEMATMQgtQWwCI6tELmDDq+C94L/EXAe/iESNsAIJwZosLy+m\nJ+bEMgV0fQsRfCvnbIg+a4+f0Ml/4odALJarhVcUdGW5RCtEkZTLX6ULLP1V\nlQY1gdbeMHHJqs+1Rrv7pnC0dGAOECenmiSkRJwwgzeA8eJx0KOdYcYoBF4S\n5AyFRjvaIYY7D77+hEDb8jYm0xHKHGM97kNSBV5jrxAo7gh/RzwxSXfgNTRr\n2h9q9r7Yv2feY+LolxUY4HtGVwdszJrwsWN7rgLIqzliAIoTR7GLeD1x+1GC\ndkslElaTCrbyn8+Uny2UttwaHvtTGBe2/pQbEs4rXbCg4Rj+3VDDCcf6PR90\nwWj2/XPiohehkizLTwAdeWH43Tp9Cz3+a1AzUltw0klJ/FOZIjMLg1HxZ71R\nnXWET98qTwkuUZKLMMZ9zuOwFMqBsEbTBTqWUg41KeGwkGpO89iMSoEzRSVL\nc7AiOIHhJnXscYs2HCu57tqPP/m11McefosQlDcxhF2TvvdVKE3x3Vf12Dsg\nKzTmUuntKnLV9F2fOOi6CwxrC7t50s0EYMbSf4hTlUZA3QYev7XzQJPYB+zP\nZGD5\r\n=1To2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoHHxBRmXHfFB9S73AsfWcjoe/IBuq4VqUM5abjENU0QIgJmikuszcOpz1F/O8OK2bDVSU82N0l1bygai1fosIO08="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.e2ff2da.0_1643113451769_0.20349506074849022"},"_hasShrinkwrap":false},"1.30.1--canary.a668eff.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.a668eff.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a668eff0eaff7f4a9cbb679f4750852a9128dd61","_id":"@atk/mise-ui@1.30.1--canary.a668eff.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dyBQte9RL+pEXoW7O6Bj+N2hpLc31XUeTPvRFTb/AqajXlx+4EvPWQBzsDmzVpV7Tnbcqs88GWVQoBQ3wHtQoA==","shasum":"f1b4b71a157e3ab17d27d28c22ceba52bc8a42d0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.a668eff.0.tgz","fileCount":750,"unpackedSize":1582477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8AjcCRA9TVsSAnZWagAAz3oP/i0W1/UuoN4Hiu21SJvc\npEnJC0h1TgVqz8zkGupf3wb/ZQIA5m4tt5mdhjUAadFCiiOc4sTU1P2a1mh7\nkOdLfXltTiJyrsZseaLeEGoe3p+YA2Zz83p2Ls3dT3e86HiMfLN1hNAFluyi\nNfLuyKQ2ox60pbyH3u4+jx6roOGzVPT//V+te6NmweyxXfYLsTd/jiB3iX+e\nwp49jmDZapJdB2axq9OoHNzEpDZ22nu61sFlfvb9AIT/lBuZbKo/4a+a/3NI\nUmqi/VHwz7x6qKIemiTpSZYtZfqAdHImZuToFu4JqBmzZ3cQkBJ/u8YrbCVe\nV3fKx+yX4u9rIyQL3KXj0lcGXXQfYVicvBHJd5bX1TvHy0edNWLg3RB2WOvd\nv31WxXkTZyj/C19S+1XnfC98/jQMHISGFsGGBTZ0mh2U6uj+L5fFAvOgdCzC\nJGvw2SP2OqoXtjM7SHnDZbNm4rBC7Ygca0xbMZQHECxZxrF61auFhiEwLmAm\nVtnvZ+8bHl+cScdD/12QFarteuZ9I32tCA9E5DGO+pHUwH75LfCdCHSt+zB+\nn+kgxkRSkVjmhziiJYim44RDf6BgTo8j4A9179WyBsSKQR5Oxgh4gnycADoy\nfJ7BM49NjM2HnIbxjurCysHdU1eYNBRCPRSH+UDS7mloSVDq1RXH/NlPm9Qg\nFWYB\r\n=SCv2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmLgLxzbLOFKStr/RJV6uphMCCmJ3Gz11dYfvGCHLmvgIgHcmDw9QyL1adFpQuHS/JV3attjD4qnQ9/b+g0KwmyFU="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.a668eff.0_1643120860501_0.6102229558721692"},"_hasShrinkwrap":false},"1.30.1--canary.4a5b251.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.4a5b251.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4a5b2517ca2ea911aa8fd666f6cf9926f590b4d9","_id":"@atk/mise-ui@1.30.1--canary.4a5b251.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-S+KzUUwGV7we9wHF4SRoqfH98xyOudQn/3xY8+1JokwgkXffcrdTcwxBK8rRgnmVclQlpYJ+npC3UrJ1FY2gwA==","shasum":"f581d455912ab31773a350ae0804461975167c1f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.4a5b251.0.tgz","fileCount":750,"unpackedSize":1582477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8AocCRA9TVsSAnZWagAAS/QP/1Bk0mF9C20oTuhxWMPE\nmHMf8DTn3QnblebRaIsI9m1FbezfJeA9tLUriUZXReAttFrELo6ZL6OSkGqm\nJnZ2sBKdlVYZlj1X5EM+pFKAIpU7STv81FKCniDupiAjwqimqNWqO3WTlsP2\niaRPJlJtcwGZ2DAiy9H7wSF7uj4bmyruZe0Cd71FkOtt3Z6U+IjAwfedVdzL\no+iXWTI2Vla2kerp36/ExEsSbM+7+tHKcEJ2MVz+KzzC9o1mgJlm5JON/Qn5\nU20V1AWFH54Qr0CRnc0gjXVgfcLJV8XeQcXMABDoOug7XIz3mp01Z8nyv2uH\noqGs9UGJWJYmhV+ImHf+CBGomoz2lp+7s7scUL6tKhmOBJ/svqCQFoAfnCQI\nvzjP0vv3iNJ4QhrA7rGFpQo8zjhYEox/H9NN3+yBHGkQeMACmJWMZaF/acld\nTVy6HV0MMHSmqsQ8MOvNlFY4Nvj141DLYrhvsmZICFrk4DLPIlSEWGZlKGv0\nhRLkyFLnO2O2K4FxKRmXzQwbzWrwv8gikrI0PCSkL5OQ7pH34hkGVRZLTpLC\nU4542kMvyQvP6KuvGVAAN0cNVq1jbJxw+tXKKD17+WR4LmBT39pMxMjx+7/W\nf2WV48IqpHwQ96YaN9X46htlMO8xpAYSi78ZjmipU86lN9w93xvMvYAEh5Pt\nUbBO\r\n=5jjt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDrMpGHi4/JpLIZ69u8pIu+Tw7pqDK1W7p7B0OOYna2GAiBWs3JCL6UP8sM4u8g52LrlDzzEdlNryvKd7hxie9+vSg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.4a5b251.0_1643121179730_0.7679431647286752"},"_hasShrinkwrap":false},"1.30.1--canary.adb4079.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.adb4079.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"adb4079e4d9a3aa690c71e1a3fc91b6a9f0291e4","_id":"@atk/mise-ui@1.30.1--canary.adb4079.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4E9FjobkU3sFMIasLuRMz8Fng2UIDR8zf8cnHRijYL9EP04wLp/HlTCOggtXiBOQmJrNOzZXLt0wA+QCZa1xgw==","shasum":"cc4da51141c8bde6044ecdbc4fbc4c0fda4d5981","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.adb4079.0.tgz","fileCount":750,"unpackedSize":1582695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8AsPCRA9TVsSAnZWagAAre4P/jYRoiD2/CpRDO8nOnpm\n0XOJcDOS4wyljMc14YTtGtMq6FC8Bzv845Thkhv6CsWZPlfrI70TuFvH1Glx\nhC4OXHUTmhWVmByWATEg6Tc9aX9djGsN8Col7vOBnQRLX4SY9T2u08/4iRyG\n8j6i2e9ilwAdHBJawqjgUqC6vc4CL1irhPNHWXm/6uaxBOVV6ikBf5IeSZqM\nklSsNjDzKB8hdtc3S1cmxMnGjHQln2quTFehTcjq9L7Z5jyjWfvdCklE9/So\nuZf8YPdZbVWOWCwzMDP4EK/upBys/vSs1NNAhlYt8J4X2zq/R3C5+866TahG\nUOcLtWl9c5dwhdGqzV2idwYuXF8Ue4vG/b4TFVNYCM0L0SpjHPEsDPdBR0SF\nKSzVXeFE7ibqvOtE8xQA2gdMiMAGGDFnqokmMbPsFWRqxkUGnH3O4nLn6i7w\nTgpGz9Xg04dzH08PSSxHIEmgX9jyM1eneopWFimr0paB3Lp7pnpO3m+F9Pua\nWv6W/Ao46McWa+hTZ+LscINdvxO8TQiRgX+Ihqkd0IeSICE3tx61MrxHzE46\n2cyJIgPGnFhb18PrgRLCOTw4jYsjO9VL7zi8rBzAwDW2WWH0x69vHa9zSI1v\nJ9hBlaba06yKFXXI5S2UYDUuo8AJvzm9pGe7U/Ebjp9XqPbi87/fF2wCiS8j\neKc3\r\n=d1Og\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBehX0zYFu8pK9hl1Ce/vXIPRnmVGCuyUTzX5Dy4bVYwAiEAz+Ii0QaeYBZbZx0ULTA/71sSadMQE+I6r16gwc52ewc="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.adb4079.0_1643121422726_0.2731107743603449"},"_hasShrinkwrap":false},"1.31.0--canary.577.e40e530.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.e40e530.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e40e5302c2dc31460e79f908f8dfaf2b412e0141","_id":"@atk/mise-ui@1.31.0--canary.577.e40e530.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-fEwn+tmlmyJDKeWxlqh4eIWhkfHYmcYBHvwq7Ol4m1DvvIBN3OsRURzJ5uWGfwFth5Y80MEpQZOtXWRjB3d7kw==","shasum":"246f1f0561668ba754153316b0751b8057440a3e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.e40e530.0.tgz","fileCount":750,"unpackedSize":1582747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DBwCRA9TVsSAnZWagAAQbEP/10xcepRPU/qYXR8/xWv\nK8utZQzxa4CE2pMRpreMJfpqHrszO3ke4ywX+4mkJ4k9KEbQ6FbaLwYcq/S+\n8kraFXE60taBnYs0UhaozDiHP2W64hpvfv+FQ2S6dq2/c00GdOrFUuIOlWbK\nH2jzRUON+guwgvRyUQ+mFyQEDqJCpiaqH3wE7MVb6eKP5OkfDgPgKiKTYy3E\nX8gmgXm+lRYzLQiOWJxOxX5KDXN6Vd0RMVeVuCviUQXoPcr2sRmLGC8yB788\nxqd0SvaMmTY06oMLbPBbda2VEyICfPBdmLEkBe2rjMa7Ay1QLWBu8BLA+tTX\nM3sjLkUfvtybupButIGD+lo6/kYr8z1EUgeCbqXnudNfAh2FTOmj80RqcDJs\nTs4dGhlVqp4UrjclAQBLH5liwiq1DsaPTL34dtN7IodOCTXYGVqjuiHuHLMr\nxUzEiDM8vx/pyKS4w39yRroG3hOJK0I/P9dkOROVqmJQpN3IKnVs4XzoAXMh\nn0ytJM4YoOn9hG0+5FazisQlkRDbouaP49k7z0/Gg4y5O0Ed7GMUYnhAKs9V\n5MgWHXGpHlbYLkgLyjDzqRg9bSGIs3TKgo6+6VgVoV7jDd4updaqP0jqhuBv\nybbxJdSlknLlduwb6T3wdahtrZp/bV+8oQCNhubYT8DjkSw7o6gWxDkogCvu\npW3P\r\n=fqVL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCELMr6v2o+gUZgGJ64Uyry+DZU77wDwc+PRr/Bf5X6BQIget+669M8mIhXd9/ioTmRsKDVXkiyFVqvcjYlFBOqJSo="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.e40e530.0_1643130992353_0.08948500788219405"},"_hasShrinkwrap":false},"1.31.0--canary.577.888f50b.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.888f50b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"888f50bb2aebdfd0545ae2e76bb8ea817b0ceaa5","_id":"@atk/mise-ui@1.31.0--canary.577.888f50b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0XEOIu5NtmXDLMXo5ERO6x6/OoUdm2DMJ6BkJJNNfmoKnOuYmPWTUPmEQzIQAtHaqd7awCyW3mqnECGFSPiWog==","shasum":"3e9d038209524262eb3f605c4611bf318f4ac4d9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.888f50b.0.tgz","fileCount":750,"unpackedSize":1583114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DYjCRA9TVsSAnZWagAA+V0P+wQtDatv8NHT6oObCTEV\nWcB4IUMB12E5oOhiLU4VLfsA6dNueEbVznyg9Quj3doAJbFqhK1KJnwk1GIk\ngI/w6d1uH0P9t22RORdn0ibcsMq7chTfd0YLdszaZJZ9T9eNRMg05JvF/QG2\nSqph8D5ugQQA2lVaTwlBAIJ5UD3joGQvN0bFniHDh4CXt+FjCZYJrnHaJwAb\nIk1//uCoiEt6VOhFBvLZ899a70VRdvC63JR/Cmr/5O3c2pL+E65T3P8DksGt\nn3Lgk266R/LAUyf0xZvkkSuc/GpWOLdVI2vhtQmunyMcT80LnD/7XpSd6FQu\nwj84nXBmDbN+q/o5YNNqR2DDhJ1W7hV09EX2HTZ5Q4sF2kn70iI0hIiw8wBG\nWjWVpTYmu9krpD8nd0vTp6IaQ81JWcFbEHP/WVMhCTorHP5yP6vhmjX/pYND\nKZZjLRMvRBrvKu1rzsA/NgSNJZtTSAuOMpDMb+3muP82JEIhcxk8xktEvd7v\nK1nd5/X0LHDubPotmXQOOCAbb8Hb8d6ALFlyZVHHP3KsH1vGX1cvxNIH+O4P\nyaMYhEo0mN7cI9I+f8ravrMepI6JsiEzc2mNwJd8eQqBaqm3S8dOSrjzhAAG\n8R7A6ITiI+RM2eDyTBAEPeq64Z2wrIucreiqT1b1fQ4SbJ/ReNzFNaOnc0e5\nFAfr\r\n=XfNk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD31BGsGGfXiFnz0c25RaCnFWjA0YZGGBzLGqXuQklDkQIhAPe8NToRPF2hbJGLyc1Bx4EMhCBYVA9OqRKp1oCiZ4k8"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.888f50b.0_1643132451369_0.8645125742227322"},"_hasShrinkwrap":false},"1.31.0--canary.577.4840223.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.4840223.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"48402234af6dd144a46fdbd6ded95a9b82d5b3e5","_id":"@atk/mise-ui@1.31.0--canary.577.4840223.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-h/4dbr7k2nkFtA8U5z8/ShxjrRNKgv3F28z5eZDEDc58UWuvz9vg7HlTQ6MfLJqRPcvvVKdaRKK92zE+F2xafg==","shasum":"3c021c351453b52f2ff25624f4aa2b4a945ca326","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.4840223.0.tgz","fileCount":750,"unpackedSize":1583123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8D/dCRA9TVsSAnZWagAAMv8P/1GgyNgvrwBeIGb6ub0W\niUYIzLnEwNi/MGD784hUq6uREIZYkGJ9261cxfXSRGKJSxRLxWp1R+tARbpX\n/QYKQK04kRAFqfKsOxgtYFTEok9FFT8fLGgjmNlW8QtSkoxIcFBIVkPvgBXd\nmj1hbrXG9NyZM+iVWo61buPUGLaW3HMNHngnRDJXRqEpsKUapjyDlH0mtaEF\nVEUlnBJd8eN9Ev418JJmxuzLDZtQiycOLXhheFVEhSNHy/LwPf7nGMera5XB\nu1mSA3mh5COj+3XJ40JKiZ3fH4y7alXKAuRakRbahjT9Q+2FjEbXKnrHivJY\nzjEGIAulMzgOqVdfN3N099tWrjrr4MrMQ0O5TXRPA55Cr3J72ytxycTk92TU\ncqgCG3dTh2GLSe2m0MUQVj77vcIMYOviRVjohlnr1IHoTodpblIAsh6NdgOX\nratg1XoEvna/0rpYCxs5c6y3njI9+Zd2ThcRp+02ecPXxFdx9fcSIaQBMr1I\nLyfrxBVDRERzXNaPXQ/xVwY9wKdEgH0GmgykFHyxJeIAfL2gUCaj+1LBtK8/\nWqVaN5bp4Dq/3zOX8pAT1/tvbu8A5PBkFARigHyYunb/88ANOZknNexnbr1S\nAldGFYX464U4IKAZjlrA5qaTsnARYZQ61vvIqILkoaqHZqz5GgOw91h2Z4lY\n+jMB\r\n=U8A3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIElP6cJJj8MmicZeF7U+XuCzXGj1/LzME3KmOQFlDOM8AiEA5Zn+pnTJ8TkrQkr+HTkbL9ebvKPs1dyTAMtmHqDKXiI="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.4840223.0_1643134941552_0.440268830214833"},"_hasShrinkwrap":false},"1.31.0--canary.577.b082a05.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.b082a05.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b082a05da9b8f6361d50ff3a4b9edf14527c1911","_id":"@atk/mise-ui@1.31.0--canary.577.b082a05.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-IVk9tFetsfps7wrcXvfF1PYhOaYZ7kGPwCieDg2qXhzevK54uR+R0z4Bn1kzQk+DQNSHAkJwQ+sHiKikcPI57A==","shasum":"a727d36727fe90ac8610a086e3239602e6cb76e9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.b082a05.0.tgz","fileCount":750,"unpackedSize":1583123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8EmqCRA9TVsSAnZWagAAb30P/3F6/z/lndRNCJFYlr5x\nFxnN50A1BFTxgVdunbgS1cdkKTmHeAG+q47Z/NPgFJXPu/FdlqzwpFGTeUjX\nm7Bc1GgBQdYAnxc1nfB86kS/x6tLzxGYb0ToFubA+5Gde1+lRVHfRl6GRV5k\n8Q3Gzo7uN/zkNIB/4l03oaSBQYdSm+FQX/uW9sXiw97PBj/qxyPHQhvy2cwk\n0iPAu86vnmVvnE/iQujweWF6BV3Xl36ivX3iUTeDg9ypYe8ZvqqC8mSxdH4l\nGJ3K6Se7vmSj6Rn5mUBZ9Z+EVTqKkzVskAxixmatdVaIwMxl+FKXXcf4MGpk\nKwQOFwhyjFxNEobCr7oZnMcjrI9WKUIN9zFzoPMNvUrAwC6girdRuXmQP6fE\nC0+Cx/iRcy19CxCCN2Vi6X7TZMjmjssJDHiTOC50zsGyGlSpqbU93Yi5UisX\nkD7SBusXN1SdlG6L8zn7GcPsr/DdmKL91G5b/tCERoefwhi1VcTdERMSEJLo\ndsLOHbkNt/ChlhC8S94bPQGrdsQT7okMuN5Sq42yjpuVnuDuxEoyzOnZt/r4\nXLXAfvhPNjhqgnA5luyZnMnqUeXsqOL/0dtHAsib52FX7i06Cxrt5UQDycY9\nffPGY9Npu6rdl7SEeINeOuXTVCkHqA8wzX109kkeMNPI5M+9ShZS7xs9PDdr\n6YOI\r\n=TixZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3Q676m67UaIrodamZSUTuy81UaAQRF8xyuysntHbYhgIgdLorxZE2rxu+Hslxe7FSFa0+hBFYzeu3GAvLHg8V3mM="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.b082a05.0_1643137450440_0.04496600773220072"},"_hasShrinkwrap":false},"1.30.1--canary.401b3c4.0":{"name":"@atk/mise-ui","version":"1.30.1--canary.401b3c4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"401b3c460e906e16dbdf9ac4848c4dba464b4d49","_id":"@atk/mise-ui@1.30.1--canary.401b3c4.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-QH5hgwdpUyrVGQ53p1iLF5y7CrDllcGjnd5w+OAFRc4aOjNe562QLzEqpne+MwcTvmV4IxjqYvxQQsVaMXLNLA==","shasum":"5f289cf7bd375ebcbbfb29a75259a6563cbf53b1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.30.1--canary.401b3c4.0.tgz","fileCount":291,"unpackedSize":1271515,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8GRPCRA9TVsSAnZWagAAtkMP/1QCNY3btFQKz4gGllZG\ngBtE/ytmucRtAyvRoZApPrwzoyxZe3AXtV/rf9XKVkTkuLpJwyvFJ48OF1Ap\n5YAlDBUGJiSQDD2h+p++kO0+7NdWTQM3AUf9qkJUn8OXIfTgF9jvkugijnTp\n9gcVAiTvS2S4o1wuLEN6F9UHUS9w4t7EwlfIhIoRatI73YQW8v0y9E8I3gVZ\nme+BN+Vh8EqXhX/35+SIFCWMvn4WOLFdzPPEoOCoPelbdlBNWJgRNn+hudpL\nu8UYfb/kgwAQxiXNsbLYVZAS2hTSM6OoqJ/lKgvRqbuAK7ac8AdZrRaiRVBQ\nNT8Zl3QZcFyZv3Tdurqoz9pnNe8I+b/1sIBM9SFdXRgFF28ghF5F3DdQ3uAC\nw2VZWx2fL/cr0mu3b/wrfSJgqgcofJCWZEP1SWcnhpbI59m6+2YGkIb9gdVU\nlnzdMB+3c7rdvaPjPeQ7GogiANhDZ7AYA4IKi5soP4Bw7uYUoQezgZWm0mjV\nEgSPnmj6+NnlczWZt0EdzaP2fndCERj89Dxk137r8uJ5MWKJ+YKHECUezfde\nKa2X+pJ+kCPcu6TwLmGKkCLzLS3p247pdIr3QbScnJLN9YmeVLmQq+zUvJxb\nbscmKJDURjVf7sW+IY5GKD+I7TVrr//xtzK8TKtuS8dA2oKt2Dvh+JDlDqp0\ntgRJ\r\n=EMOq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrweOyudyjFWkSv3i9h3bq0d6ZNjYIl2WIHkJwPNhMNQIhAOvv2Se5JX1t/vdJzEpnYtTysrVPHJFl4Erh7qtmLXY3"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.30.1--canary.401b3c4.0_1643144271090_0.9583412198432821"},"_hasShrinkwrap":false},"1.31.0--canary.577.103b9b7.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.103b9b7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"103b9b7aeaa322e2bcfbed5ce214f675ba6c1c19","_id":"@atk/mise-ui@1.31.0--canary.577.103b9b7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ysOZaplM+oRF5ZNx09H5zTwMhvFvCDh7G4PuGrZgWF3ltr1JTr5QjaUYTJ0ldr/saWgSKtIUZp+2U8Cf9sPgdQ==","shasum":"f9e58202823c7e04a000fcf9f88a2cbeb506f2ee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.103b9b7.0.tgz","fileCount":750,"unpackedSize":1587392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8XezCRA9TVsSAnZWagAAEDMP/0aMvcjjr9APz3c/uZL8\neTZ7hZ5UrHjHeoM/m9S/yIQBB7GH/OJdRALj2RmiQDA6OwioOt3T2XDnuD2h\ns7iX0y+wWqc2WweUsAhg1+n5zrOFUxVbV6PsUUdvyv3AFop4SvtQ9qLc1CvM\nrDwGpr6wi9pC6CDaJ7yXVJxU1BF8DF1P2gsHrPF1Z0JdfrwjC5cwn7ob3BRH\n3UrkgK6m6upTmRXENawC6qQEjac/+W7HBA1RtavR44JQ7zDDkQgdf5oaXLV4\nMGXnY86+tx1Es3+oXqfC7BcmTqpMZzJdFwTM2ody1i/VjplQsIdw+nh6K4qW\nNLBWMmR9DtrfUXlEnmvLTqyPBuN3XDwKNUIq+8r/Y2THJI94dZaaictFXbC9\nBcOwUojCzheAUkoR8TbWYCxtTV/A+PsXvtnSgKs8spOMhAZi/DePbcTRySJe\nG/I0oOkjwJQLtETVAJsIugxYNLGmqKeIjgfmz105kTCP41P7b0WAtTJHGOVL\nUSIUTt+QEkUJizcMs8cN6U/uLRyaJMnUOlf3jTSPUjyXpXoE8lwUPygLRFok\nTHVfizwEI9JUoC6u1tQawZD+YuDh3zDVF9ifoQwz/OivUwmA8+y8/8fvsdoC\ndFYVPotYVB8INKyJ0bOXf0bA3ils8dCMGX1yJMFfggcseS29O2hbb8b/Lf1W\nvC2j\r\n=1N78\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFuugJhxdPm6mNSM6+bGVCipprr+v0jwnk9SMjw1jIdQIgM3BCub+VDslKxri6ZluPMaLZxQ7bldAsE2VuqCtREyA="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.103b9b7.0_1643214771685_0.8086674150795541"},"_hasShrinkwrap":false},"1.31.0--canary.577.d11b998.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.d11b998.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d11b998a6c1174336a718a0e969ef3fdda1f2cb6","_id":"@atk/mise-ui@1.31.0--canary.577.d11b998.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-kp7MtauhgrpZDzYot3POC2ZbEqKJw2ZVYrICwDkV5Km5ob81GHkNSlht+RrdcfNKw1nYxtrPcr0lGrz8a9Ha3g==","shasum":"8a31e4d860ccb40e589aeee0eb6d1d851d1fe2bc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.d11b998.0.tgz","fileCount":750,"unpackedSize":1587704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZYPCRA9TVsSAnZWagAATLQP/Rb+kdKZy1zRh1JudQlj\nlHcaNFFwkGbQOqck6ti+sf0x82OC7CoLSJNzX8Zk9IJK1qwtrBSd3QF177Cl\ni5zoL5DxGLhjwyxoQje0wEKS5wfuUizzBl6zz3bECvN2bArlZCJzje06iL+h\n+dTf8JiKeR1i24zJy/lEUzxAYbmaHhV/rQZ35QpfwFnaCyKjq2tdyR3auLg0\nDjfU7dc4N+Dhnec4E7RjNsRjUcuROg9NiyYNjUYI895XrCe4EtBvA3KPOo8m\n8x7BYEFoi6wF0rexuLrAXYQv5O3x80CY+ZIbx6nVJbbuLfwLVESfHW5ht6Hc\ndYLGT9gdZxLmzy+284KYIeyvfixEYFElnI5CnTXvPpLzfcJQGdVYywefTv97\nWEgSA81M94+9e9/vtu5vXqH2j582A1W9Ebga/j29+/MV/rssFpAJKlPppNgS\ndi9WE1VphSRvC1Yi8IiNC9V/2sGhweAwDz51AhhUPO4p3Dqpu6JvufKdfLaT\nTOzbQZqHaahUXLQW2cQ9kKlVhFwXLceh1jQ+6QzuPGB5um7t6kej8W1P3QSg\nu2rmYxL+Fay1T60zouN6yFuY3YsCefstxtLIYrBpHcR0EgaXcLddzmn/JUcB\nE3njnelICCoB0R9KikGjjvKmAR0JvSI9AskBNYHikwzHaFaCYvmf7+VMDmIV\nAveF\r\n=crHd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3yDeV9P1pjTRZQphP/Q89fq2KLxjCvRHo3zpqm6FFxwIgSSLvk93ES5GJFKRKckG4keiV6/C5O6Ufzk4NKjYqmmM="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.d11b998.0_1643222543434_0.041285043561393175"},"_hasShrinkwrap":false},"1.31.0--canary.577.5b68e5b.0":{"name":"@atk/mise-ui","version":"1.31.0--canary.577.5b68e5b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5b68e5bbbba1e236ed7ae93c6a76130575473b8f","_id":"@atk/mise-ui@1.31.0--canary.577.5b68e5b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-w8bDQTTcrc6Ty4JwHxrWQVmP9GFD+ILx4jeCETjA3UwLdaoFu0UMH/bctBNLsnFrlAhEzc47gmdCgYF/rrSz/w==","shasum":"0e675c0bf3e2f3b0aada591c2f5b94cfc8fff913","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0--canary.577.5b68e5b.0.tgz","fileCount":754,"unpackedSize":1596104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ckZCRA9TVsSAnZWagAAitQP/iwVe9nt3FZNbNH8diLX\nV25kvUNwIE0Em4zh7jxdR1dxaRmaEQ0IDDj3ZuC/71fY8vH51t1nF8ryf5kB\nQ2zhfxeirGoE6DKpaJecPKjqgtAc7pOoaDWloVvQbuKgDzL4P7HreFZUZo+U\nf8wJ19t5/yUzcDD812+lMtSUHHuwK7kBU7DjgI4LYPi6vMOLTp8Uo/hBHXAV\nHIiy8oDyr8Wjq3Fq0VfoaMZyz0TpDbShU2nOk4Ftvi0eb50VgDGnfQH1TNpv\npK/OtsKwFQcIsCYLZyvOuNTMQLpi9KbM5Dw7WXMwYmLhS46JpDxZWFmjG2DV\n52umYNkuNrYGoy3GwXW+HNpL5SAFSR4uASJuonS9WH70YKdJ98D7nNoHLIkv\nrv79Khl19wjkUbe3WXncJVfkBj/MsHbRec/qkzzdhR0/lg/QZQ1XUcmeoANj\n23aWT6jIxJ0aBAc8jA2mvwQT35c25/jEQfHjvPC9muoBXSubWnIlfxbWyDZa\nuSMu2cRw/PHCYDmUfnkW78tQmxUCPIdP/99REKIJcR9p1Kxl1Tc57blJs8q7\njMkT5f5QekadBDmOfexDobFZNdsNd+Z1bl5qfRjRTHyQS5Wn2AVlgUmvAF12\nEb1u2rKRHDiQl9V2QHYdt05GFNPcjjm+MTyMWn17fO3K1+3UVguvt7Lnuvh5\nrpki\r\n=cpFW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGRND89E+DKVywaXBEb4qU/uzpi8fcpxlctgbpIYddSAIhAMGrSfITkA0IxIfYUOyKeScbyEDP90kALDUtJS7inxi/"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0--canary.577.5b68e5b.0_1643235608824_0.8469667742585902"},"_hasShrinkwrap":false},"1.31.0":{"name":"@atk/mise-ui","version":"1.31.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"09023ac80f3e4db33844fc9f84d5707a50abc1a0","_id":"@atk/mise-ui@1.31.0","_nodeVersion":"12.22.9","_npmVersion":"6.14.15","dist":{"integrity":"sha512-dsseDf6JTiMXsRJEXLrMMQXeNr62qf6O8kmKF0aNsHmD1T3WjE4bOb55/m+T03L5wuygWTN2zHYfq4xQoW+7dw==","shasum":"1932168fe788c06b072a95d030dd0666321e0721","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.0.tgz","fileCount":722,"unpackedSize":1499355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8tf/CRA9TVsSAnZWagAAoaMP/3VclRdrM8NUAqpYKKq3\nE9jsQlCRH3cei+HF07+fwQqmYW5+6M6l8R+brseYuFk6XoTKwRl40CQQ7uuU\nfI0sQGasn1rQ6ZMB7FFSmu1iHGqu0eVeHCp4Rwa7dK/pHtxI+zwg+2M6YL5e\nvvWSkM9BSYJ2S6Q498fPbGXSh7v0NphTG+mS1oel9CEqjWYoQnuxdc1cjkne\nvDfr++HQcnicOrVr+L5sODkpcgnk192s0RwK1QDkWVMEueaJhDywjFyWkxZx\nUjjZ//5fCyyOnNPKSRArktVrPpSUZpGbW0fN6gnksJVsrwI+iG7Uh9y96JX1\nciJ5JeGmCrNwaZMx9gVqNOqrgJgiJJlOqrTzxHv1tE0UpYzAi/lQpGyJ34RI\n+HSpSX74Brk/XCKNA9wTdY85WAWUKBw5jvzrR7V96f6uhfyLMrvToKg4FVhv\n0MynDRfF3eLC0KMbOF/dlVZGbGm2Z9OK7tBCicnBq+uYOqBXc2DMWmh4ofNV\n03/u27ATWbSo4hTFQXyGqoYvo9YRAcK8D4jY9quS3OccXOlm3ERQlLiC70mZ\n1w5JPBUZ/CKe6MAmn+aWcDVmsDrRDDmhTxDszz1qZjUKhzt5imVCBDGtcet+\niplHTP/z7Z4eRxMOGxPgGHwNzOJgCx8gOKImBI7+nEKL5AP54MHAPs4xw5h4\nPWhn\r\n=So9O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFJO8CM5oPEDN9wsrt1lGhiX3mHty4YWnSQP9jKDHTLDAiEA1W6foaA8+g3EB9WqMITgPslqN3SZeWtnBJH1TvFpnTQ="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.0_1643304959526_0.49521686832465117"},"_hasShrinkwrap":false},"1.31.1--canary.577.37e488a.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.37e488a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"37e488a82cfe1ae114da7cf867d5c36fdd65333f","_id":"@atk/mise-ui@1.31.1--canary.577.37e488a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Fddd0L7XcpBz6a3vUZsAEm1IJtcFKilu85y8QihDa6D63jT61GWbgxkV7GSzfw6seBDCh5HlpeKVD3lkz5b2Sg==","shasum":"c4c5b267d54ee223d9c6c461102929352e73cec0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.37e488a.0.tgz","fileCount":754,"unpackedSize":1592637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8uuGCRA9TVsSAnZWagAAv1UP/2enPl+4omgaK9VhORcn\n++y1VXtTTXPMIU1w5NUuUo7jBDLRMfNQGexR9AUkIAjODuMvxShp4+2aPiXa\n7SQgL+qbFF5De720Amy2oDCV+kIBWcuE0tHbufmltM/7yosxsNcfvnJoeHhj\nwEcIZeqS7/KhlqmGG4c+HdEgwHjqPgyrGDvlWrSycBnbvqNQLP6T+aj1Rk0C\n7Tnqo7JEfQdxnUXFTw3Wk5LiDYNbjMVsvLSNIiwDNOeGY0crI9HgUl9MalUN\n/Bt2b7a/ZyLxM/tmd+aJRFDe5nbTdpPbKZ5mmgYYo5zIIL6C+fpI0VzzNTve\nUsM3oEm4ccXH4aR6uib6O3cuVJFrMAKN0bxe1gldE7Vyp/JDsw3gilbjItlZ\njBhF3/RhaTfzsY/UduuS33GPFXmWzwdoFjCaHfhWx5xGtHF+345Hsl322UYn\nh/pXArfN8kOKX0e7jXvpTxgv8LnO6WG579S9CowOC0XnVuaYKDLBQ2JP1u4o\nqgUUDnfBRFm+bFn+WdGqnIvn8CbtwPDYMI4J2+NroxV/cGWNiOx9rH5nJ9+X\nha1kTyfarDhOSiX0Ku/5pmRGwufsQBd7vwBpCADwVNnrkrLZsdhyYGPuisOs\ndRyVIv/+uxsqwKjUUA7EgSn7pkI/oQc0OgFAsda2+YDjzUH4MTsRmusnfWfU\nUDyR\r\n=E9iy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEvz8Ij07LHLojLGz4izjqL5R1ZKBKzuBOQgfctNx3DwIgXuNnG+46y7Nj9DjEYrlzH6HNvvVZnGQtWDy8sR+VhkY="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.37e488a.0_1643309958191_0.4494873514949389"},"_hasShrinkwrap":false},"1.31.1--canary.577.d609999.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.d609999.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d609999b9e5b6cbcaacece5b59724fe02194d81d","_id":"@atk/mise-ui@1.31.1--canary.577.d609999.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-RdFq2v85OW95kkXdRZW85cq1+hlKPVZZIV73JHrdpSoDSfv9dvTAe5FsX0pgUl0ygGyfo7tL0g23tcZh7eue0A==","shasum":"4d71bb674492312928fb7c4c6af4606cd673a55a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.d609999.0.tgz","fileCount":754,"unpackedSize":1592751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8u3NCRA9TVsSAnZWagAAXn4P/2Xld/dZ9vzdZO/OZqSA\nnvL8fxtUEi1tgTtbN49Qs0K+hQsuIwRpjRMzRuQyvVJa4dWhaOB7f4FLaltL\nhSmwufLJDHX9R1XwOvpLPYP0zbylBnNrEgHmsO2gYlKIL5K8NRc3Fis+AZf8\nu46SEWMrlTPZ6BUVHd4qyxWwYLtQmMM8XjMgbWC1WL7y56KeIP0YR6XlhSRG\nttyaO140l434PaMfhFOpvwQGWxP+WjGY75x9BwJYO+2WIm2/RqN6+ip6P728\ngRWFFjWPKrOuCAr0JYDD0DFCbVHRQsuFLzITmN7YPLFGsbj3MKDZXXa8k3oT\n8tWdT+BZeIqu3x/CT40CO+f0/Y2TJjx36XMtD8wUoeNN3zzK0wEb+hVOLtFB\nL5XCeeTU/EVTkfuzzZXCoWMijOpO4Vgkvfj1O9QYwQ36hJjyfRk+2kYpF8zB\njLNQ+z+xUazt8l8m/LR2Sv3HGO8gZlLn4HhVan8SZLYyDSVVHDG64jjwL6Az\nsBrUZrck3DUd54anSosXLdwUaKa74NmL7ISfgFB6irigprXsDjGOJDUDUpkV\nvZmJRt4+Eqs/yrsbGIEv7Y989TrCbJR1BaTYZmeqP3v/57ZKBaRXTwqNvbGj\njgzkHl3vCtBg47jtwZwLAcaOzt1RsXSeR0/WLPdmqYnCHLRGoTvaWJbwxkzZ\nacZm\r\n=DqQv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMvtPWbt64mpG/3BBwmgwOrWypIiA2qnz/TJvsAU8bwQIgC/Sgs62tWyAhI+17eOd0Ur9fj7hZW5lqbHuZ+5MGmSg="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.d609999.0_1643310541185_0.8120265398272617"},"_hasShrinkwrap":false},"1.31.1--canary.577.05d4a45.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.05d4a45.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"05d4a4524ab0fd482e55ddac9d3250cc0ddad912","_id":"@atk/mise-ui@1.31.1--canary.577.05d4a45.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bJgRR6CsbrZEpovlw5p6rQcOAkFsrHKuBQJGRrwCoeH7giltwDLtPOsr/30NEOGmIABzFoVOV8clZf1KwDLmGQ==","shasum":"1c1a5853eff1b7fca6e1053ebee7dc3b6dd41d7f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.05d4a45.0.tgz","fileCount":754,"unpackedSize":1593404,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8veuCRA9TVsSAnZWagAAnNcP/iR0py+SsL5nVd5+NkWm\nSc8+o45svYZcExokT69M374QVvVO/XJHv2bdZikqjDucqwoYWN2grhsT5Ach\na8RUx9z/AQnZZAH0Uku3muRUkEZxqUX5ft6qrhP4RqEWzuKPAmzaczgqnGig\nvXTDLekb+mHTjXBdIz8TC8vuXXn3Wzo1WnR++TtINBzSCI0SNvCS2pA4PEVq\nwoLr32oiAYF5X2HS2fb9xm8VbbQB7n7vJFnjkwIUUwYh56nBBrNG4gUP3ovm\nWQvCPDOalWPV5dCgMX28brNhTDSZkdgLzkQfYes0eC9kW00MNHug9jwezGbt\n5zl2ZuQ16r3cdnqwlU5nsQDQ3DZm9XG5FBAUQu0E85D865iwTcFlDX/HAYxc\nnil+IoSY6bVyA72wCVzYB/7roYob/TzXYZP4NAnuyFJIRuFNMTcatBj53mw2\nYNzTVwEZHiq5SmBk1YS4Gp36oH8nAmC+DzuShH1utMfmReS9EqMpzhy7riOP\nAa/bUPTFXnVahJyPkJavPz2+WL+zMQNbZxNUatK34UnVtoH5pGGdZVEGgIIJ\nweOSocg6u93KuRYB2GAaNA7Kb++G/apvZ8rgg6gPwFbwm6wFlV4ddspthNG1\nAy9/X0l+a2cKXYb8YYHRtDEInJDKLMa5L3btxGTYzNcMaLyXrt6Q4CPqlXAm\nEuOl\r\n=vDFR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrCue2r9ojFXLqSOx/77CNMoCjZieyepBS9mKECWGUWAIhAJ75PK+x49yIwFJ8x9tShysGWc6M7xluW03XVxqJNBNO"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.05d4a45.0_1643313069957_0.5429865679189982"},"_hasShrinkwrap":false},"1.31.1--canary.577.cf9c276.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.cf9c276.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cf9c2762bedfe8523970a769d80d7f7d7d41a34e","_id":"@atk/mise-ui@1.31.1--canary.577.cf9c276.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pYqsCQL3vbo0EGb27M90o7AuvXd6U/60DlkTQbvVC9D3EsdVDEvgP7On0WWBkw/NBb28flIjvdbx5PH6glgR1Q==","shasum":"7b159e661f134e34a3f6d0d4e2cf7538a1aad96f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.cf9c276.0.tgz","fileCount":754,"unpackedSize":1593400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8vwQCRA9TVsSAnZWagAAx5UQAKD/uzeTITIsatpQz6UC\n+0h54esKteAbzkG8w/RBQHjZEpUDOIpxlzyVLrHjNNUxZ00DiY60d099/UZ4\nLUlffdqJdTq8Ys4bDGmeCtHSg621z9NahY6HaS3ELsaoBhlImbl75y2q8CoU\ndwKOEgycZOkD0Twap8LqkTqxHALvITmz2tpzhfsclbLZmg2Zkb5Ro9O1P/Ia\nD9Jxx7dv5k6WL9bslXRY8FndHalcmUioCkzrwhiAI2Sq2cFie0kQF68OBVY1\nO0PiUewx532kaKxkboVokylgRkZW3IvB5z+lJ9TPdJJ7r6fwfcVXgo9TKwmi\nffWY4IVV62V4t4c6sSKAWWWtkTDVz0Rzyw7n2FwxBmj+UFP2IWiSX8/LtZkU\nbHSsuvBS0NtDu8bVUR6HCssNKTyR8/AdTIBPfj1+GiWonVWPTRsUrCGCdsLO\nEIbG5qFsntDF4jZYAcTW1r2iDNxbrU7Ym2396paVTjaU2N3hca95GY7URgQA\nDEA5rEPsu3mWjPaqPzk80pY0/ullH9U3bBst6WT6wZAA+6Ou0cTA6Un/oZxd\nlVDSSqMYy4RBrYIFm4e2f6ROD05oaI6lc3SE/t3ffu9qyntDUYvD6iaH5+xG\nP2LXRieBkroXhSNXaB+TlWYoCLhcOHmGYM0CDi3V/QpcL3RFl2qmditvOYbO\nZrcr\r\n=gXE2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGsxaoRFjhYWjC+FhOG0/2QnS4r3kmtoIKOEKt+MGJKIAiB734zt+w8F6mdGFw/lvB3FEyMrbIAZixZHdtYv2I38Bw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.cf9c276.0_1643314191895_0.46184290969760267"},"_hasShrinkwrap":false},"1.31.1--canary.577.3cee472.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.3cee472.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3cee47296a43b37bcb525250b222f883ffa62bf7","_id":"@atk/mise-ui@1.31.1--canary.577.3cee472.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NY7yNpTZavJfHUIWDSvqgLdpytHk0q8TyKEVwaP3zpJNE3PmKEdEY2hfLgkImNUae/vIcD6vlJLdPe33DqxXUg==","shasum":"861e67435747f254b8c50041ce622f2f137b715f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.3cee472.0.tgz","fileCount":754,"unpackedSize":1592571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8yBnCRA9TVsSAnZWagAAc8kP/2nafu1lnB5LXokqEtch\nW2Hj01cGRCsLUwIKmM/Xqz3dSEpmSe86+w9pCCzLCscMQ8QO0pTdPJRfkrox\nKXKdr09O2vU/LNFCWGpx+frF1rorIB4EeTzjt9FOMuDLoZz8ZadbLyvVxibT\nwB+MJBh2wU8G8QiOcSUFawEb/azs6c299ByngNsObu3CCdJpVZpCQBTYk6IV\nzjXGDar4j8qvwmMZfTVYFDWOiL3eAGvDE1liz58SWn/5DOfLMrrDAblTtSL0\ntBGHgNwAFkyCKOKLR4VFYL2Wxdj6CFDs4Stu9Orsw2AZ8qIQo3lCCOOWWAEj\nk35cSjYtkNVDwb0pIwWGJz9fvqXlIFNWZmkRBDEw1w5QqBEf8gF7f/T15mvf\nQcycdkiJMMbGX/uUg8UdElTk1CPIWZG78nN4u3CJu/J6sA6RzIPAsXe1ZRkg\nPFts95P7mrDoyCBixMlBiyocbl6OgDRNy0FuqAmpm9lR90QK+fPPbKU3cLFS\npF6ebFbVEE2gM1DMeW5g3xVH+K6EzQ4NLfyC5VJuEcllfacWFyhdUhbHSSxi\nQzxSXPjuepAgcvt1dHHcbymAmRvGugHVi5wOYtSt8AQwjWqdekjTZcZ1Q+Aj\nUODSYyXgsPcO3Fz5tlfWRwT2pTQ+DOxHcMIX6eHAD7Eb9t27tBPWNHTjFO6E\ntlle\r\n=DaYK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEt0NP74a7b6jsJjRc1vnihhCRR6zW4uW1dJyW9rmKkuAiEAjLUkrzfrOE9fDurKle5Eut1Kpoea1y5Ruc0dF554urY="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.3cee472.0_1643323494927_0.22315610312221357"},"_hasShrinkwrap":false},"1.31.1--canary.577.1ce5fbf.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.1ce5fbf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1ce5fbf13edaa1722ab8020d29d0d4d404847ce2","_id":"@atk/mise-ui@1.31.1--canary.577.1ce5fbf.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BxvJJ0SkHYjfaMQZ/ZxjVDC3zQiSseb75ccO0stN2HNJn/IN6bcj7H+FAfiv2ybUwfVHIKRnZmZ+i0BptmZaHg==","shasum":"80502dbdcb8dca2ca4fda3948c11a01b99b537fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.1ce5fbf.0.tgz","fileCount":754,"unpackedSize":1592606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8yV3CRA9TVsSAnZWagAAg4UP/0PBSuGjhbrmkWVuCPCK\nekqm9un0E1XpNryLpvVqF1Ks1seqM6cS02ch1xPVCk8up2Nnwax4WyRdrU0t\n/H3zr/r+sfX7RpIN5cojUOh+iU5LbXKH70e7tMh5v4gWcKiXRidhnnvaToKM\n92uw81+DExoVqlnt+GGgHyx1iRc13xsKf0gXVaSPpoHpyp8bW+oGzfL9lOL3\nmlUDo/kk+kvlF9VpLezdKYkv/3qF4GOPMuJNfQSs4FpNNolL2lDX749S1kIl\nICidUGRWsZ+XTsfBSQBrbY4t2WP2z9MUoN/P2eelNpMe1TNG3L4+044l5GNi\ngPbZuJl10fn18zFA5HH/mGtKK5Q59HPjQ8Luib9BAnMSUfpIWGTJ6iufQHcs\nOmdPn5ws8PKa66yAWO2HQdIAEufmF2ukRrghnl8QKcLo4QX/9hgBR8ABo9kC\nqS0YPp6n4786bB8VM1dM0plvCCFWIn7zHSBfMmn3/n7/DXj0K/SgHLcKi5qV\nRZViSZ8qwf/tZncyyF1evY2Aj+X+keVlcWpwAXOYIto2HF+ZIre1Mr/HHHvN\nLNcZ9wV8yPW0bfZZZhJrocru4b5ibJsSEp+5HPXAx4GNt4A+Q78LgWFo3dic\nKpsx9i4lYjHORQSS/WTwU4+kj6PF1aBH2iSFnE63MpIM6pJr1xBwG2AZulhq\n2u3R\r\n=uAys\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJuEM9+5r65qTSzdUXTr5SEggDRDO24hjfPkAxZXq2yAiEArl6zm/Rfbv/v1SseDAEMzAz0bnw17vffFLWwcu98pjA="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.1ce5fbf.0_1643324791194_0.9111257841869234"},"_hasShrinkwrap":false},"1.31.1--canary.577.db03bb6.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.db03bb6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db03bb608224d360799615b95f941b6e37fc980f","_id":"@atk/mise-ui@1.31.1--canary.577.db03bb6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-gpDE09tUS5qx57jLTRjgKPnoHEMqglwe+68UUv4Aao8QzYed1GlQb7cBcLlnHso03XloXPx3dYRwW+M8DmD0/Q==","shasum":"80ea517dd39ff373ed3625276ddf18fd0bcb4756","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.db03bb6.0.tgz","fileCount":754,"unpackedSize":1592488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8yiICRA9TVsSAnZWagAAuo0QAKD1kEBdd4a3lldQ7mN4\nW7vH5HhCN3jMBpF6qlH4Nk1tg995wHzmeMQxgMHWn3J2kXE30ByeOyYfGrgJ\n06s39aN0u+VAYRDXtyrE2eU1NCy5ApFDTsyHcAhQi8nitH3/sr7hUDtS8qQc\nS/XilElMvMCx7n+nE+EJ5jWsUlr1EQ1LCMiK36WISNPPFMgWO9+RbkjMe6du\nfIJyElN+7UTnZ0YjrGRxV1q6YswNYSL0Ys5EV/KaGSu/zYHe4ZtJf272jFr8\nBN/iKxEOUHv3ZeBFzmzO1lVlYPx5Zz7MuGX7TOeW07fsdLezfqxnIEZ4EVBs\ni1Cm88BiOG4l4jk4K3FWgAGMDJXkQlTLYxTGZwA3oBjkWPPR3+veGr+I1mDQ\n4VOPrSWsFefLKzJhLd/+MH1J6cw+laUNT5kRPoIqwmbxLkBN0K1MlY5LpHDw\n/ZZjCor8BjT+CbEVjuJh3HuiLi368k3qnE4A3OvbGez+r9oRZYuo4GlfrEbZ\nDlg7BBUM9q8AAowR6uglkwUfnddoQQ1NdwUZGedM3GnkHjOoM3ozoP5b9SyM\nrkZPdzFgYOTFL6njwbvCz4seofzqxNwR9crji6cnxz74LJnPYXCLZhFJIgs4\nYPrUF0Xa+xzYG7XvjR3BrxBClOkGLrhjr9lTXPlSRF3RC9tG7BRsekpRqAZx\nCf5E\r\n=tlGa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSU/HCZTNOCu7J2bqCDsEwN4XrT7vW4Dk8IMFBUpLtLQIgQGan+Y9sSqGqubOVEdDkXHZJ6zBXK3zrqjFduzutSxo="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.db03bb6.0_1643325576601_0.8582364490105603"},"_hasShrinkwrap":false},"1.31.1--canary.577.26f3146.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.26f3146.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"26f31465067f7520bb254743579ab9312ba98b08","_id":"@atk/mise-ui@1.31.1--canary.577.26f3146.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-e4quNcjNEu4od11Fd/wyrna2sWZjeb/ZJvpa3XrVhJOo3ddQjzIkXT4/L9sMRvXFWxvGpy2jDviiFi6NRzCeIA==","shasum":"e2af67fed0f6f37b798503433215ee95255841b6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.26f3146.0.tgz","fileCount":754,"unpackedSize":1592016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8yliCRA9TVsSAnZWagAAfZIP/ivD8nGK9LOzQsdVJ2pq\niERG5ad2TthX5lK0pQTdSoP2eIEgfZ3b8lgrlH1CCLd8ADdcFCoknpqRSo0q\nXh+NrUlcKWAx+6AoBdBU+h10+RdturDfzKiTGGJYaCKl7ktxHVnF5h+0Iljw\n/dJsJ+n7r2yKtqWhrPInrMUSK5h9WndTRCPcaRo4DPERw6rpQrIVLpgF9WJE\npHVDu8lsB7VeMoicvb/o+UQdClfcN2afNc2qkSpILdMJFKmSJENrf+Weiz6v\nriFpvdLbj6iBigo9nx7tPeQ0Pcdwi6LkYvGqKInebpwOvHbere15jT8MSFif\nNuHeeNv8Em19O7v48ZYlsHgz0hNYbkvdva2qYqDSFzVkFpolmM5Gd4Bg+ff5\nmRNLJ0N9QtAxp67wXjgazk2YG9zhIJXl8xJJ+XavwpPQa2EgAa2yKWaUkI1y\ncB8rnG2Rc0nRGrp/csF948Hm9+TJQhW33n6V7xKeh6HVWyrXA7Th25olMbcv\nIzYtaIfCcg9QQ7koPZoW8TCjCBIyoTWa7Y8bpZMa+fqyXPEoz+3ZeIh6EXmO\nWxcrBwaPjb3TT0zLirS73oANGb5CIlAUv9OKvHmGION/UKukAGSLL/c4VtL5\nAcM4kArba1IrYT52YWCSgFC5SGC1eNLjy26G7KnTfbis3WVep2HQMQHayicI\nat6Q\r\n=XuAA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEcNn4TeyjNTXurP+6cM7QV4ex7ASNbyZR0tVfUjLa2wIhANP5VpvBq7WWnvQCmhWC6qW+hrtFolzbybvMbx1WA9cP"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.26f3146.0_1643325794461_0.2653752976388939"},"_hasShrinkwrap":false},"1.31.1--canary.577.84ec435.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.84ec435.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"84ec435ec77de6276bf4bf630a8690d638c35ee1","_id":"@atk/mise-ui@1.31.1--canary.577.84ec435.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-cKHz1gRz2HSG0BreePdlwe89j3EOmVgNLNTuW9ei8Tg+VWnVwYZ43KgLiPbGqgf03IisVZi0cAq7J0URIHf2Zw==","shasum":"6be8c30483e2d35f1e374e0fef7d55c433051508","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.84ec435.0.tgz","fileCount":754,"unpackedSize":1592055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8yohCRA9TVsSAnZWagAA5hQP/jsDtqE0n9CoiPNollfz\nDnAl/DHTltZdD7nIERprfwzSdnd0q/hi/dqVlsDO3o+Wdb5AQ8znS08tORXs\nWxMtYQTIngxVauG/uAStGbqGXPYJOkpoUML4rMbpy55gVUeFGVpQqIH7uKH9\nmWZR1osCe8fmrw3jW3TjQmLr2J8YKHqi4idoo7buq5U8HaEx/eK4SJ6+n8jR\n2KpQu9tDN1zw7wnN7Mj4tUAJB2A4+qSxU9hNTr7MvBBH1bQsIFtjGxoBSoil\ni5Q7trUb/Z/q7AhgZii9YHH0R9E+BbasH+WQos+S/Iv/lYVyWfRMqyuRlh+P\ns/PIbr++KeIlXn+kL1vn1YSxuE0DGSAc2ksQuK8EAcl9vP15UosUwNKia0tj\nmnp3Q/8M7tS20ipuJCHO1wC/CzDL8GAs5loG660eZYb3bUAGSeiOs0AtBxPr\n56HRGhkmy6FQC5B0bviT+E/Kni7YHMMvYCUlbaJkaYIrnoK6F3dY7Ru3ru/w\nkVp+iCP3IYxZIGISCT0yhmODztjkN8TZQ0VGwRwD9PIUC/uIfH5kDBh6gGHW\n0nHPF5S7gRhOxkO59OVswiC4HzlSWE9Eqzk1RvRLtV6ugn0Wv1eHGMEJQZ6q\nGDLgq/1GX0chGRsRbuCVr2Tcf5l33cmNwfCgwszC8b2ApNAKPzuEDWvWJTiA\n+GT0\r\n=vLxa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyz2RDFuHXUGrCPwkN25dbss4DKEJDGyEddLJT6KEoZwIgdiIF/OF78sHl9J7GykJr1j/y4X1FizcSDvpgmvqsvTA="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.84ec435.0_1643325985530_0.7345416790489743"},"_hasShrinkwrap":false},"1.31.1--canary.4dad25e.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.4dad25e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4dad25e1928539fa71141f7efd225d3b2d7c2f2c","_id":"@atk/mise-ui@1.31.1--canary.4dad25e.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-jZJKjG1loygFxUyOoe2c3+LmFdEtB2hePULfjPMVk3Q2vz8RuoU+kcc00S7jXJnH5BGtdnL0ecFF8lvxGDKOeQ==","shasum":"5f19939109c9307459a21c9496c9e5951561351b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.4dad25e.0.tgz","fileCount":298,"unpackedSize":1260506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8/ASCRA9TVsSAnZWagAAkW0P/R9jikJrSzEqD2OeT4AR\nRo0mFU0xvtBIcd6cdc/r60AJm0cRgs7lQ5m3ZGo8uXYmHjmb0rhuDITrumba\nvznXHHxl+rxpuPkKW3J1TFGu4oL1QU41a8JIKtZfeFyjyHBTf17rutZKabmM\n8b14G0IfkWixVuN5gD+X+l0IgcKWpo52AMTFacYInmpXpcoKsq0fR4tTlquJ\n5L6QiKLEGpSY8bXOCA+PUHxIzHWrocNFLwvptCIvHRuN2/t5JJepp3nJ8+VB\nfb1IKrUoq6zTK9I41JwXM5xOOzs+qQgzD30aH1mrRrrGUxjuZLnn+c8UU0EX\n+8FuZzvPVGonss0Vzx+BVvmO+FOdjiZL1lH9XGkdvYC3bNQFfoKh4gYqxtmt\n08F1WVxtNja5WSII3QYuQXJ29IFl8Yb2LWvb8VbDP36B74qgFxsPG+3dmN9k\n7F2mW6UpoBJBwCDOlMft8uH+cLS1qIF4KrHAZ3RulzUstj+n8QLjEP4jMLHz\nAfXEBAe7QA9UxD1Dy7Fhx5Hzer921rzHCHIBfVlAk8Ye/4dS3uHqW5xonhq/\nzd0y7kxTMsZDyuHo36hEPr/hD19iwvyr/TWWmr5vnXJDh27hultzAC/ZmCbD\nmPhrbJVCFdJ4MJsUKph+KWu92d1OCIc+pnjUv/+gUOjrYozG2+o1B50aYyVu\nmOe4\r\n=BSQ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA6Iz9b4L11VvAOr5nqBNR2NEk+bCGKQfOTpPGCakNEWAiAnregCRY5N2lmQwOkx7TkmbVUa4fZClSQ12bVglZbamw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.4dad25e.0_1643376657897_0.000009588737484689247"},"_hasShrinkwrap":false},"1.31.1--canary.577.9ce06f5.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.9ce06f5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9ce06f546aa093a2f68987813777dc2cec875a29","_id":"@atk/mise-ui@1.31.1--canary.577.9ce06f5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tCIXxaq+Rt9sWCgda6OOv761wDQ3chuCZuUVjTVehHQHDTFHTs37zNgKpV0ev/9TApz+qR5qX9gz0nlkaoqpxQ==","shasum":"fb8258fabb6e0f89b164a87396e014b1024e0128","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.9ce06f5.0.tgz","fileCount":754,"unpackedSize":1591953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9BclCRA9TVsSAnZWagAAAKkP/1efV4DHgQBKKnSWFHh0\nV2liZ2l2QOAm9wYJGbYWPBWVsf9Na4DJ5NdmsSDQnp/hUTp8rkhxa6oLrHpn\nJ/InpvuihpcifJgUE/oB7vgORqAjHdVYxiWYA+gjKgOrudPQ+85T6+ehkhlF\nUUfXWhANgUNh1ggqmEFgjdFpvhndaBuHUmeRQUYhNeCjXOQ/MJBf73CJYtaT\nR8j3zH3GeRSk2WbvyuWLRKxvdbT+1pPucXzT6Qcc57cJHFMTCcwRRHcGWIsY\nuwCLAYbV8v1DwCaE1S9aZVMzl9Stjs08Hihihgv1r42RE+tnYo9WkmESf7ju\nHh75mBw5YArwM7SwaifEbHTbNLfeDhFRz9rSEiJ09r1Q4jShsa4snqUxqD5l\nff0EMiCCV/hIxbJn1Id9cbrDsKK8KmEnw3r513OHab1ZHyzXa8V3TtXjT0hB\nJ4mFzKMihUBGHOOBSCzTph4CWe+07M6jT6wn7z6GC6RjmCo5z3yFnZTL29Fm\nytgX9QO0v4URTz4ip30UbegVeTzGZZ0OMmBZcL5xPN/aby87DYtWZJpp7s8S\nlHpkyy0w9VZf9CFimklzREQutJMN/Kxc6zUmK10DtQPnaCF1wgB9oYk120ae\naCjObiTjG9A8VL/XUTx4GmY0u/PSZ8Df4FNs6zc6rlxrqfq4T8HEc1bajtVL\nYh+L\r\n=eNxc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHcxAFW8/war1t0K+p9B7hbswhJ+IKVG28wj74MSNHI/AiEA6cOPhsQl+vMlnfzRjTshF0BUnjQs28zhWWFjpSvQKr8="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.9ce06f5.0_1643386661586_0.26559701764596233"},"_hasShrinkwrap":false},"1.31.1--canary.577.f4326fd.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.577.f4326fd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f4326fd6f03a49623ba72373238662c9e3a53d20","_id":"@atk/mise-ui@1.31.1--canary.577.f4326fd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-60IlQ0BoMeHQgnIWQ3f9LFhT0wHTMb+LINKE0QuzDTY6vjJD7gIVjN+rTBNN+AVy9cAWK/eZ+gDFlzWNiw2YuQ==","shasum":"055a797ed71a39535959d5fe0f65d14e772c1c4b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.577.f4326fd.0.tgz","fileCount":754,"unpackedSize":1591966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9B2XCRA9TVsSAnZWagAARGEP/212Sgi+jyfLnUtsO808\ny7fmsAi5mEK6DuyyKyW22aL1832Hi7B6/0ehIlQGVyGpqYEIGvZqlfBWemnD\nzpjU6FORAYijESis4E/hgYwLjScmvmfJq4yq25x39S5g4zs4EMkhC4RScwdl\nd96zFgqq7/X1P7b/I3suE/Yr7xHoKDo4q10a7re/VO85Ehj5wsXuEUzKIxg8\nAGJ+bMIGpiXHLCGQsR9fDkEUutzVSp6OvhX596cSkiPVle0MXrHl//6ntvKV\neteeb17AdsqAaVI34qJXMF6Fhd99ElcDfJzvmbqPhzgLQDywfLsw3ujRSqA1\nkGXpm+z5r4Bl+l/pr93XU6u5hxhyXxJX3Hubb1SKtHI6QZv8BXSRgkbH2zuc\nEQZDphr7mDSL4s97Zal2piN1pkRMEwD9ArFJNigI7WxqdbVumrMX8C3/GuQi\ngohumHa32ExjwyOeWpKM4MuhCU+Ai2n8QJ91wmEwFiL7p7JnFdmMOss14elE\nYLakv3uDkmqRDt9v8S92KwEjjjfEOZHDBZ7clmBqjIrpkvovdWK59asbMYDR\nZOsZFG61FoaBVEoeXHJVhqd7wZeTnm+v2JxcINnm9lAG1GCi8LDwd4UW2jne\nR4RuZGYGxAvcG438c+QTvUCJ/3pAYKZxz0GWyxto2110f+Dt+oKdfNXgrlYT\nKWkj\r\n=+slf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGlCyilxyVjErmhsE1QhMZmpMQxZ/XoerahSbV64ousoAiAvUlM5HF/ifh08Gkpb6fJAbN6U9np+KQLW8a2kByy4EQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.577.f4326fd.0_1643388311278_0.21681928929818572"},"_hasShrinkwrap":false},"1.31.1--canary.cdeda3c.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.cdeda3c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cdeda3ce29368944c87df5211c75d64c7d990764","_id":"@atk/mise-ui@1.31.1--canary.cdeda3c.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-IxDxSjzXgBBdUVjxnmHkp1OfKlKpkG+OebonRNYe4frX5QcXKOPkp8VpA3AbYbfUkj/yuhlCjEB5kPWcBZuUGQ==","shasum":"8a3a5aa506169b5f5d3fabe3f24c70495ac800a5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.cdeda3c.0.tgz","fileCount":298,"unpackedSize":1260545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9CT1CRA9TVsSAnZWagAAr84P/2U5carQSXrrtZZKevWk\nRxDOEADESjzwOGBxMZMRW43I1tsRpjjoi6akjMvX9ONGKePvI6ajpHckK4C3\nIDKDZfSxDmYbUVSpLNQrpPdKdPPD1/QVQavZjGnjNNAo7iKxGZ1fipuh4EcL\nCtH4CU32vzaoltaQTkvnqMVa48qvCX4vs+2FB2Yg0Ov+uUN7f+JxjQkOqbyY\nGI2NNMAuU0Be+52W6JU4ZqxJmQ0wlQDq9P8/NWb9VJQ0xSrvE8bmEqPiYh4h\nBSQbVFFos7pevwWI6v76fLwo/5jDvhhHLTq/195MMmk2zmdCmoTobjDfPN6N\nWRXdaGLfu4yd6XXlE/rL+NWkkDKLT40GM7TRvXqQpgm80/NEmc4emHw1rTUT\nmqJNQEn0CgDXI1rTprNV9doGB2gIb4ZCqJfpAT3DZibG/RPu/i88y20GI4No\nnG9le9+Cfu7QlaLG/o0YgLG4dIZIsTXBIq7xxE1Cs/1dsn8+KhndEl5lrjVz\ncEuEvzs/wbgfotobUJb3KpyNKg/OzpkEF5eAbiV+lHSnvbtmj/M8gToslMXF\nu8ZHCk9yUI0/1wtKgfsbA5L8RhyzP9t2mcAwmFO4fFH2KlDKNQChwBQaQZi1\njxJL7nBro4MfPkzC246DFYFX0OV1kwhNlHCNAtQneQZZaK9cBef6YYN96wWb\nkfgU\r\n=LTAM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEGMUKVYh+5H8FJj8gykDOL3cCs6ravMRD4rrwPb3C/gIhAP3y+2Haa2ZqmuFYDOIoZascHnvwMrWjnOsi4TH+Fsvt"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.cdeda3c.0_1643390197232_0.8512973537580111"},"_hasShrinkwrap":false},"1.31.1--canary.cdeda3c.1":{"name":"@atk/mise-ui","version":"1.31.1--canary.cdeda3c.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cdeda3ce29368944c87df5211c75d64c7d990764","_id":"@atk/mise-ui@1.31.1--canary.cdeda3c.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-ZFu0attRm+1BV1agr2Ke1a4vKG7mXMgm7A3tosvzqMQH9tDumWQPlWAqr0nKHQABdIHzvo+PFyOk6hwP5uWfPw==","shasum":"62dd2918acd39bc5575d43bdd8ecdf1199844f32","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.cdeda3c.1.tgz","fileCount":298,"unpackedSize":1262108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9C5CCRA9TVsSAnZWagAAOI8P/1apANO4rbVtBE/WIYlF\nQ1c6WMIyNqJ5HVpGRxEM2Lq3qv0IftuJbb0Rai+7d0k/PjYW3n0FKPFpumOy\nOHmdbzU0o+g1jeahWHkNdnIsFnK9Y2NJMK2pR985HYUNCAUVR8dYWkGxg7/4\ndy0mY+ufNE0szkJqRRe4fzNrm6QkuJR7P79UqRjjhbNl4xYgfitGWLxUevsZ\nG42dnuRq7+rgTQ15WxvshvTTCLCWcnkijSOtPRWHtjWr5cCxm61mItkcm1I0\n6hzikLNZ9ztVwwpnuuY4Yr2oqJcvbXCunqFKzBDIrdD21hTY/jQhtcAGjlXf\ncGzbcx/6hoyFk1FbMQwWGM+koGMvw13ErahZjinRvQco1A87pF6ezFQh5eT3\n9SGAKGjAaiqiq1TTkmgGqo8TraNn0DOd6cuH2k6aTahwA7PxKRHYaI4aMVSd\n6J0TMg4Rewjqq0/v0lmTiB+cRMOV//Z78VEDEAhwWRrjPuwXFC416Ca7ZQDi\njLr3LBpFDVo2o68qyj0uvIFpIXBeSUbhOyubfYs2uHS55CVQtenLePxQ27SP\nz1zye5KjNTZc5zp1S7ZIMCb0sIuLh/3xKfn3vhiVZ7czaPsdM6vrTuKiMgVP\nK2bp2Gpg4pCAFulLZQfpy4rluVZoxnr+fyNG3r6BXQ7+EH52ZgvAZK/hPp39\nZ/8L\r\n=PILW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAPUKrs7/u+68lJ2AIz2VwHbCmyY7fkJWakOEOHk1N7QAiEAoH7kTF/SAs6BN8llemZdwPUUE986Ow7YKYYqWG5OCEs="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.cdeda3c.1_1643392578631_0.05585251098509203"},"_hasShrinkwrap":false},"1.31.1--canary.52a9259.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.52a9259.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"52a92598ac453fd14c057b26d9413247ce513ba0","_id":"@atk/mise-ui@1.31.1--canary.52a9259.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-j94250TvKje+GpOcj204L/cZ8XxVy5euWyfPwN2LnMQA93ugtKrr09GJB2AwI6I95eQDKdolpcme+urgxatkpw==","shasum":"fb7ec7ea6d855ed44b2d9a361106ada298ba2564","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.52a9259.0.tgz","fileCount":298,"unpackedSize":1260697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh99fkCRA9TVsSAnZWagAANX0QAIUZUZK8ufMwv/zjaDC0\nLa0NlXczv8bkLIFmpnyptmP7ZbKZzNCtiS8amGX+SYjmVEgluhm3sDRuhd6p\nFW1w9WojUDAc7RYvWVLMBZrJq3yZ2b06gHjhjMXiYAweKz79mhjCMikavvmu\nJlrZrcT1FcBg9+ZegAVmRY5nsVTT3Tseph2XrL/+vdK4rCfHnO7xK6RrXnpU\nz5VrBRaUelDHza+sRk9qvtFJY/ImLlVFk2pPgPgXIyr8Ew78PU34tXwEAhXY\ndT6izkI3MrpiEqxGrIKjEkf3MiFLnrLcSdvL2DERz7leRBrxjne+e5CY7hf5\na1keVCrtkSqMXjDIPQZ+6opFyZTKOQWLaYaDdQqKFXzY3uJ66/FXANeoSQiy\nXTX1FbVGMvJ6Q3t+Vw7b2GvgA9L6uv47020pN44dWzU2h06+KMu1P/j2ipZ7\n89oOi7mZ7A0OfSnxFizSAQLUxkr6lrhPmqnAAJF7PtYeQpjAMj+ZECSHIp3/\ncr/HbEmfMNv/hBiOvGSFbBHbpRBfb8fT8sd01qpReyvxRLz+7w+nxVnM5Z08\nmofGoAyzBiEq9rvt+x1LKgfClSiXi+tpXPChHtF0qx8WyYHgYgZBU/k+5WDh\n8pGbAt+hF5TehdU3tWgMQYWFmJEVuYl//YaLNShWOITEIAiob7bf198fR5Mu\nLZxA\r\n=5SU4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2d9eoenxXyejf0RZ6yvkKlmPf7iaSWbj1s6thkdLGFgIhAJDmSW54AMznLIbqFRdRCFgXw+V36FaUjnfj4oVBaCT8"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.52a9259.0_1643632612091_0.16603486948387625"},"_hasShrinkwrap":false},"1.31.1--canary.a23b9bd.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.a23b9bd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a23b9bd03d01314b57ce6b17087ae5e3af8d596a","_id":"@atk/mise-ui@1.31.1--canary.a23b9bd.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-KSQ+oRHU7oww76hsvcJwDzlXsEssCZpz6nhAXibGjSdo2kFrh24tXjMTTOZrNOo+XhnQi8g46Nmb6xp662vasA==","shasum":"78715711cacf54f06db7520c7e0bc4d97c7ff65a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.a23b9bd.0.tgz","fileCount":291,"unpackedSize":1270305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9+/wCRA9TVsSAnZWagAAj/QP/i242HeONwKp3pcb9qiJ\nngvc06WBsF+H6TcGoy9wIhVL4zo5wuDwNW5nuXEHrq++I53gQpZk3Q6KIGGs\nxMQRcmoyWHroBkgZEkyjN/LdK7548pthrPrJNmVxMdjSRWxaIJjQRe8CDGBY\nqKZC3EisGpdGHiMfGQEC5gbOsmtmx+slQ6P99C7jC9M/eweW3VFxOuZlq+0N\nIspbOr1LvJ4ozcLSbTihbYVUh0YPlzgMAmbvwfRX3Zr/kjWOL69x1yxUFgB+\nGtc2xTb4gfX1XGItLJkU2vURWfZR2JvOi61G3/RCpEJtytAHSIQVmBcOZJdr\nEUqLGOdkG/GwlIXI2jLTfwURb54b0UXzfvMilSCBsObHSHbioIDIwcoOSY/R\nXgwbgvQNQaq6/DrmhRVrxhC5CtC2Qz1nQTwRCqI4GY7gltj8GjlcuUf42Pz7\n76eSI8SGoMzrPKVjNPocnlEwmV23skgML+voRS69YgTiXFSeqbBf0aigTcj8\nFRIOikOtg6eGfRSytCih5oICHlyhWmxDl8Eg+s32hW8ahW87tpk60VzALHtx\n83wUOW/r2E5tQ2ALkeh1Q6ivTHbTewB4XuBp81SWVPYaxn3+CVpCfv4zl7QM\nyKGQm6iUNL/Vv1K/Hg1jY5w1KNLpz1xnqs3RgRhXmcnV5D4uzKmO7toKL0XL\nnhgG\r\n=u9Oa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcysZD/mnXJrRTvpVu4UBbDa72Rea0UGCAe5xGeTrphwIhAJFQp14sVknFn9GKOAO2TUtQ0vON2pTZ/4VOsKohHDRI"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.a23b9bd.0_1643638768778_0.06939506181696098"},"_hasShrinkwrap":false},"1.31.1--canary.a23b9bd.1":{"name":"@atk/mise-ui","version":"1.31.1--canary.a23b9bd.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a23b9bd03d01314b57ce6b17087ae5e3af8d596a","_id":"@atk/mise-ui@1.31.1--canary.a23b9bd.1","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-lWLfqGj1Lv7vMEJXwbSq29SfkCLrO4E1Xf3/UkdB6DgAVBV+3EmTr6WJosU61bYTfurFHeuVtvE/OPLvF4pFqw==","shasum":"e7dcf0adb971d5027d812a7c4f92d66f906e9c22","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.a23b9bd.1.tgz","fileCount":291,"unpackedSize":1269974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/DJCRA9TVsSAnZWagAAodUP/2uDGXSHdOE5gQGZrVjP\nEDSfXs6EtdA5EQCc/cSHsArwEohZ8TL2BwTkv8Nk3WUOFrDRjWk3LQW4l6T0\nHJIWz31QvHTlDKxnN/NLwAK+dG/gfOjKMfUn9f/fI/gdTYcNIlZ/kmwBeUdh\nubx9FsJwNxDMpd1qVzG2tjmgyxNPYQeR6LjJOn58id7MJtwRPtAywB9wQLvE\n6i+KoH963KmgW5Iv6plqt1GeTKCcSLeM+8urrS6nLqG5rL8kfo2LYp/h0s/x\nGJQaKJlHs2aEcNBp5jmhX71ix7rOHtdh2dWbVLFoqbN/LAaRU8ZHcXVot3Hz\nzZbbrMg23cqIZJXdemWGsXr+BCwfNMJ75bN4YbuGKZNRz4v5VkJ8ORhlOisa\naw6CBDcVK9byJdChxF1D2OW+Q9+dmzAtO/FwNEI4tJJPAsI1y89Ap1AC3pBU\nHCzYnpbZ5o3yUay++tt2wBCtzCTqtYo2jQIWEpyJaTvClAHuOz5vFiM5lL0i\nfMPv+yRv/Sa91FfM8aRu//eaFAvzQTBHbYHYzwJQp9O5zwE9tMrRgP+rTaxu\nH9EqChhWsaVurDtYzJ7qVWBIukXGNfXcOQP+Iw+O5on9oTnkL9JHaP+T0ZkP\nqd498cq+5sisIcr89au7w9slClnOu+mPBbUtCri+Ze4/HMpoWLAPUaO1I5Zc\nnaPb\r\n=rMhS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBSl/phpcRYUdpfLKVyxGDkPB5L49VgLgJOZ0G5+2fO8AiAVcEE6wEoAX0wzcI2x0ORiyAhDo8vsQPnjFvh5n7dPdA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.a23b9bd.1_1643638985484_0.29823124207702234"},"_hasShrinkwrap":false},"1.31.1--canary.264d937.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.264d937.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"264d937edc545edf278e9c96f1ad8311c6213305","_id":"@atk/mise-ui@1.31.1--canary.264d937.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-mTmFS1iKEZhNlSOdMNm/JW0eM3+iHmenMhtyAO014bdW3B06eeKVjhN784buPTAQvxxrM8OeAd4DI6O5as0bPA==","shasum":"a40a67f0e85270d12a4273f1802b3dcf342b338e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.264d937.0.tgz","fileCount":291,"unpackedSize":1270269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/IBCRA9TVsSAnZWagAAYAkP/A09pXz/rFIZe74yTuXw\nLcrkRgUP1LN9bJPHd1K28WDxNR9L0sJalofAtpwrKiiWmhhA7rsrsUsp96VX\nCX4uloh+x276BvrpCjv791qkIKGOobwx6KMmtm7nl2VuBvP/AK7Kv7U0CuWy\nXLQQWxtrnCczT/Cm+1LSLiQn8a6C4PmQlPQm+UYVPSVi01zw+p4FJ3IT+tJf\nS3U3eII7t6ZXa4Et3pB6Oeqn4uFGqIeBZBO0O6GYY/K6++D69GJa4MqdwqLY\nxKCILMlzlox61bjDlaD08ux1jgQf+FVK7cL67RZo87U7RHarW1OHmXAcTp1+\nIa/z9DZS2xxM2DvTsqyKcAG1RVlXGrq5tjCwvECly51E9RV3J6YQe6lqIAr+\n7S0X5mZK0w1DlEXm0C3m2ICvn+TxOkJpmZxDpZO9d6Rjub8hE6q8hYb4xm6X\ns/xZkqhAx4LHnRRMwbL8n0mdsJ2yByjV/XKAYNyECo97RIyvMYqdRF5kWXSk\nNXkGbXlhxsSvEZsG340/2yoyBHYrFwdS/7esgKvuAlF+1emMkBHhMymtj/yA\nnV9ArtLJbnpAKkjHYiOQeBSuzjydPaAC6TbaPPJWsikjOU58oHaKiPrsApPP\nJWU5pdK70VFaGWoCe0gBds8x/CDCIgHj/qx4BS3yxUEguXPLDv2DkcSclrAD\nKV3S\r\n=Rlyy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFOn+WFGZqAXneoYgUxZA/qAaw7fTvngkQf9V8dZPQUgAiAUkSvt/AuKItbzT2e2M00sJXzfPMdGRdSyxMJkj58Crw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.264d937.0_1643639297513_0.0036871132667326556"},"_hasShrinkwrap":false},"1.31.1--canary.a23b9bd.2":{"name":"@atk/mise-ui","version":"1.31.1--canary.a23b9bd.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a23b9bd03d01314b57ce6b17087ae5e3af8d596a","_id":"@atk/mise-ui@1.31.1--canary.a23b9bd.2","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-q5dXRp4CNh+IUvLzN0naa8Ng0qw9TfyZl+fnbJVpWdQgTvM4kDZOHLenG5bNzkZnCXBtJct4QI8n+k/Vbr8wFQ==","shasum":"299e4b2541b3fca6f5de98b3d842fceaa2e2ea5f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.a23b9bd.2.tgz","fileCount":291,"unpackedSize":1269974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/PHCRA9TVsSAnZWagAABocP/jurSpSK3RyUa4CmkXfS\n1GDh6yT+siAWZCiCw1fsM75q7tkjAGAiC9NzsDI55ZWLiawnv94K5403JF9x\nm64bmTXzF8tpyEoAp6VhMp1l7W/dTQVIiqGCs0EaK2vTgB/lz6gBeCYHiedl\nfQPxeq4KdOZ17S7Mmma0TgNihH5UBe0Oj2GI6tga4/KqqQNFRNpGvpMPLJMb\nzg9tzfdWYpjd5M7RBQHRWQggOQhbbGhYixD3RrDXFe7ZDKt14BSFb3ZV9DD6\nW1iesVgGPuDi41jMWqkcfyz51X+23KTKuUKPv6gI0W6Ar3mSipkylMRj1VFE\n40ORfWd1e6aleDQMWuGdW3IHU1FKI+I9bBt1m4zzmARR3I06BmUx9zYOO2Pg\nGSMIg8BPtrVHn+qudTrGIPRUoEBkkRTNhojhH8s6SBxHLdndIpuctQbuMl7U\nYjpvMLshcE6G4Ihx6QUZu2ntn9/t9b+jx83m7fxkkspxYXFWxR7vdSiB96LY\nH14Vii0//C85MQnFd47mjNqoASUmllXYVO/SGg4FkahZ1iKeAhbx0sENuOfz\nUVBCusbrZ8NnUjdge+JtHgL7atkpubcLOlNRCl9WK5WpghnNuOpTWOakGp+Y\nZV8CbfcDpU8fLRSZ7YgY1GehiKZMJX6lXKyzBZWXcjvjWMS39G+1360JWxm1\nhHOC\r\n=mN8r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDlB6urk44zlc+7X0MwK5HzfpRDmi+v7wVLriiW3RrMZAiBTFqf+XAfJDsvxAv2ww6Ti/gAgWPsmzjD8hd+vOxG2Ow=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.a23b9bd.2_1643639751710_0.4237165872143356"},"_hasShrinkwrap":false},"1.31.1--canary.ac4f90c.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.ac4f90c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac4f90c538c6bfc1e77d0ce72631be9ecf16d1c7","_id":"@atk/mise-ui@1.31.1--canary.ac4f90c.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-s8OzVErVAc+c5AjAIwFcZ0AVMUMV23ttXinnVIW3y4CCxkhIOqxPSly6aNVwJyo081jjwbQAltDrvw3JwO9Qxg==","shasum":"35a76ffcb59c81dd30c40c205387830e3c315752","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.ac4f90c.0.tgz","fileCount":291,"unpackedSize":1270269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/TbCRA9TVsSAnZWagAALoYP/jLdSG5CUImXQsal+FON\n3fUCVImyYTquZOKfbFrNtrX2g7dBaqzL6YuyAYe4SHl29Z2CC1aMP+xsXpm2\nMW17PF/D60wzPIt441Prp8zjg7FO+whjTD0AquZE8qVpDbt5g771L+L43i9f\n+Mceium2zeXkVfkA2dmCxOj2uzKbvYI9TGLZ9GnWm7PdgkaenW/552L5XPTB\neIo97pGSQ34LIWjFsPMdjCkigd1uiQAkqnVahkWyvB9BHXArSZnk4gGdbdhj\nUvK+WVIPyAE/ybHhs2+WMS3CBEpA6GbWPjp20guMEq9fr5br4bJ7Bwm0V5sL\ny8816aNrgcvyMYlfirmB8vzkuWPn4yTxh3tABOSa18wPiU5RyO0YFsXRvz8Q\nSWiR1pT7GMrvaFVhtV7Ff6LnKr2+0b4Xxnyma3d7OOV+4TKD1QURD5DWW/VC\nzDikKPcIDYuNkZNheEVkSHWMQcyaAWjDPfqEJ/1IEvJrARUtPMubSz5kCFPF\nwWyBty9dcJLMnLO9YzpjtE8OVadqaLqOFRK36LfOi8kqI8Y+ya5k/NGGu59V\nZL1IAUFDMtiThsWfk1IbTOQLptDHxdnZTs/katSB9dlJpIZzNL7slZIuWbuL\n9NOm9goW/RspUOM93p0QcuBI32EUts+hgj3l4jnZXAe2EzKK3aLMDhvAiXfB\nNE5s\r\n=xtjq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADCAINg4mVXHWE5xcC88wkYNnaJxKqBAekh57+bprHKAiBV6f8h2oMzaLOLBvHZ0+IK4WLfH0Zuk7XOHf5CDwExsw=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.ac4f90c.0_1643640027039_0.4663442784700802"},"_hasShrinkwrap":false},"1.31.1--canary.9d2e299.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.9d2e299.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9d2e2990ba6748239e4ce8ff01c3a041b986b77d","_id":"@atk/mise-ui@1.31.1--canary.9d2e299.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-OtarKIF+WaCnatpPMCUx1m6YR8vIbKLDvBY04pCIZngW7+KbzGA1EA9/KNCCRaGLfyM0C8sSz9do0y7IBLU0nw==","shasum":"1f5a34cb64ad0751757cdb03751e2508c6f98a9c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.9d2e299.0.tgz","fileCount":291,"unpackedSize":1274686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/fsCRA9TVsSAnZWagAAGqgP/3AM4C5YL8SsMC/udQps\nnUoL4F7XZpjeJlKT2Doto0JDzigCKYvwhQQbF+lgBqmnvVTMm+9L4FOxT1/D\ne/K49jxQaRc3tY2w1DGSoDBvsxazOtC4ehGOjuEheu/8zMZfawHl3B/5pMLc\n2wc4YKe9tQxHgt/KDGcW0tR6oAELBCYxbEbVeWJqb0EJPlkc03udlrxf0zHx\nPQi3gawnK+MQ23xFvKHS/JSd95ixkjFejEjgNuMAqq5O767lBRKY9iMDs3Ho\nvMm0POGePsoXyXmPKJUn875YTFDDyVvOLBfeeZ/gcw2KF32bHaR+q+NlqFcY\nuPRMxwvjzMaQVORvrcPILMS5CNFtrvGVEcadBXvN4GQEbr1aZecIO0fSal/P\nvogB2x0trZHHJDN4wz8fQAhUFArJpidSHMcwGUZCOmo+MhMqJJOK04z0BE/7\nFqf3hRHbWunk35/lu+KEAAkJviZCTK1bu6cFl51dnQ5LoxBUzy2n+Mu3VEHB\nAybY++WwqrbQwNbFyixhScrvI90caZ0F6gVGCcVXzm9hlHi6yINhrp8RAUjU\nUpfWgtehlY4Pxie7gfga6XXokwmB08qB6X/OBLWVMU1qLiiTq68ePsdepI57\nYOPiI5qEKKu507fl21usZa8IuY+AnRAskTZqn+uXJ201dvLxrEDyuHhOUSEZ\nfRGa\r\n=/Ici\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCw6GEZiRAQDyj3Kgx4g2m8t/UMWFHPFAL2THObN1sj0AIhAIK06gIOsbXjmV0zC2Ud+QaI10nD6HaGyKOMlt52Outv"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.9d2e299.0_1643640812025_0.2539398333753735"},"_hasShrinkwrap":false},"1.31.1--canary.8c53c09.0":{"name":"@atk/mise-ui","version":"1.31.1--canary.8c53c09.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8c53c09e0401162dfc883a055c498c7b47517fca","_id":"@atk/mise-ui@1.31.1--canary.8c53c09.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-vwO40ikvnhneBrPYe7gGyMS4uQWmOSpqvT1xrEnfdlPnavJGzIJDQukdAJZApwdoHdF5fHRmehNP7q3pxpCOHg==","shasum":"7e6782706e49e2b96e78e807c82ebd8bfe2ce133","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.31.1--canary.8c53c09.0.tgz","fileCount":291,"unpackedSize":1274686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9/lcCRA9TVsSAnZWagAArogQAJ0SVaRD8LGPmvpk+p/k\nB/gz0rrQIGdOyrnQNlQBWBakK2pIU5jL+qaiN0ed7X0hzyIhE9KWyezvqZFy\nC6FS3xj00AMOk5TVkvH2wOX7kBhYvBNfshFo3d3s2UekEHcZiKvnxKsuQFNa\nh5I/t2Gehs+1cplxNsDwIgadjdmdQph1uxGB8WQ1vd9+ojOmsVOgH6OlT+YP\nhdDd0U/NSJ7DN9XuIYmqNmK9PakiWlCXlNUyuVATBeZ9BReDP5SYH5KQXnfT\njz9I5roG3cADWdPsZKeItXxPR1+ihzMZTpQ6g4l2fCap886nLbz0dbH9xjHZ\n+tFX87c03UwlrB3FvpKkEOGivh51G4y1BVH/JGai2vzVZAiE/zX4KDqNY78v\nI/0Lq68f9W02+RSSRinQGA0M/U6TFJkxHEJmcBj56AinH6TErlkLA1FljFF/\ntra0pIoIYL8uSxHbpwtc1l2Qj1AgFquSMUeQw09EuAIi6K/EvH4v+/rN1KS7\nPktR0xBbA3k9UaXwyboQG4W5NkZI/OWoUJsrRO/kV3HsD/dIWBjK4r9wLrXd\nTumPg6F7zojtw6vvntAkNkgIISBJy3QH1BiebHRmiGgxY9gcppg0yU40/NHg\n26DFz/e99DuYo71ae0DOuMGGXQxNv9osb1pjJ7Q61s8s37x7NhJ9+2OMpfov\nlIHU\r\n=+Kez\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDnW8N0idv5rG3+1HtvYWq4UijrpqTh1m+Pd61DaHa1lAiEAhBS7gCWeez0VIgfJwPOj6t+jN/h8zqCuJaRECZhVzdE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.31.1--canary.8c53c09.0_1643641180508_0.05232279187193822"},"_hasShrinkwrap":false},"1.32.0":{"name":"@atk/mise-ui","version":"1.32.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"61cd3281bb35c1cc4d2370fd6472761ed10dc8d9","_id":"@atk/mise-ui@1.32.0","_nodeVersion":"12.22.9","_npmVersion":"6.14.15","dist":{"integrity":"sha512-bBMy7fr6NVBOnnatj5V23wKYrHrpBIwTNJsAqgNZ06zwSRF1493R2AMHgopvQe1yBuz5IH0YCfYj9+WEXAw2aw==","shasum":"fdd638325034073ec129697235d4653f3cbe749b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.0.tgz","fileCount":728,"unpackedSize":1515147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+A50CRA9TVsSAnZWagAAjW0P/3+Lb0rvN5RzLGwuwzN0\nmzsr2zJpTE1GknDDBquhkXEZ5hwt/+yGyiicWjH5M+mVTqcGoNxcY3IJprtp\nSTDj/cmkoa0W181/RHkpmT5FGUgVxJNJbvJUR+mCo3Fsy8mpP/D+JoUc7M8v\nMKKebtkrm9oZLeKjnAY2e51YFkMHdF5wCE8WAStQOcCSSLNN80VIK8LSQUhj\nnEsG0ZTJCpYTZArUMUu0/1Mo/XnkYr/8murIxugvS4vKOA2IBmjl8kIaDiF/\nrySV4ZdMNy62hUXWVYHd+RxalcXRlgGMuJZD9Ip4WUFyykuIdiLRgkVnzh18\nGw1r1y0B1V6BgHhLhUg+Z7fMaLMu4T6dmTnu0cRg5gjq8t8zcWq7MitfpPdU\nKfU6DpkJb+PJLetWXxVIqfTZF7L529jGuQQ2VUmU5ObBoedSDN/Hcby42JUe\ngkPqCd/DvKKPygylHKn+ukVpBJe5g1pmWMKck0i28b6y/Bq3QfygJce7uUJU\nusOXsgtQmZX8OcTOYBmlPO+PHOIcB91+z190ej0oQ0PaLeeuqGfHZwXXwdYl\nVBCztAGYSS59FbWAKVfweBfGTOr7rBoheQks6ZUDU5nSARwjEpVuIoY9Ievp\nqfnKqUPRt5w7vZ4EgvtKE0gPjr0/fkDUL3eTAto11JB/aoRGvVcK0LiN1dCw\nbZj0\r\n=0N+o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDozhLX+I2H1NfvjjynNYjLN05OSsHa3XU2Wd23O5CcXQIhAP/91gpF49DUwqQIcteioIlqZd9GpApZEO6MXgd8lOSy"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.0_1643646579942_0.9517048525863432"},"_hasShrinkwrap":false},"1.32.1--canary.dc30c1b.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.dc30c1b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc30c1be52b39850600134ddef6903f9adc49a7a","_id":"@atk/mise-ui@1.32.1--canary.dc30c1b.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-5O4hVoeW1rZyp19aX2ZR90Nte7S/+dNXaBNG1Ec8S61SjKcuGlM/Uw/UjI2WGxZTEWBT/GSKOpfxF44Eb3nTjA==","shasum":"c8b8c7a53e5d570916109f277e577f20c9cc6210","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.dc30c1b.0.tgz","fileCount":297,"unpackedSize":1303352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+EB3CRA9TVsSAnZWagAA7RwQAKM7CVL+CQygfpJ37wKA\nTrN3dMXMT9sdfjMiSjcobQCaQce5+AhdxPpAB0C+uV0XdKf9rTOHVEHx8mZa\nTY5dCLu236jw9VTegggA9wfeZM02kyI7XZSPibNsZLzxa+iif3/1CVu0H/iq\nbYYTkMkBwhtige0+Y/SUfbuXmCHh9SJmCmz3TJYogtmrSsVrJEL+yK9YK26U\nx7Iay5/QGHb5vrhrC/fevwCsl+LSu3dGlLwSPBoy1om0zhuA3dKhRIPSUbGv\nyWkXekmkdtnYmHdmXWiRxXY8J3l9TFSxe4ezx6pM/mfRLFY7irMqflXZzuQk\nkEz5YW1LEIZnBe9dru6L/YmZFpvPNTabt4v5OzQWQ4WXOb+J4F+9D/JtrQSc\nNp1FN6wczAk3JWKkyNWIGCtAV56XvBATQieLM8oREQOlhBKjrsdmweD608li\nE5pT9sNgGeTyCYGahaV72ySDyV73j6AoG8aSSuoTk2bTssJSdrw1HgH0vKB3\nC7IZ0MXvOaHIdutaY8G2HO7OyV3JaQzm39h14NyPtBoVOTLzeyyiBRu69FML\nP4f+UtVu8lx/M/7H+Z16LKdqNLWhZT1wRttqF+POkCgemWBHXRtq3aCCMVkr\n4gZ+tTyxYlmtKXbElUO785B77o6+Cr3fUUuUsIA9uGRgoj3RCG1tcDehpcI+\n2a3a\r\n=74OZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpfLD6Rz8ugXgNGeMSzxSkM6A82jG65ohQqP7h2NSjDAiEA1rV9CZpEsbjp4C8GNDvWcZXSZ9Lqai9SVSmwCAs3kHE="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.dc30c1b.0_1643659383147_0.5699234830569038"},"_hasShrinkwrap":false},"1.32.1--canary.070e322.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.070e322.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"070e3221a3e3cd84a2eb68a53c8d4174c95c14b7","_id":"@atk/mise-ui@1.32.1--canary.070e322.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-0G4Ox0MYIw3Wupk5gjFMGqMrH7uwwwEa2O/teLgiEh0cFSLyqzkvKsQeiquUl/tZe2+12i+PG6jZu96r4INuxA==","shasum":"e7425b59e3b340a9716f70a09f1595be9bd49b29","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.070e322.0.tgz","fileCount":297,"unpackedSize":1303493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+F/bCRA9TVsSAnZWagAAt1EP/2g53fcqj6gZDLEZwraW\nNIgr5cK3IsDnC9L7rEctwaaaI5dsd/S6i8lV7ChRTg9gHmuXAHtpeqeiqfU4\nuV6B04l3ugHFi8hEDnFyLBvF2OMGOL2r1/3yNfbhN/qv49LDBqLtoWzko7Cl\n/0lJgA4FV8rFlrXgR+nFX7OVEVchngnR+gIaQWV0APJ0NFwDKowLL/RvVtiB\nWXGZbMRi8rq16X1rS5GfmTz0ZUg8CqDFajJAq3CbwKLUNeesBF2Zb3r9X/BA\ncl56lIIuhGM3DONZQUEeIeJpY+G8OtikSwDiY7Pde8EWF7bjCMHVJKBM1EhO\nf7d48gChUnGCxtw8F1g4mysu9afOuuGFqLFQd4azzyCM5rFckl46U78+qraS\nd2dJ9BobGrkKuVnOj+ifw5X6LXYCe+bNiBbgLagYl36Z3hJw7O4IqyuozLjA\nRNsqNdNlB9KCJqyD61v/cJaWxWv0dmRFDITvzKFgpvf4kAUORG6TiUSeI52n\noZkQHy3EDB0KUtxGPr+0lgVr0J/jMlrrw0HY4L1ROp7qP0Sz9tcycUUBZZoC\npD7oBWc7QPra4X4HI07jMTLcUO/O3ARrG8eyGafq+k6yLk3WzWQtyGpy+iQt\n8+oyH1aSm/4PyjXxoH0M6A4hlb18xcR6QHbpC7lP5KH36iq6V28DuBIFH2UJ\nh4MY\r\n=JB8n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCe1uc6ZKrffTKJM6ACBA8dhUNN9H9bT7dEtPEZUTozQgIhAJCDjw0s6730O8IaScmHDB3X6rXm+4NrsOYluI/BSUcD"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.070e322.0_1643667419337_0.3418981095266409"},"_hasShrinkwrap":false},"1.32.1--canary.8e2dd9a.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.8e2dd9a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8e2dd9a3111bdb17462725e9aec893b01ffb8ec6","_id":"@atk/mise-ui@1.32.1--canary.8e2dd9a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-8RmPDW2/yqwVguhCIL2sHKV52aC2zzLRbCRNg89P0nU7OPgh3yikataaMLT0lRpnk6r7pjoKc46YcQCouX0WVA==","shasum":"fffb61ccb812f405046e182cbe7a542b91ca7925","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.8e2dd9a.0.tgz","fileCount":296,"unpackedSize":1282857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+UsiCRA9TVsSAnZWagAA3R0QAJKGc9L5xqJewtTmcb7U\n9mfnQuoQj1u1oKBvI+S9LjLQ52t/X+zCpLgoxqkNR0QFgfmKXcvw/ZWZckWH\nMeusZ+4FZlR2xjqRS/Oe8g+Qd/cQ2FA4Go9xx3hE8z1EWkDNOugDGq11rtGE\nJGiQkP1vFlZObOZCEXUkcPrqepWzDGQCqaf9T5uHfcCtfjkGvj6XPuVGAQEj\ns8/aqkDm/V7HHF7uJmtnbIwKzULMdVwq8t96lOcUUvBm/VxPAyCjjH/2AGtT\no7PEGw+XIRbvNtwA4+1tw5VIHHCapiWl5OhqOCzfAnNcZlEnzxcuGUpeYWWo\n1Zw38S7ljyhw2NsZLHkaU5hQWtEn6VW0kruR7pwG+j0T6g6SfCfAqcJMWiKn\nyIMCfSb8m44bV0xdPyFN6QpbfZpw+6T/onEW6SIOIqquSTTcVXso5XLschgU\nkdh9pARssE+C5ebrh69ZZy4dcaBm8UHDW+g5scj6tr9uxt2Y6F2VQBC+AaUz\nc1x1LqKU7h/3BMaAjDbB+883Bb0qDVK8hIW16wGvwXnmoVr7XGgEJAESIHkg\ndhMnC81LB5GFqiKRQjdJs0rve6pYtJJe8Urob2pYtYCiQXS0s8MdOOZKfafz\npBA6UVErYD6d+UNGkyeAs6nnGatJMzp19X0NTox4X81OcIziKjcgfZUeyVO5\n8rjl\r\n=Yksp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDY2m3suJgBFAXnvdUWj+pk7YyY8mOoXqwD/waRWRQNyAIgQPajHD88GTTJZloxAyGCtouLXQ9Y7D1GFRplkL0OHDs="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.8e2dd9a.0_1643727649947_0.5027627353778052"},"_hasShrinkwrap":false},"1.32.1--canary.92cbc9a.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.92cbc9a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"92cbc9aa1de63efb941cc48fba737ed64c5da73a","_id":"@atk/mise-ui@1.32.1--canary.92cbc9a.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-rtoY1QmSA6bdeyiE5yUwtNcYFjcuEkDar9cy6T/M7EnwxG8HEIGfJaaIY5tQgwRmAca8piMU1D5TMtTvVytKgA==","shasum":"a3389f1b29f58f6760c2bb6487fc01dc548978f6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.92cbc9a.0.tgz","fileCount":297,"unpackedSize":1303698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+WWvCRA9TVsSAnZWagAAYkMP/2Pud9jl+RXDIINQ5Yey\ngRqXnB3DkXbLdmbbioiwlXHmQHYlXR4PCIg6HL5w5hqvm4mDCyIFCnSxlwoA\n1BB2CQ8aVsZO5Yg2zXUkCI+QT4jonnJlnLbeHD0UE65nNVCCLWadECiIu0MT\nU7RvoEjae4HfMUI4BcPGJwWPZH3wzmZggNuaY6xO251H//3AHBa+eu/jtPJ1\naR0btI6FdzsQHET8yuaYodo8KEleaqOPtfys310dza6JMpRo8z5yRrYdrGw8\nVtGCf0IvOa7XmHld6aH7LQPAA6zz4bJLg7uuZuYZGGYkAqySkNMhPCzG72I9\nd03HarnYznmw4f5xCE0xXgtgy4b/7PeCd0w44TDPFbJuf6CJi8DgEMlrlsn8\n8Jqfq5MNRY7uOsKUBs0N7hWf6FVS4TUbFcViS+WSFouI4YaSVN901T/d/+za\nJLXComYxrI+vwIfc1Kimb4DYo40cO1OqWz9W0+Ifcku52Ex8RNCNrSuitZL4\nLd1k7mAkql8YcSmtNVyHyEJIRNPnkyI67TmbRiy+shRUaJLvCZuodVDN+0W/\nR6nWvgxyV6xw+ASBkuIjenu0V6Oli9iam4tq678s7AjcyUOarCYIDtId6wBJ\nquY9k4tWncgNsAYJghEQv5dC2xkU5tT1PlOjj8nWZmt15mnMFzx0TSriee/j\n7GmT\r\n=wIqq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMJDc/w+86snBFWK8fgAwPtz6s7kxVbPpEcbiKyUFNlQIgBO6txBo6OqBGezNRCvS+thU8BAF3xe0qTbjGQyJeyDY="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.92cbc9a.0_1643734446762_0.8234209358491711"},"_hasShrinkwrap":false},"1.32.1--canary.e8c1aed.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.e8c1aed.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e8c1aedef050dba152651a5777c85cbaed1856ff","_id":"@atk/mise-ui@1.32.1--canary.e8c1aed.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-GdTeIL4cLicIMZWiFfeJPO7E+AUGO1Dz43oOjufGjRzYEIpsQ9upi9Yar0aZatvdZ3c9NtR37bdhjwOTdvwqCw==","shasum":"e0cb9e14d4ced8a2487fc021c1cfb5e10d06a030","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.e8c1aed.0.tgz","fileCount":300,"unpackedSize":1273290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+YFZCRA9TVsSAnZWagAA12IP+wTT9IwPUicUarTa4LYn\n0M5pxzXO+W4QZnZcnDF51Ynmbs3+hD4jDGNy0AVif40c848XrJEzfY4NMqTi\ny+epQ0jyaKIM6J8mtr7BtHOH3xqY0lc9rPIZPRaBCNZPMxdnYJDpRRiLaJD5\nSSOe7orGvlgIbwZNHVq1rQAzumSxmX6SUeLK4o4SXUCVH/Pc/JNCezFb6EIp\nBaFm0AIoGUIUgkYC1DVIqswBDXTj+n7HbSp7CcJ/Jvc4RQ58KZ8rreaUXnGj\n4SR9a7KovlPkE07mrlIMPzgacB6fJ0NMLR+m70wludJ3Hij9ANK3JFDkZt8t\nlj5QiSQbxKpaZ1pQGmIQOsBKkDzWBLMvrYicIjch1gnGZreGbGdAX89vw11w\n4rQ7DaLABk8LY6fCMXhmucWFOoI4y72HkXUxWbTU65hDaMWEHp3zJjbDIcsL\n410LcLHgfYW+mOY67QKRUcl2FEol8Vo+vqSXCBUnZGW6IH4gAVZ0kATLWRz3\nRmBptb80qhpUub+XLQk+WSnEw9/UCG6IF1tw2ukXiz3O6gPGdwLvyn6HNuXw\nEtsY7Q5Xw7q4l5z7IrxX6D8f6lM0ymOxNqjdHSOlecCL/KeHozuQwq7DkA+l\nl6S8mQbQM4CxIsQaP4lbTHaQh+4o3lFKi+jMhoHyiwwk9c6+/n7Kx2dnSFgs\nJ40s\r\n=3ieY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxxrVajtDUVhM6w83c98jCzIuMny5/xS6HR/J/KZ5IRAiBbDyHFFvqDxmtHb1mwDp/ksUygc2h+nHAauuPift+Elg=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.e8c1aed.0_1643741528857_0.5682250600786092"},"_hasShrinkwrap":false},"1.32.1--canary.616.3bf4dca.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.3bf4dca.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3bf4dca33f6e21aac43285c584572acf07c4403f","_id":"@atk/mise-ui@1.32.1--canary.616.3bf4dca.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Nl1LBcnMU2alYzvLbip596pU3BQZ1Xn9SkxcAoV9Zli47iGoCbHoS+ccWpQZ6r61ker7Hlu4mNKNvHBmlNPbyA==","shasum":"fb150af44a3c2bc3e9bd1b644991d3c58c1319d0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.3bf4dca.0.tgz","fileCount":775,"unpackedSize":1642948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+Y1wCRA9TVsSAnZWagAAwPQQAJAwSM9lFLLJzpmd7l/D\n1JdZ2POFYCPR2YFXea8SNfW4xFRwiuj7q0hU0mUcBXypoiied16t/7zSThxg\nvH5Us4kqkvOPY1buu34ipc8c6nhYE+782JvrZo87GkikmBz5eCYOG5gpMX0l\nb1RR3g5U/mT1L/AjPHiBI22MCm60HBaL3Nz8BOcUfZdtsQFJaMDhqFfm1jdm\nzPrY/UxRVZToSJ38F4PyW6oV2QaLlvO1akT1qOUfQeOR3MArM0SPqksmi/N3\nwv6/+0TOwtgDqmISPxjgFqan9eS8KcNCxnD6f6UzNTvmzSV/vW+hp0WlJDMw\ndK2ds9rX2xmQVLwW5XjZ7wPoDmyeHzt6PCWOUrT1HNcYiiIoVxxQmHh+XZy7\nJpQsjuCR6z7WroPL1vQJr1yLWWrYiOczkKC33e1rvRnt4h7mV3NJO92cTZRK\njiX4S+oe4FZ8+FYWTwekdN6FXuieF6jiYPFy73Bs0rNr8pmHmZhSDJGFLm2z\np12XlrANTs4thIBozthrn6kxExuWK1fNuXa+j+LKJpZNiQAQQrgwq+oAaZ0J\nt0lLkYOfM5wxCbAMgduVLxx5HgUnqM6CX5LGiIUyScXmOeLF9gQfESKxhj38\nIRXnbBNXkiwwrZmCXj7SmgIJljLoWMBF91WwNLOMlvEfIfpS8DgoLbRtsiMD\n77Tf\r\n=Q+uR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGI8GQSoyiimJQ71e8lAQ1YQ9yTscvMvOsF81nmLg8J6AiEAh6HKdxJ15DSDnWbPEMdVSuTww2pYGbInxWmPEJUh2u8="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.3bf4dca.0_1643744624158_0.8729237903899267"},"_hasShrinkwrap":false},"1.32.1--canary.aaa583d.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.aaa583d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aaa583dee4a5797cc47aecd217f387bcbb364948","_id":"@atk/mise-ui@1.32.1--canary.aaa583d.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-oQhoO16hYCj2UxiOskvccUTCrUpNP/iyyCScQYKUcXkal7QRUlz4IoHzlYAg14/C525e8vDDBtnlcHuePXPAjg==","shasum":"14b3fc30b9710946f44c12abd56ebba8c0f1e3eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.aaa583d.0.tgz","fileCount":300,"unpackedSize":1270567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+sGBCRA9TVsSAnZWagAA/V8P/RMEg64sxzIfDEqhou9Z\nyZgpYcnUWpPW+hzv/PmKxGVi0mrs5nFI9BNY9lu5Qv8ZPVgPl8D+8sS4Wlp0\nzcvFBXNrPBAr/pKRS/rfePrC50jjRVZ0/+b3a/tGDFX7edDVR0O/oWgHeA7f\nS8yUGxzWC3PhF7EscfRIS5os2u1uKErxDjmAnT3+K2vTtkBkHKzxjgWvX7n3\nJ+fkfCem83Qch0ukKnHqhBx7jJ79LP8UkdYLWRkunLP8YhYeIVgz1i7xAIu0\nI3NgRq8mLsgU9QbR2lAVj4o1KDqyTaq6/+DMV26yek9+0B/J583xAsCS9t4Z\nuCBM/jghmTc0frgMc+qHLJXa0rvgut28ku+6pwAa9nehrBEaJwL9MyNeuqcW\nBsGJjmwab7iIiwI1iIbcbi1i03Z9mwyYqIFjtaR2sk5Bc/Ufj6inNpKoQ+fO\n6ogaoJlLVfznrldM4YQyQHBB0oX9I196fGsDinvHvoja83sIii5GMDc5VtXO\nRAnoVklJPM81noFl76ozs8nfHlQ/C+8pk7AMff8VuGwVjai5xBGVO5d3s4Wz\nL6KK6/nkhpsxIjP6pJDE00xyrryrlV1Gdh8p26BUbmA5MNiXi7w9U7U5Aa06\nNil6rvZ4euMeNudIqUjBNcjZHUY5y559lp7tVgddqe6D4gKexQp4gvq93oWq\ncI8X\r\n=WgZm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmQ+2B2M2MtsO+jwsMaxOsdoExMvSsg/gyLZvprqs9KQIgKFZH9OD/lT4IDVsgld89oKfWHdT0s36SDCNrxYK7OIw="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.aaa583d.0_1643823488841_0.8537982722252246"},"_hasShrinkwrap":false},"1.32.1--canary.616.8dc3384.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.8dc3384.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8dc3384702bbd99bff2b771afd7a69a87031c430","_id":"@atk/mise-ui@1.32.1--canary.616.8dc3384.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WaLMe/vKaZwg09D6ACOCf4WdUFwjj53ZQPUnNNN8wUKgyw4/CQSmMBCHI4bFiZmcFTV7Zy4rPKJvygftZZXdjg==","shasum":"e92bd84f57829e205be33c2d36cd40a8303b4011","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.8dc3384.0.tgz","fileCount":775,"unpackedSize":1643818,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+swGCRA9TVsSAnZWagAA45sP+wYTOy3mZS3SODbmo4ng\np7YDxKfXqevYpcsI2sCfbjfPtEsSSkPlYbpU/m8amN4Bq6f4IW3aT2rS4N3n\n8Kv5LspjOmFHhscl4Dw1RqZOgzApxZfAjdrFDIXCWr93wvz7FdR+DBNCsgE6\nVPZlKVbhbdkwNwXMRtzG7cyamkxv+5W8CdrZtBmNv6g3OQswUFnJAwHSnoAB\nc0gQohpkEotMxoS/5Q0cwpj9pFaDRwe40cV82e/hnTBvd5HWG38T4uj9FNX0\n/xVSJ4OUUv2oNSaHZjT/NXazCCHNOL4GvxWhkC3GnQbhrV4yNjrl8EhRJz9v\nD3I3cO3Mp9YLJ00k6GJ+orLEUwF9ZvmEypMYWYEkAhKKRURkli3GbFw9lTKQ\nY8KuNLBkauJbU06JnKSvxzvuVM7HbjX1RZp2Ks93wgur/uM0/d/weCgzHdfr\neMu1U9ef7ND8Tuk2xGGxri6+alOOxz2/J9aJ5wv7kE1QcYyNLZB8cF0NQJh6\nEe5tE9wjUXkmPTbIHYoQmqes6rQT61bo8ObEE7/k6JYeQXKe0fMF4mtUTNdh\nugLD5W96tqsk63nAg4ZHwYvbkVCT/+OMZrp5Q5WwAMm4fEJnJ1dsCWxOjT55\ncbzNj9yRmsQejskGWnPe29KIJadLi1p3y0+z1s8fCE58qV81rpoE85zEQyXR\nM5/D\r\n=PjHW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeyu/PrunlQyBxvkCnarih09bkWqJq+j2zWRr4jMJgYAIhAMpkq4jjPQJN8TdPN0bwqf/PwXG1f1ySA+wn9m6nwVpG"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.8dc3384.0_1643826181946_0.4238436880741816"},"_hasShrinkwrap":false},"1.32.1--canary.616.4b855e4.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.4b855e4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4b855e43dc393aa1b84b3d4cf91b5355272be4f6","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.32.1--canary.616.4b855e4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KxUuRHSVvQ8DZgUuY7E193X0NGHVG6Tq1jO/mUyv7YWGsgGCgbyyrNGjDIjB4yRqR8wUyGDv879FaXNlTobydw==","shasum":"225b72cc295f880a15521fa665a9fd5541e31142","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.4b855e4.0.tgz","fileCount":777,"unpackedSize":1644310,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+tF3CRA9TVsSAnZWagAAKsAP/ijMbwzH5Gd+gpjCb6d9\nBTwMoxdcYC4P5XkGpYSgHvxlnWMTHOYzq5T/9pg/NZvdKRiKDm5wESjVW1+J\nypt9Dosr9uEapk02m3nBWUCBDDLHOwz2egSI9h5AWK6wGGEniZDOsG5f8j6I\n8bRpJKjDIiPqAwNFupqJTifJYAyk4JMx8lrhqvJooKu0PfNj2SW6bSpJOTZX\ntTmoRjvHh+y51SZwf61dQS44Ev4IqhB4j3ZeYPyZsi3vOEdr5PB2iIhSEeLq\nhNGV7FxC6owxipqxI2dZwGfLTarOMMkbXEl6uoickt7IECRQNPiVu5Pnv3nT\nXkW9jNZrCrBa0LIBQ1GcaRXlMF+enZvn7wlWf9P1vkMLTBb0QfxhakiznIYG\nfvZy4D0Zx8qu+CDhK0wGRunqeCgj0IzCOuqiNnWZFAZWdy0+PyL37xH7ESMP\nIpxRiAfQts41bovk/9PIz75qk/4FSgfdfHqWVSZDy62qEfjxlp4eZ5L2QVDE\nfbF0yae1pqv0WIHSwhW31DgZnabn4Fa/f9URrKHL8l/4N1iDJ3ySi/jlktgg\nUz7oETXLmXR6hNBIlne65Bp4BWA/EuSF0pC8kZKzF8L7dMnP3C05JAKRysYn\nZtIRbgy1Xzkxw6nlS0y2uBveikxtvkSNnDIcdb2ijhL9StGc490ooNZWl4f5\nFnjU\r\n=9rxT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGHLUKpvycb8cZwOIHDn34b8Rw9PJEydwAmK7dFpTjy5AiA9RptcYvCI7kJeKkW5Lg1OVShlPH75UYBraTyY1kkbbA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.4b855e4.0_1643827574973_0.30353245866914613"},"_hasShrinkwrap":false},"1.32.1--canary.616.0f7187f.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.0f7187f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0f7187f58467ca0f66b4d27476a8dbdfea2210bb","_id":"@atk/mise-ui@1.32.1--canary.616.0f7187f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Ec+vWNhB/h+EVeb6YTNsqeXgE3i3xYzcbYioa4tzCniAdnh5FosWTyrC9X2jmUtf9aMw/jVU/hPLs/UCfv+YBw==","shasum":"e1bd34eb1820e77e3be90b47ad37504a1cd023e2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.0f7187f.0.tgz","fileCount":777,"unpackedSize":1644335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+tlMCRA9TVsSAnZWagAAumcQAJb1yt5QOM3zhB/nIDQm\nI1PrwHWdTRSB/jQ6KGQe9W78laymbyQYrPgdoPrBll4iQdU1zkObtJUZm8nS\n6CbXPc7OI7hAhnO34e7gfqZYu4wBzYuMhty1ao/pMumsxq48GwTREfOWbWtT\nYGG4uFGslEgO71Nu28uY62w4cU4LbFEOJDhRfnea8oklfFT0ZTpkqePmF4Ip\nv95zPfcWvJWcMnm4kp8B5oaz9+EXo1gdzuVs7fV7pu5GLdlCfpBQe08xEaGx\nlnkDSblToluqq3IQFsrXVNRvGq2gu5OK/qPS2BsDF+3eZyV7PyHlW5sILXYZ\nRiRCc2GA/Wgq0Sve7FxxH1SStQMTNJL++khOS+w0nShf3l0nroMAyWPBtdMC\n/KxFdAmjwE3TjA3nOV/pxv1HAmRd7/pzwBxmXlyw4hbTd0tf+4w+BxFge8eD\n52oyRhCIQ2GRLawEkYju54XLkJY/p03bTrJACLWSuyD88TnQs3HYW8iFvzh5\nSSw7QMtsg1TPHaEvi4Z0NwFSaSDQdjQqLu3bxeUJS3fwWoMm05SNGsHI8eq8\n+QFGuYyPeGH/pGpCZsOGlzKtikuvtv+JcDUJu9W6tqxv6otVZ5l9x0sUFA8k\nfg0uELioiWe8YPUJJoeGHzxKZ9MFljZsmtW9fkG3ClxUCLh/TOG2lueJHFJ6\niiAc\r\n=GhkT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC45PSSqpibUsvkDbVDVHZLYoP6KJDj5Hg33U+nfYLTEAiEA4p4+b8Sp312kA2QtwPQK8aTFIp5HkQoKLwznOl9CrLI="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.0f7187f.0_1643829580160_0.7300329642694161"},"_hasShrinkwrap":false},"1.32.1--canary.616.bf16f02.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.bf16f02.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bf16f02e8819576a4c1d94f647b2a12b88ef64d8","_id":"@atk/mise-ui@1.32.1--canary.616.bf16f02.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wC8/xJC1iiO6Qba6FsJ2WQUSMvoDyGONlsIbq8Trm9Gd0oDZ4Wicf1JYF7xXQn4QXIC+3Te5ROdQJYSM7Ur+Lw==","shasum":"af0c5870cb1c1e16a0a21bb66103b5883124dfef","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.bf16f02.0.tgz","fileCount":777,"unpackedSize":1644040,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+t/UCRA9TVsSAnZWagAAmUUQAI/aNufWf9Rmt72m8DjR\na8FTaensDwApS9M2+FfNNLvDeEzL11ee/efdLFdwnlltFXog/RItWxEU3z6D\nrw2CSVPZiMCUJVtn/nTQcGEB0OsVQisOh7fQZP8/1XX/ayLqFn3PBcdyWMd5\nlrH3OAUoj3c6ey1OhLGfA0LnyW/S2q0KM1wpPjFaN/V0RVqFVfxX9tI/CyPU\nQkoszKnpCKAT5gOqI32sEVVNSbuaAfQqGGvhJAZILedzx0cARryPQqhP9ZPH\nrOu7rOP/154yEMm8DqI/FmCLucECOyK5wWW1WDCD2NiEkaFVy2JszhHN08WE\nHYw+jNkVPHE0IbWJ4dNfX890mRo/DX6kpZyB05SbjmuMDGCoP4qYYzAYG+y6\nOmjkpW4xqhxZIBD0dIKs/EM4uytGsckeYrkRX8fv+5m9+P+z3SXpCG9VzefU\nn7sZu84M27H9Y8pI57YPMWY+UgmmC4ivQ8GbZkTuUlIvktwv2J5YGLFdLA+k\nHp8BJgYLL4PRfpQLg+StbOzLe21Ft05NrEH+k+6PXz/AAm/ccWqxVWLKWa1V\n8s2dpURfYP/k5Gi4cROJtY5muIr5yQjldOh3ntWs6vm6T9q1b67T+nF/eEQT\nhO2hLIU93aJzFl4iDL9Q8tvAMgvM0o29VcH+HGlKtrNlct6VaHb+eitoZsBr\nSac7\r\n=EgvB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAYhauqxMfqgZ948l9E5mKuqbWXjH9EqDIIVuZhXAh+AIgM4J0MXURt0sZL6ddKbevoABAHx8iBUOCUC8RfxnwZ98="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.bf16f02.0_1643831252222_0.29159059559835576"},"_hasShrinkwrap":false},"1.32.1--canary.616.946563c.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.616.946563c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"946563cb03f067ef43f564d7d95378992690cce4","_id":"@atk/mise-ui@1.32.1--canary.616.946563c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-zT1+8ZC9xccpmqS7pnX90e8IPUCOjvPa1S3rXhDoDjcGPn1FTdTVxmOrjlg15qaP6JqCfwujhwCPitS/Xadm2Q==","shasum":"3a9e597ff6244eb829ee1d0b2696fe4b47452801","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.616.946563c.0.tgz","fileCount":777,"unpackedSize":1644040,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+uDeCRA9TVsSAnZWagAADAwP/1f+a9Zq6zRfHTA+zsuB\nLT4Nq6jVTUI/2+G0nJEsioJxZFZBgpXtp6vh66xWOUyUBbD68f1A4C6X2cy5\nW4wFRGJxdl5K/+FDSxg6ZZCTmZpi41r/GPjZWa0/bNy6IHcYPA8uIwtcpHbw\nZAw9fbBoZKW9IZ8Hcrh8rotVj941F4sC97tjTTjgxQPIIcs3P9Ol9ZnYMnYx\n/xJmNz7rYp4tGbAnqdLPE+ZFOohEChjKI2KYxm56rXZH8IfzDjSDXT0SYXd8\nB38QdBQDm6MDNQTWG/JA94j4kvLxRL045ky6HAq+B5Wgtwx7EvIyopN8PVKx\nRma+tbDWP7q28N7W0Q21xWRCEKYRugQKY3aP9deJN2XpiEp59l6DkFo+Z1fi\naCo4st2i28wuVEpxRXzfagSJov/l/A1gao9v86L3bwpkUnklq6Y8eWOHMldS\n1i/GXKRu/Iz1WqRWxNYzO/T3Ml7iDBHoWgWsiE2V4jZNmKzCf6U7yDUDuK3o\n7dNQv684/uQO6b+kI2t4PYYGQPstHH4+tKaj4MzsCmWGylwDtzCK2EcuxpuN\nDPYDJehy1VbDOPSf0Jk1Nfs9VMZfXpYuW07nbn0In6UdHT7Ti+0LAlGROgcW\nqRlEWqZsqQxOihoTwU7oO5reJD9cvtfh3Ki3F8u7eW8uW4Awu62XecG39I7x\nRtEL\r\n=uxYq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpq56vQF2iyv+pWFTI1ko2FyH8rKPx1KBY3FbExeSkjAIgB//YstbwSUBLk+kDwVgv8smu0Roy/N+KKDuQXBtag1E="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.616.946563c.0_1643831518546_0.26230529607793396"},"_hasShrinkwrap":false},"1.32.1--canary.577.efeb1b5.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.577.efeb1b5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"efeb1b5ccf216dd18ef9dd8003e66cde3931a9c8","_id":"@atk/mise-ui@1.32.1--canary.577.efeb1b5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XKPlHbW2L0vH21/MHcqknabqL/kKrpQ7PUMJiGHNdfVpXRSjtpxY9zqGvhuKIhvgHAJmMLGOAYqW0GxWj9Wy2w==","shasum":"08d2173d9b8de61412a37ae53252a262e4c0c53a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.577.efeb1b5.0.tgz","fileCount":777,"unpackedSize":1643707,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+v+6CRA9TVsSAnZWagAASxEP/iY/323GW0wGGI8MYPfF\nXOLa77v/Syg9MqZYXWVRZEcPurn2bmA9ZzzvhqanVShy53BrSSnQLnaU+q5C\nxErWQIegXjBeNM6BoQtaBxUyPD9eyd1eS1xZCj5ekQl+7hcCfQu7FAoHyjWb\nzmioo8ofyorKct3u9/tAjnjEIhAShjrutLU4bJo/fc0jYpNbhp+fk4qtDal1\n43jHbFVprdtNnkfu1vQ1o7QrwxMtQ7lCmKDkNo0fH9zLY5pFkCbmvdfk6BL1\nWeKSRQnpemzSXf8xxjRlwJoav8wvNg2i1QcnFCEdDZDPkh0L8O1gVPSD+INs\nMSdbuOPFoMhLroy0pkESdLN81805k7B4i4cvFvBc+gQPnaIx/r0U9DaNzNJK\n2UXVZuNlm2J2vSlawKuNiENkwg3tlD+jWxmSZI1i7yrC/iM1DM9Sg3LecHLg\nN8/1NbBdbBu3IG7dQOgNeXPLEN0dzjTcKSTL5Ee1yvyrsOSUqNXTIg2095ac\n04uhH8UcUBVrhFi+VCBdKsnQV7WkXeBtgqt5fsoewKhO1g0/qgW9Ql3vJq5q\ngoFVI0h3kMSvOVVpA8xeACDugbe7yx2goDWTsCGul129vXGWpaAjT+3zQKzf\nIPmC7t2IXPDby3lSkM7K+m+NFlApLhFejItI7I1iAyA7Fx3VFGYcQU2PYQqK\nOvkl\r\n=m5nt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEIDHBXA4Pv0kJp8hpMFUlVb303Ee9aYZtzg0yfHy4QeAiEA1BhLN6vG9wLSpeNEQwvb7KhdF1MQmjNTqh2S0qK1Pds="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.577.efeb1b5.0_1643839418007_0.43634162423678036"},"_hasShrinkwrap":false},"1.32.1--canary.577.f85ab59.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.577.f85ab59.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f85ab5912fb1f27760b5cabfc4c6d33dce0b0f0a","_id":"@atk/mise-ui@1.32.1--canary.577.f85ab59.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-L3d5xLx2mZX02jKctSgagE5P6zekK//Sp8LQOPzREUwId1ZohZ1+t9LKXfqozhJ1h7vRmqfj0LG44SVXPcQmnQ==","shasum":"b4ac6a9207f42cdb014e3fe5709fb9d1f7d8a34c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.577.f85ab59.0.tgz","fileCount":777,"unpackedSize":1643718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+wnbCRA9TVsSAnZWagAA75MP/Rx+ajzrzfle5/Rcbzll\nzoDfadjfbCpALp4eEEuaKoNmikBgu2dmaHmlwRgOgZzdKbJojW2vZBf2qq0r\nRopS/0KZRSfN3jDfpBUMMiW8MBzHywAKmLh3pvrTQcQgbMhoe5pMU8EG9wvY\nRguNsf4pEGltow39hJKtUA3E39sIymb3/Nv2d8W26wD2bwlB77NrnGD/vfoE\nu8U61itL4lmBFNUHvSgBoOAoefwbJlWccpCCnw77BTtXXXpejMa2Zo0P6BXp\n2PyMSWvvgc5fFNsXgy4YtPcwo2w27eLGRPUlHZKAhrPpRf/n2uDJ34y/LLer\n+umaHLCoKyJKhRtMJDJ383mbarpLEtO6oPDKEEptZaeN1hsUGpnA06tM+p5t\nou8fkJFicqLBo+Ni9nmUK6tO/S1pCZYgBbPkg/PnSIAtRH/mWUX2rHtWiegL\nuawByuoPmmhYt8RZEI6FCr9rH9Hxsrv5z55PqVqcJHPVVBPNv/mRvEpoUXT6\nvF4mFVEdhadookzoPIdJXE6ge8w6jSiXB56eyMHATJ8HPiVwEFOQxr5bHGx3\ngYFdogNxPJlCYSAdi4yqutGLCKjQ552O6TPOlOJ4LgbyUBi6hvnVPoSoFgt4\no7jkJFcNrMIa7BQPJjxJnMNYoLcNzAhc51wbZbzyiWTgNtYfx6FCjrYREnpy\nz3U6\r\n=PhUB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4mYkqzChEJsF+2Thgd7IQr1OII68VbKavDJ0mIqbDdAiAMPUwiPfG51GNt/5u3r5xBIlwWN4m+e331igIWJvtWrg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.577.f85ab59.0_1643842011514_0.3620166576141257"},"_hasShrinkwrap":false},"1.32.1--canary.577.1dba3cc.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.577.1dba3cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1dba3cc339c81dc49e51b4f0d6d0bcf9c5d0ca95","_id":"@atk/mise-ui@1.32.1--canary.577.1dba3cc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lCirX7RVJzfolaTiSEEygPKpm4H+3D2Fa76P74DRCVOvusf9eGnaHRVTjRmDPLMaENeR9YYLZF425SQMdxf1wQ==","shasum":"4fe86ce0181c7923df8fac1d5d01b560ffa15678","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.577.1dba3cc.0.tgz","fileCount":777,"unpackedSize":1643738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+wp1CRA9TVsSAnZWagAAzPYP/3JT/CGnrWyK94xXegYg\n9B9NKqSfx5L16O9RMLUZBM5Z63a/3zlIUWVeDSVJYe2Fy4J83mlKLKBKRzs6\n8+YqC9GgdDXJSGyM2wwIahsLitldn0zUrdiVZXFIaGI/Et8+bbRSNdrod+iY\nFSVPUIDvLnC2QHquQoag3lBKstM5wv/dt7YkflklTSa5jW/VyLAHnVVxut50\nh39dw/x3koGMX2lWdv08K7vWuCZv8UNeQcXIjzsk8nAzEhmlM5vgW5E7wc4V\n1byNzZ4ytT7vLn/Z1/8KAXnZv7TH+8i0SRUWDM+ujbnXSk59wzRx2VzQrlqc\njUh5TnVY4FWnn9LyT7Swg2YF4qDsU33rrNrW8P7tsCect4ZEejeAB4hDVaGQ\n8RlGeWFsS3YMMzrz5cUbPbdta2KdaViJY+bELjepjR/BShxCywQWdweat08+\nAmdbNe19QZLrBBn/8W+cf6zweDe0h+VzjSWDP9xH+OuE7I/B18kS9KXANNsc\nu2vtEJf6Y7YnaQ2/dPw36iD7kRQjwT1aUT30ET0GxqkABjkBlyy8bR0Nq7xk\nRIM9pGR9+nUAXxzO1Yk4bEs1NfcTkmRRn1NmXCEYSglO54NV527uqRsig5xx\nHum3ccabQMTDfNt17Te+w9pWm5j/w7kpYDDR7iGNiB173Vs0XVyvjcycOsjj\nhGv6\r\n=PHmi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcbkChF+XSSqABkwZcInFRQR0Ngh268jzimcDvuvczywIgGNjh/VweZ6xUGiX93oK4UkOgSTQ4KDrqrJtRqQG5/78="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.577.1dba3cc.0_1643842164726_0.9361527110313252"},"_hasShrinkwrap":false},"1.32.1--canary.7222b1f.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.7222b1f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7222b1f783e4415984c6a01d60ff158ae9bb7f77","_id":"@atk/mise-ui@1.32.1--canary.7222b1f.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-vu8wcF5hoOAG1KbNfVybM0RHQSC2rR+pU7PBMQjr+NzM4ebaCnjvGtCrRO3oFiRvkkb5+X9uKJ6kNEx1s/fPkg==","shasum":"5fbd5f13017557fdef85266d0994fea8d381c350","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.7222b1f.0.tgz","fileCount":300,"unpackedSize":1270567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+/c3CRA9TVsSAnZWagAAChsP/iHa8FkT7eUk9WBgt02U\nJbLFSL/Bm/AVP8olc8/0wOKPd/5x4OQ07IG9tVB0iKdrzTJ2Pa+zA077g7tK\nDgvXwrb7J4daGJH6G+J6mwEzfmCoIhdS8raQmhkAUsZdRlASy9NjHLANXxq5\nQ+koMCS//yFhn3GEutevjbIrOdW7hEpd0jerdi0Vq0ix0MVdVlukTyUdEuec\ngMH+VXECgaDOhVuyyv1Itkd5g/wYxi0FiSJrlN5AJ61gmwwZ7HLyokwNMtSc\n38Ji5ohvDF7d4Q1Sdvc90NA7eqwU359RQvKaihN4p/z/L+j8lWNT3mZOrB20\n9TYkpSjuo5B6i8Kf7Pw2dRAD7b/JZaBVJPryqSj3E+NJ46GZTntgQwDTbWnU\nv8ONxykZ+NNgcrnwenT8zMokTpgdtD+yMTYEBtDavcFU2/6hmakD6WgAIGjI\ntHOP6aSSu5NElvQ+lXOhYUtDAyQALflYQGb9TnPvSfViSVmRSs9Xaeav2QTl\nj1jayD10gYce+rSlWNIbY/vrStxomsDfItESmzXGvMJOVeul2JgKTPT0N3Fc\nBSpFrj+vW5gW3T7oERUSTRY1ZgOOqSnhEtFuJsEGyquhLwqrhkhBhWdCOs94\nixn0+3ffOH+OrSQ1mWiTrG0I3HjpAus5DQhcmU325EIOBLAm6fu7RSpEZYaC\nHA8U\r\n=PXK6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH27m+RaZHHx6yYB9yzpEMDWaaYsnn/lx6mvY0AOlqhjAiB3DgcCqY3a9YKGvboDYTYGP7NBHSyVVqqBaYeA/zVJpw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.7222b1f.0_1643902775357_0.8231535568303805"},"_hasShrinkwrap":false},"1.32.1--canary.c9fd1dc.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.c9fd1dc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c9fd1dc09565514f629e959c38c167b82860e779","_id":"@atk/mise-ui@1.32.1--canary.c9fd1dc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5VT06zQde6gMCtzvTJpqsAgSoTubY7PWwn0oNHuorZDFGii9iEs6OXhFYwp+ixPosK/mbfqatUAEC7T/iRZZ/A==","shasum":"dc02ee5119cc07f0d2660bbc6d959a166bb83f69","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.c9fd1dc.0.tgz","fileCount":783,"unpackedSize":1645206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BtbCRA9TVsSAnZWagAAOdkP/1Da9UjUQspM36gfdcoB\nAKmSqZJ5DDZ4g57Dvvo6gDMgZEniN2um8QEvxS4syCEd6dYbXsrQByrWlulc\n3Q6Fsdmis2kjSiYJ4t4MmJnGi3qR34NbHDHE+d+gEFLIrVVVSeLUXS8wO9/L\nkOAHuBveTNDDM3Dbct3kZEKM8PFH3EhpQShuPrUDXxX61BlXV2E74DEcPV4k\n/eaebUxPc006RUMsIUktJnR/GRbCO/m/cTyiwTXFCeAwLZWmumHjsObP6bQE\noYWw1r6MQDUaurbCZcdFsqKNvkmZUmD+5nX/pZgB8j0VFzCD6jlH/UGHhRah\nUhwuzBQDvr4gkLlP96uJUJdNLd6/gWMZ/CjJBedLNlJzZ2eThFQcyHUQYEbp\nOkDzgGWR6EJ9AOAQjx4rzTK8zUbOVYHhY95sP8G/VXzUJNlsET8wz3pe10GF\n0uqpW7AEERn6mwfL2LSHLhEq8TSifQSYr3ioSjpHhBUJ8wONIAFWza+KlvRB\nSlWQUPgEOsTgBtIZKApIxNAF06nOVszTJBDSbUAbuWTePDgmN0rqmf0L4BxX\nLPgxIOsaLlleMwgXWRlTvKWMSHlo9Zr53qXaoc7/3qCXBwNDVurHTLA3ubP/\nmQOWkc+r/A78V2xVgIk5v/PgiOUsR9fSduoUojnJsXNkv3BOWhOI87Uj7UGW\nj3+9\r\n=33jd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG5+4Z+ymHHmCsRd5+2n6zIrT6Rf8nox4Q1UR/6I3ugCAiAcctqqefNHaUA9rX4bCgCo0anjtUiC/aD2Ms37FwlmEg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.c9fd1dc.0_1643912027053_0.6966019508164771"},"_hasShrinkwrap":false},"1.32.1--canary.cc3dfa7.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.cc3dfa7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cc3dfa7bbd7e07e15565ebe07e26d9645880b7de","_id":"@atk/mise-ui@1.32.1--canary.cc3dfa7.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-zZMeFYCcwnUsxVjciM940qyGMswt7Vi7qAllduoDGL3fB4yMJe2BGCMAmxx+jpa29p6IuVW3fK8sSgBc0w80iw==","shasum":"b8b1dc04cfaa87491822c07516d0bf6777fdc4d3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.cc3dfa7.0.tgz","fileCount":300,"unpackedSize":1270567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/B9ICRA9TVsSAnZWagAAOKgP/1zp+yAkj9ak7RyqhEOM\nbBAu+puN25rQCUMikWFiZsfD/Qg6702BlyP+PU28mYW7iI4N28tAa0dO3AtR\nWdvZgk4pCIV/vWa3oklM0bC744XS+ecRh+0EKQlqgbIzJxitlM3p0izpx1Mk\n/Or0zVbR3i9SSEGJ7DKvg21QJnF9idnKvB7iHGdRyW/sG1YydGYUZ/uepCQG\n13Qmcy0hXozuoHn4DUV5Rgtpwifq2xB1ikNatCldIbwETuu9j2eMawIPD0aX\niiCUxUQ4s4Vek8jRo6YOI5mYbVl8sv7L0giZvOxvFJGK1lD0y/2ixrIJiFnh\nxkKotjhd6Kuqi//anv+sVVrw0IRDbBH5pC7ZIAdqNNRPQYXScc5UWps1U1vV\n5sjA9fuT7AMVfm8TX200JCT5aM1LPvV7eHmarDWiCdO/24JHNvQnpNnHAIkx\nbt/nwnP6BGUQvg3UBMWgZfIO97JKAOnOLFz8dHJ5jMEb5MrEl0zrpy6NVQF9\ncPBfRwxTTUh+ju4tG5tc/Lj6Qk57r9bwydg0Phf0GcBmy/cKk9PW48WNoQFc\nXInuVq1PhPey8jxg8S+C+ZYpGb3WU8EKzRX2ng6e51krrBgn0avjPXwZUJuU\nnYGojvr8eFlslv2dShksx2YyIirwFY/DR4KN5oh9Uu/fHHf9svVKzev4qzyN\noBYa\r\n=QKzj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGneiv58Lz4ovidrV0qDrNA+SfFMdlZxogc6W1rND8PdAiEAlHMLi9bv2q5/ojFHkbeqMqZunuN8ib7rM8PaJJvUvmY="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.cc3dfa7.0_1643913032451_0.41535322554472276"},"_hasShrinkwrap":false},"1.32.1--canary.cc3dfa7.1":{"name":"@atk/mise-ui","version":"1.32.1--canary.cc3dfa7.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cc3dfa7bbd7e07e15565ebe07e26d9645880b7de","_id":"@atk/mise-ui@1.32.1--canary.cc3dfa7.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-SAeODYoCEyqk/YA4mM0tokDmp+NXpHPfBEtopGfLuddq/1swbwPmQAf2A8Yy2A6tCQsVrVN58HLDi9GLydPQHQ==","shasum":"419c7d6d0152542bf08ce6f87f45c348ced2fa80","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.cc3dfa7.1.tgz","fileCount":300,"unpackedSize":1270567,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/CEzCRA9TVsSAnZWagAAZ2AQAJghjH7iaPWYC36YjUCx\nTMbiZNJBiSzXxvuz4tkQYHp9l+S8FXvUF1hToRqEjrsGIOSn5uT2uzvbYvO5\nCCzgQwQnY7ViocxvYYRcz4RFKg0x6rVprM72TphuHAUIAD5QY+/SUyt91RrK\nSyQGxYItW3387B2r41WSbNPU0iTDxzYtKgPHlIePYMxm3Vzh1bY6psUXnli4\nbCsxsMaWQb+K/FGIS5RiPhmjmyZJ3pb6hcE0N/CfghnZxskavWSpVP8hc29r\ngOOpK0M+iN20LdgyHSeWWsk6aLPQgEY8B4mq6Fnefd7sOPEhGN1+mZEznj/8\nQn5YaRtZA0E+81EC5Uf4QSYn4QU0ANEhszh7SfdSCC2PcJ7U2vXMl/eyvoxj\nOZrTcSDHIFrhBnA3MDBu0NDNwN3hX8QcOQmrAxgcBIu4RfXyQF91KMdh5QmF\nkzN0aBOydTJH0U1EbjL0dkndAmhJnb4FulgrqQXz01I2FxCpQd1eS5X7XF6y\ntb74ZaDCqTcvuRocIw7+7YXSxIteIRdV1PjlCaNUVRW33N6nYkaxCxEC1WuS\nOpuDj96TdclGm8e3VGX4zezW67gfi0TXLTdxFfhE6znJZ8KOElLD+YFCFPld\na23m+HdPbBPIQrNsj/jEKLBYaKUd52vSg6NOoPEd4AWcvAd5Q/f+M1Md0dc7\ngKqn\r\n=XQi+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAOJnkutBpdc9MYx+k1FFCR6pw65aCwaukiQV2yzV+UAiBJj0VdvcqJXIweUuWHyvWGf0r9pr4KUnmyBIhBBBlrdw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.cc3dfa7.1_1643913523123_0.38762126039712363"},"_hasShrinkwrap":false},"1.32.1--canary.04a0d13.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.04a0d13.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"04a0d13251d1fdd33b7092a00955a32effd684f8","_id":"@atk/mise-ui@1.32.1--canary.04a0d13.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-d3/MAf5OTj+Kb+GLE8j5zKs9zuTKWKTDkxeYFeJboewSf7xxpN6JQ3Nk1iQf4AbugBVsRa5n+JNkvBJXsEZSWA==","shasum":"75f6fe6a7b61ac791c99777e3c5264f0c154e285","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.04a0d13.0.tgz","fileCount":300,"unpackedSize":1270289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/COfCRA9TVsSAnZWagAAorsP/1OM+qLd/+kpdgUHaxoZ\nc0E7mRFBw5yQU9R0Cky7dDELsaqLT6Or2RQeSLP5N/+3lZRsgduQloPTljgp\n++UF0FOxybgBLtvt5/BlA2CxOIpPzq5VHdo0CIxJW9xPs+UaHLB1gfeMcIgf\nPXjjCyALOELBqdh2diGjmQaymlVjLWlFgHUXoavPl/MeOpTXLJBNCZ3DS2NR\nnAIT/KLY1rORh1gRy96nKQPoIb2W62rTGlXvtMxmYl55i82vDJD+/n49LEzN\nmW8wVfzKhEQe0FSVBu+wEx08tDTUm3twF8Ik41EW5sAc9JAZufdnsbyO3BXB\nF+UzhbWikTPIGb1hSeHsBI02vSZm+8oTfXcWZcPP1SKiJg8hpH2S9Tb3gF/i\n/vo/RFzUthPdX0b9dbmKxnNOWjj0BKHNgH4Uu9oJupNDM9oSyzogqpsyO33H\n1MGNHuUXBWEVdWT75GU0DshdqmJ04P4rBTFiV41FAjPDpUeNAGKdXUxckJne\nKFUe3fc3c/kATlgZQzK/4aEpPGCEt9IKUtnuEHbWt33wkEIBPtqvKV2Wck1M\nwFDxG5+XcUm0270YQjfXYfGyraCF58KIYeVRyGLsmkSyuOpFWqgPRyC00YI/\nMQ5R5d7FX+x5eK0ZcNXON3N9aXnKT4h9DMgU3wbxmBlT7uRuzccPYoZsnkSb\n0g31\r\n=ZZSt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXWMyJfux1MzmVdMDE5Yt/HAxJLZ3eccyHNvZ1HOwx9AIhALXtQPURuZrnNmMHaJ1Z2Xj/HNcAe7M/HzojfcVmhz/S"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.04a0d13.0_1643914143024_0.9736011594632616"},"_hasShrinkwrap":false},"1.32.1--canary.8a90cc3.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.8a90cc3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8a90cc3767d941c8438f9ac5f54cd3430af2a938","_id":"@atk/mise-ui@1.32.1--canary.8a90cc3.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-ec1MW18s3k1X9RwTomVqnsefO69Az2VYQfdSGJuwOgVL7CVlFIgScBfW8qlRlOc+RjpsBiYLJJG6zsd0pmFelQ==","shasum":"3dbe98f5ee90a4c458ea99cfa16ff48969e8dd13","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.8a90cc3.0.tgz","fileCount":300,"unpackedSize":1271096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/SxaCRA9TVsSAnZWagAAEAUP/0ciFJs/S1h0qTT7ExuF\ne24jjnCBS6zknMzPoR1pnTy/NbAZXPtSOg3wrEBUvwAIsjuJ/faMS+82Ku8Z\nOca7kZHtIh+bO5ur0MkxeWJDnU1Wt+4Q65u8KM2kdwQbnzTRP7EaZkJ3Rfh3\no9ARPSPXXeeyFs0HVA+b/Wm3Oreb8+ZZ4DrguaDt843bAEEtVnziJkJ/ZQ1R\nW9FHJtJIG8bnVl7XwgwBXjoSKo9n0UyCKMc/wFFgCpqQqUF3N5n7vm4XVurR\nNNaObVgEyzlCjYAkSRBvcGhoVO7UwQcMpYYylyAQu8J3xTeRHZEqTIBcvt3H\nvonj9ij4zycLkUNxBlJotcsZUXMtF0Nr7mJ5SExGjjb3QKN8D6U4r7n7+uI6\nJB1i5Ya/Y8QR69/qXOV+Qa5ottfoYC+CP8VjkAGQFuC3o71w8omMke6pP9Lv\n4Hft50xV2ghXsiYVXFcOspL09ut/tfJPuFq/OUK9VqDHs+aMMrQqchamhmo3\ncNwEWY57JtbJ6FpwiRHmArdib4LxY9/CW1fNjKK1ta0sAQhqZPKUENIIm/TQ\nxkiX8dA/oEBDqKmycvHfR3yvgLyp+C+p0//koL2A5zyErSuj+VVAf8LHHb8q\nEXSjh0Q0ciBN4pKR+T3eifpLKIxIjU5SZVR5/6zlfov+wdG+i+dIromUkx1N\nb9EO\r\n=rPBX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHofb9DzRra+H+kdVrtTiTGNkvWMXRpIc2Q0jD1JcV5MAiB+J7lefFFnOfIMA4j0yRtCEgZZ2mT7GTiuyYq1hoTdIQ=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.8a90cc3.0_1643981914709_0.8327190463342591"},"_hasShrinkwrap":false},"1.32.1--canary.619.05720a3.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.619.05720a3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"05720a378309d323473c7a7ae77222038d852952","_id":"@atk/mise-ui@1.32.1--canary.619.05720a3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1ZO1lJa2HgubsvYP6b+gqriyaU/diYkBGIpQq+mqhxWwkxsGfzSMcIMePeXGean+LC42aeDBwwcx24RDGZFoiA==","shasum":"574a10d64c552858e98113f8712f887bcad7cf10","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.619.05720a3.0.tgz","fileCount":783,"unpackedSize":1664043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/VH2CRA9TVsSAnZWagAAlbQQAIyyq8EVI2Af9CCUQgzD\nOFWPKDfM5FFykuxR3GTdLvR4aGwB0sFdyGaTLl/eNEuJdHItUsR26bGXAF+T\nXIBBd9TnpuR8X6CCDjkkoh55XVBX3pX2fLsKQ366Bagc37b39BpFzpwphTl8\niNfw7q9YIouIykghdfffmBD6GNXd8GZInPFCU/TOySbSsNVsL6dkJasGg9AA\nuQYswRsKN1fZBmwnqBB9ftCQ4p7cLbVvBJIyAtef5vu4rrKXKnntKtB49wJH\nUZt1jUV3Fv9tSNqWn1rhxWwTPElskV0M8Fv6SyA6HrJedJIHnkfQ3XylWr4Y\nHiREfMAc3U+yoN7Nqf3HuzuXZ+UirZC53EGCN92SHMmDJPgZAX3PG25w/zuk\nxJ4GPOMVfAoOHTS8QI3IMXUsE2H8kEm0tF5UlKgjzcKcEQ1D8WRAC+xcA0QM\nLV+WSdflEZCMR3jRvPU01ILOWRLRzOwzicM9Myh/QLBQABLugsvRMUqiUeNc\n9A07Mak4imN2aP6RGJjbchTAplMZto0IZi+m2ZFT0TOn5YTi0Rk49rQ1Qtgt\nDfWepg0l+k5CGsJQTCTW+jTQ6NLFcNhUyY/opa12Yg6mf3ATpRBpKhrsiemH\n5mPmDhP9Wyzo3oXHa73rrhtZn7QqtSXnRoYjGPkrY9TbPjXZJ8tImsBpb8vk\nOeZ/\r\n=I9MH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHdGq1zsi0MILQkfK7SUj2czR4UeT8Jdqts/0bHKcNr0AiBFo/i8Y4XxaOgrFL0u87LeFirjh1CTfKt2EFVpJlAjrQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.619.05720a3.0_1643991541967_0.48299152026017134"},"_hasShrinkwrap":false},"1.32.1--canary.577.749e650.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.577.749e650.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"749e650577e35deb6fcbc1a5577029a547eb9568","_id":"@atk/mise-ui@1.32.1--canary.577.749e650.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-HT2wvsLZ6E78omCnNLpN+ZaVMIraA9dLPPuWBqReQ2us7iEBD5FelbwU5dl5xjG6qD2oOcVwcuobX3Yp8W2bkQ==","shasum":"8f3893ca6d2a71e5ef90ac2f498142b8b48d4793","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.577.749e650.0.tgz","fileCount":783,"unpackedSize":1659806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiASXsCRA9TVsSAnZWagAAb7cP/20ns186bC6lXpT0WRVT\nWXT8J/WQEGYWaI3gML2G7ZEE/IBzThkGE9ryj5GnYhB9Oly0QXHFtM2vFv7X\nP8YoN0HkWpSKIwNsV98Evzp8+PE3nGm/neW5g7y75HpgQXk1CIKV2K1kfxKx\nXTct76TZ2+K6oagFRwOz+wVmev0QmLqsKmbowmL+HFEuhQJN3EFX/ubE2pJx\nHFk9CywvH7Kge9F75h3S1PcwkQfnIG1ggelmbC2kW0qMaV2nqHIbjOuUTOOG\njCFanYWTDHZCHFNn3HxbWZY+gHXcZKzlljzjWZBoHc1TsMjcHRxMkZgpqNVY\n/Zbqll2IuvQGFNAM+R60zTpOvbrBexZcZH+76XoYPO//kq9sQsOAoqIx4NXE\nT3zBlyIictvK/BzG1YPsl/bTcbLsnjkq0DsP43Ytz9b1vIFL3sIWoHGJWHob\nDVzs+HZ4yTnvZZJzWFMcxJohO7B0LsXQS1y0XAGEDbGPqQ3bhPOh/7MGHChI\n7+OruDPij1SPslOKH3e6Z3y4FWoB314HSVZbkj6OLGL5OBn1zQMFT+Zho2Lk\nK1g/5aNA0P0avVFpPFyvzXBkwz52heUVOYiEAlG3YUgeIYf0Ei3LK4k3tA+s\n9x44ogW4N4o/U48YYM5aeZhTtWLyubdNOeliiX40qdrox9YDw8L1tV7U/WbR\nBdz7\r\n=/20x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDx6GjH98LyZH0NdxssQWXoLy+Ys3asrQMsSUTuVuquqQIhAPlJnJlZhb2510dmx3N4y0h0OQHLnriUPDwTNHiQLOX/"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.577.749e650.0_1644242412198_0.5446703648515916"},"_hasShrinkwrap":false},"1.32.1--canary.1ae3445.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.1ae3445.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1ae3445c0b81470f1a3e8af1b68f8afd0a29772d","_id":"@atk/mise-ui@1.32.1--canary.1ae3445.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-NJnpiZ+eXo3LJxV1Ct/P27jLZqAh7gsq20Y8NCmECTLCxI/warMfeL0GXh/QAku/Ep4uTjubtN7NwNGI5Tu3QQ==","shasum":"58bc29bec6aa3b54f747b161fbb91ae46a7a059d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.1ae3445.0.tgz","fileCount":300,"unpackedSize":1270521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAS+uCRA9TVsSAnZWagAAlGYP/jg3efHJI9pWz1sRqM55\nBMzjqFERdTkV8BMNLuTCJyX3pugNiNP+C6uOusmqGHP6CH0Ig1CNowhNgZ/C\npiibHsOauONyv2vpRX0T1dk59wpaTNqZi30T4l748osB2Dy7dnfXtChZPW8D\n3DzV6Zsulwwbgfh3isxEr1woVEGuGfKdXLqfpCpJxT7XIDYPN4Q0Ji3S6U4c\n2sEYiwKCJd/OPZBeOIRBgEzL+Z/lt1qidYn/vBvmWSp1xjs72JtbRQhY2DQ2\nModM/YhCz1mzFDsqTR8XjRmUlUGCd8OR0DdYQskFAms+8P+Wrj6lZ/I4YcOg\n5wFy5wtgIKNUV8xIF1qLO5f3S/o2tLYNKHhN/pyTws7yxwY/3PDnVkfasJme\nh+ZTrkMb16DPRtdYHhoJeLwPF9CHiLk7TSqZ+e2ifG7ND8Rbf1dpoV/q61sO\npgBOzj/ntxQC4+voVgrlHT1IAfV4Xy94art7AD9k2AczEVxiSUc2kQY4TaTg\ntB0VjiaHw2/F24KfOorkgI+QplGuBUg/ZZVdjhzyKYrQpsjUxtz1WOtNgJXd\n3q0dh9GyqDbKTSsiyS3+cnx2A3n+OFP5dA4v2h/2iqosd4VEIFsjrui16vjg\nG/9XlCLOTXIfeKmCFgXkFqyqnr5K1p5pAzVLH/FxJVstehF6lPwTYVEMopAC\nkjxL\r\n=mhBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHxn9A/ZclMLQg1c0nLjS7rtsF9E+aUzonq8+PeFSlRqAiBbYoPdze68xWoBhNUde9qLzVMiiJyR80PkBOFo9tz9ZQ=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.1ae3445.0_1644244910206_0.25382495684744666"},"_hasShrinkwrap":false},"1.32.1--canary.bf6c554.0":{"name":"@atk/mise-ui","version":"1.32.1--canary.bf6c554.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bf6c554f8d9036943cd7ce3756d42b019f7dfab6","_id":"@atk/mise-ui@1.32.1--canary.bf6c554.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+dWh2fcqQYT9LkF/Y1rZyo2MiQ+qweMu8fJCStez6diiOO56JugZbTiOioQC6zinMt7vNxSIsEvHt+CvMWQl2g==","shasum":"a8a12a90a020d45ffac7e80ac99f5af714a9d2b0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.32.1--canary.bf6c554.0.tgz","fileCount":301,"unpackedSize":1313472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAT14CRA9TVsSAnZWagAAomcP/iCFogFp92GCoSAWgAPm\nVuPPJcJGundBEEUlOua3v1YKVuuG7tR2YvEY7HbB00YnwTwttSBqpKszwvzd\n3Gv6JM18duAkfonRe1YmYCihxuGJaL6chEKSaf4+wm6CI7Un61yUW02vynA1\njbaKfYEsXBySxlWmlD8J0VF/Qqf9/RED9rrGmkGTi0myXd7veAOs0iqT0CrY\niPdFEEhzlgbeug7grFjRB8tmLSIAqmJR6clK58HqOjtdEWDD5N59/4oqGKPQ\n/Oef0t4Laj1rtX3WQ7FPLPD+JyDqgx/myf4pfa6aR8olxvuuKwRmU1m2xqjk\nNAzEaNWCDuNDw/durI3aHffHh8Ox78L0rzWaqaSbkEmfFZWCFsdHeNvj301h\nK8QvB0l0bF4G5mFlxI0xQlpCiqG1J4OPMC9Ek1PvfoLgy6xyqfs6Y0HgOmEs\nf2Z5v8TQVknepDJ/xfRfqJdtM9C/thp2hKLn3Ji5vUyIOeEQ8NmiRuVAhzxd\nYcb8hx2FZeUyaOiEbkXrko0Z7I0ani3UIetukVmq71r6b4mO7mk3lnIx6HeQ\n5lujEC0iiIykdadVIn9rq8houVveQlTDPiVOHMg7UyoiIrxWJZXE330v5eyV\nu8JPJnkyPNdEbulsIRKK+yUV+81IMgn+8aDfIEnbeAoLZId8pkyGBDZzGjCB\nwpYU\r\n=fBLy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvy2XIvFiUFokZ0hBaaSBjFi3mYJ1+2+Z0VSXkcJtxCQIhANb1fKe0GE6wdcOogP5iCWy+yPE1fClmB717xKH9WGrK"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.32.1--canary.bf6c554.0_1644248440708_0.5197144837349212"},"_hasShrinkwrap":false},"1.33.0":{"name":"@atk/mise-ui","version":"1.33.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7a1f7dc87b8233f45f1c2abaeeb36633a6c8ecf1","_id":"@atk/mise-ui@1.33.0","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-pvs4LNeLgrXtFKcu7aNJJ5iXH1NtWpkQ0phrUK8soymPxDQAo5mPXlf3r+Vrrr5ZCPR4FiloLuSD6fVdb2fYWQ==","shasum":"bf9b0b22bc5b67053d7ad2dde9c0691024154417","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.0.tgz","fileCount":761,"unpackedSize":1609755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAXhECRA9TVsSAnZWagAAqqAP/1Z8qqGjjvpBpj+JKX9s\ngQEpi8mPbqoCgBHh1m7sEkE9DoY4aaUuJO/3HmQA4bxG7WhdPlOewyRXXcYL\n0LT+0AsD6A7kOLGcyiQ7YiNFbbK9DhHaL0kY5h2P76+cVluy0qjWTJHhM+70\nLvX5uQ/9tJ7x0v16YePqe4fzpCeFO+p96aQGeKzNat9qGWLvpDXmb8oDDgu7\nznDSlHqWoYvCCM4Hw6kd7xGMbMT99bJ0lNtgTSSieynn3y7yWQdTRHZG4plt\nbPBBmiZS9W/tqVlpCM6284LheDXeVvrVzV+RVVvbMcSryJZ4sBOldPqgoacX\nRqM5iEzjwNqbZGk+FC+AxIqGXX4UXf9tcLeUYqXW1b92gPPsLqW4yRJ+vtDK\ndu/uDH37SsyqzcM1Tfn5/PUqI072vVOLVl5bRmkhwPE5u+FD2WnCiZA1FZBo\n8K263MY8t/ZynYlxy6dMjPxHxtOhNDUc2fnVWp5OMEqxrzC9rYEQttk3mnS6\nfn9/dybDuvE1HODSODlQPVyewvVPXcKNflET1w6HQOS2ghIxtGSWRO2zQeFU\n/7Et+3AxMimWv5gbKgWxpPAqlt4+qELhQadYJegVGwLJz+mlaI1+9Mupa2lG\nkOXJiQ2W/3abf4e8ZpRiAM0Lx6jl1EAvLNuKOAceqRM/xMBW08zku1b6MEu1\n9yWi\r\n=1DHT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKEMaJBHb/lxfGxa8qx5D3erye90aFZleoY5qR20hqcAIgRubN0KTu8PfYWwA2Lke6LZ/043vvZ+SsjgDGWo9kSvI="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.0_1644263492031_0.30919323805449817"},"_hasShrinkwrap":false},"1.33.1--canary.4494abb.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.4494abb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4494abb808a998eaa22209d340749e47647fee17","_id":"@atk/mise-ui@1.33.1--canary.4494abb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OPl9N9WZDwX4nCN9DeednnubfDFa+deAiNQ2iRA1XhQausLuvJmneS1+y7B0qMaRO5VpRZdLuM8E4UMtfBHdXg==","shasum":"c9a369a2d030b2863c830f50d3e3d835a901ba4e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.4494abb.0.tgz","fileCount":301,"unpackedSize":1313516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAn8OCRA9TVsSAnZWagAAsiwP/j/WllnKK9ZnS8kzN7h1\nZTBHyQF84G0PBXzPeNikjNx8SPh+Tn5BOy+x82+SgQveRZrxF031lfO776V1\nLTFXZ/7sQGBjqwxE5v756HueoCmJ049cf/jE+oEVqjopl8HIb2CRRRIqisE/\nr/I/xeritCl8p5gvCypSXbG05uw2cWKDiTrQFda84h54jhpb7xPF3cn6qHNC\nsrAr1ozNOlEJResBRH/fWFVTry+e1zScdTJI9glH2wYfY7w3VoITF0O1hnzi\nIaBNDXOU0Csw5KxUK+XbbzR7Al9oX+7G5yLp6ZVjAYgOqSOD3kkJqlcqBVW+\nhcnDY6+K8RrVZMSg3IAIHufGvMtkmfBMTCcb9YJYeseDEGPrwV5Y2xio/biv\nwYocssvbYs4gjHA7osLUp/UEv3OYgxKhzQXyShECmDUdlJ9dT8ww1o1FUppk\nAMN8cfoJ9h7sPeiWivMiVV707zlarI0zx6Vc3mwUD9JiZQB8QyUvhA42gFsf\nwhe56l5wD/5rSd9Jhz++aEI8wog1sRgs29Ygyk4mhvvsEe5O4NS7Hqd+VpG7\na2TkVR577oz+S70iGpBhwnHmXdwNuUsERAFzG4PobRVcQXOfswVxDOArgSdg\n/qG6bfSM5Da1M9Q52h+ghdUQcsJ3DVEzdpWI9vhm5hgpgMlAAehoQbBvrFVe\nBWer\r\n=PWs0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBjDKOSUMbTs4bVq+YpaRnKD2v2V1cTrgnb7//fWG+moAiEA9hJP6jR7F5ky8fKvNm541ZOHRowtPcBacDXmX3cMeeE="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.4494abb.0_1644330766253_0.9958385731928079"},"_hasShrinkwrap":false},"1.33.1--canary.ce84848.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.ce84848.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ce8484818ad50b628d09f9ca5bb8693a5449320f","_id":"@atk/mise-ui@1.33.1--canary.ce84848.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4O0cRyPrxxiP1wh6/4+cqjwEV0zuKlrHiXT402HBzUmkrK1rtApgqTojVMFdM7Jv7rMqkrJ4PLXuQmZLlE9gfg==","shasum":"b4b49b2c72b9a7ddb7c529e4d56541cfa80ea42e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.ce84848.0.tgz","fileCount":296,"unpackedSize":1306582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAo7PCRA9TVsSAnZWagAAheYP+waZJ8jGrLmXSxdEMtCq\nKOv6tw/39qQ1l+JdUA0Mj0vW7O04KrIrsjn2c/D4wnibzoX9zHXCQXTZ6dxx\nlUekEWIK3q7m4JIN96jDlU5pevWDSZBPQGHSPOWw9uU8bbeJeN0l3EzsGb5f\nkNl83LHCE00eGlrm+ID6vaw3eHJkETPupFKpmN4wMYtJTCtlPxEqydPi7Iab\nb+TKkWdi70m/4rINYskzAdsDdc0yEKLi7lIstJPcH4AaedO9e2RUu+waL64F\nz8fclYrK+BT5Cb46VtdRx5ZiDuwCE+cz90W4+dGNHzBWXS56THRNt2/n7hvy\nVewifx4Z7L5zcZvZaUVPRfZQhDkmexPcjXOBnP/CcILSZtNR43TlxQ1/X613\nTvv5Hag884yrcuc+GpTLB+auVT6U0tbiJz2RJ1rpuctwY79baoFFF5lSKDDV\niv8018WZsSsF7MaAsDXefU+7AEktilHWQfy9u3taj5R3jr9GrWmkuZR9ep3q\nnqugq/WUylzCbM58K2tJxADCvxa4S8jpmz9Z86PAVKCb0vn+KNrRiPfKnp5l\ng31kuTaSgrKJUfbwcJkQiKa6/s6kSHNRdYvsWU3se/Y8roH8utgmvWI29b0H\nzJ11hr8noHC55PP4mZwaudrOXVwPWm8uh03weqXzZY3g3/fsCipybC+v10c+\nNIEL\r\n=hVFQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHW9urYJimIP2vjIpu+yLFUY2mc7UXc4x2tijZgbh7JWAiEAr44jdfOtyXU7Rx1BHSiGb0NIs5Q8U040k9caOer+y5k="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.ce84848.0_1644334799494_0.9991055443258947"},"_hasShrinkwrap":false},"1.33.1--canary.fb72764.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.fb72764.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fb72764187abadaf2aa5c663051c2b3bdaf5e945","_id":"@atk/mise-ui@1.33.1--canary.fb72764.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-FgXnyoiBzI4GNjuMswa3LpivK9k0LMPG58BvQ+m3Ea6z7s+NnGXxp+iz22EHBS3qDFLE5zmnUFx72EnthhP3Fg==","shasum":"92d1f2e133e93c75d48c93ff566efa1eeb4c9406","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.fb72764.0.tgz","fileCount":317,"unpackedSize":1363090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAtkaCRA9TVsSAnZWagAAPUEP/0RTp5n4H2+MsJHbbK5w\nIA13LuI2Tm4RYwOjB4Ck/vAHqUkW/99Vp/TBIEQ8e20xiyrteuclmjZPjJSK\nkgyiLjogFNmXeXKCB+rwTmTstpnGLCt3cGkvI7GJNBHLavNGCap8aBkfM8Fr\nd09Y2ughOnDs7Wh8Rti9IvRG3aCg/Q6cap1ZzasO05QnSWw/A0breHA1/8ka\nzZv+CF+DbNwt8YZ9HByzBfam3x6L7r1MrN9HLZrKauzwzuA/PBldwR2bIOca\nuPon942M8yGuaoayRTpmIqrHHjNPRrnb53zAtN7HDkueqIp5ZzCF2qKqtOr5\n/V9xUKWzJWVY/La+KwotqXdy9TkAJO22+bLt36+/zTWEkUABp5F0LDxAY7+F\n3KYgJaT98soh233gFMG/ZRGuIbiP4RGzQiFM3JGYoas62Ro/nkv7zqovx+fv\nRb/iV35dKF0z1dmV8f0IEWiibFGoY1abpS0fb0PvZDfSN3cxTtZQZJBaM1Wi\n+N876Cv5GMiDK5wSPzAHusEZPKd+/jH+UvDAkti48LJAxzarBdsDb6DELVB2\nd1RbdkvdKW/He508x97hx+VnGJFRhLGZAIy+ZlfsPfBmaR4syTXT3Ju+1xah\nzZkdYdT0gn6bIPE1fG+qervokIvY82hGEeauYTSQGovPkLGWaJJxLDB1Lo1V\nCOgr\r\n=yhds\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDh59/5K46QR0ZvKKJnCjpF4AQDpzQdb5VrVdwOAPCFIQIhAMqHJ5TF69jBlBe+5cwvYVWBaGVX9sz4gk7aiQuS6L03"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.fb72764.0_1644353818363_0.7804253512118513"},"_hasShrinkwrap":false},"1.33.1--canary.37ad120.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.37ad120.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"37ad1205484b323754e3f100ad04e4302f5b66ba","_id":"@atk/mise-ui@1.33.1--canary.37ad120.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-sc9QI+3BAoSfCM3mSkTHhhyi5Nutrti1melJ8irw54svcAoHXE+vXsslEx+EiL1Agf2gslPgUECv297vspHYgA==","shasum":"102019aab5e828eddcf27b28c19fa89e18558d0a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.37ad120.0.tgz","fileCount":304,"unpackedSize":1338881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAuGgCRA9TVsSAnZWagAApfYQAI1Q68pu1iSxgZiZBro5\n1pd8AbaT79njUsxuUbWE3nFTdD3zT8uQmczJwEMp3HT+kEfX+H6eyY/hpKFr\nTT1GySH9Y7/et/9SM27EIfqZc/4j5ffTOsThTUpn9D34uQyzdahOMXZ40gEu\nk2ln4+sfmT8iUq4iu90dpciqtu40GgpPhGMJjtTM52W3frcoWanWcCCJHxhR\n1cnXegGOL2H4rOzeNGcc1vj6fzU9r7ylSfij+fuHDM2oIT/H6ct7oZNiRgsC\nw9iKpEGHtiriqnsmnq73RNQKbiU7YgzyoaKCxNt+0ivqvP2hHWsbsnmAr8lq\nuRuTCAmi7jGqZ/hfIXBx8xRMzo0O8EsOzehpFzhYP5VYzNuvS/cWneEqvpEQ\nQ5qX0e6yMxL+jguM4KUSSeEc4rgZg490xZLKhur4UlBhc8OMqWC1Chvfnsmz\nilI4Prw7uqxhuqCvqZyOkL5s+sjwt9NCk0JDGGirPuHgmru05k/z0vmdR91/\npUl1ijNfA/Wg/MUDA+pqLaA+VOUWPEKUFNzoI/RyFhM6i3TpwdXCHVzFG0zp\nnhKjA+sbHIDasdJ/B0h0wEziBu5V8n10mAQvFnQmgDOEUJHuUlkHFMTx07AF\nuFlUgq1zUs+hhJt0bkWcqre3gLd62k0NVAGL16jALyCUvWBxHAmTB7oQvhr0\nU0Ow\r\n=Rb4J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEt/Y5mWRLDeCd5R9A2TlvBaFDsNdPPrOig8+SOLmm4mAiBqFKOYDHwF5FvYpEg0Juqdmd06CDe59NCp6LhbwCnp7A=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.37ad120.0_1644356000523_0.1317788609479995"},"_hasShrinkwrap":false},"1.33.1--canary.1b7e907.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.1b7e907.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1b7e9077194ce86a1b39486c039f6111a8f1edc3","_id":"@atk/mise-ui@1.33.1--canary.1b7e907.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-RPprSoJGmtQivKYDqyZCZ91m3SEUuScuskDpslwE0XfidOTA8HlZJt7J22lB+l98NiMPdGhhWXqMYZpdEODnGA==","shasum":"5f313bff28ffb3d63ac9c93c04268c443d44f36e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.1b7e907.0.tgz","fileCount":789,"unpackedSize":1679577,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA+O+CRA9TVsSAnZWagAAJVEP/1lzle26XcQuq882JYCn\ntQ+BRcyxac933r8jnZkiwiMC9ulDFtYlaXUaQuJREYUrHzxIWt1Z3xwAGDMJ\nFYo5KSDMa2zD5/I+XPO8ZbmA4O8t+ZpPCaUh+84YzMB4zC01vsXHdwtQh1C/\nliiPFW0zZYKVdoiE77t8eHj8Nnbd1Z5APCR2PQZvmc3JNRIyrCYAnHrBsDIG\nUPaGVjarYN0ufXdCEveR7fyCABa8rUKP4pTeNmrCKa/5pBd1KSBxYzzZsAT7\n8AnUkVuWqcaICBi0RXmwa2fAPiopShjvFpxD869uGqtVv+JSvl0/oFbE+USX\nCGiCAaQSC7GRudW+/m/PJ+aRDTDr8HFic838TBoqLqENKd1FHHI5OW5ouxD4\nQ7yQvcVO5Bx1DpwYDhnBOPlAmUjGHUYXl6pbK8Rqvt4y2ShUELXpBq+eard0\nrpArUzpYjW8T7+vD3qyc0wyHmswMDjRZmDJ5jiF1uyVmsinvnohf0XPCmmGS\nLYxQPUtdui/HTDqyA9OtNIlKcpPISm65jm5aMHeyfR3qbS6Qy6KeCUC3dWyc\nJdWKF2N9tXdDu46WSe5XGAjkmu3dIno8oFpN0hDvkLVk3kQ2WG6Bx1fgqCD5\ny8LvJLZivcFYVXsGApT9fKOGryFlKhkf2o4K/BbVfiYTXLRapzI8wM7JloAK\nJ2oE\r\n=nkWq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFID4dWldgwsp2gNBTALcAdX/rVhoGsbPEVOQmGAB1v6AiBaraQY4n4lcD4SFryTbNIT6SQmriJ76CmLTUYvsWnuNw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.1b7e907.0_1644422078365_0.0963123862887596"},"_hasShrinkwrap":false},"1.33.1--canary.e19de24.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.e19de24.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e19de24b3a27de4adaa78433b304406e190bd305","_id":"@atk/mise-ui@1.33.1--canary.e19de24.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MYyrL+is3yPrhH8Qg14467cisCNMBcarcw/GrHIPiHQYfruWKoJdw7iPZadHPeAzgv/A38TSJClrJ4aalZyWcA==","shasum":"9f9ba4a6b1c9436b1c66ea14c8628a6f7c29410c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.e19de24.0.tgz","fileCount":789,"unpackedSize":1680340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA+b4CRA9TVsSAnZWagAA5WYP/RIpOEYjSWXf90HOBXnt\n12zONkUI03LvhzvW9NWm4mVaaT/4sFnbiCmQRb7roPsMRt52Enksl1EarpBn\nhlfTZVvVubfp3LdtveK/PGUYHT7uSqEqSRlR7DX4KUNO+ZajTY2ks7gEKAkp\nW2cMN9aHUMQzsIZFwVia5X2ezKRASh7jxP8DuivMPq5j3j+fFT3fFaDBdCHw\nNYfZ3ZNdLS/Njq2ZbIRScoJqm5kKm9pCuCHJ/8PcVqOfwqIW6JlWzvucY6EN\nsuZEhKHF4suIPxh/PJMoyBb1ljQXTMGBjlNXbTbaaI6EpXrP87IGRWWGCtPJ\ny8lPnaXYN7hz3wl2mvE22No/lB6ZvbfvjemtCAHtg7pzQl8JiU1Zxl7bGnz6\nPdV71XQxPu4GlS5Jf9CHujeYFpZI2/6aU2Nw+hmpbF685AT2X8zTaS5hFbxY\nCz3IgR3JnPtaWkF0Qsvecjy3mvFGEqz6E70JtAcD/Pj4taXCMoFeW7j730w5\nZhzD/OoLOEY2lORSo1k6LaMRNPWqZmlMhPCVcZNwnsBWe6JF7fBndf4XwNFJ\nJ6ldZ8AVw8MKXIAjPfCARVfSZ/CPqV3TONM2fo9+HVXRBoqLd36c/IXux/Ln\nAvAZBFX5DIvhpCoiy8TJLTDzunNU6wTVpLzxGN9R2iGUmbO59xmJ6XgxEQAl\nS+TC\r\n=LPoA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYDWNKf4uxwD1eldj/5tGi5K/Q9qOsp72N/5vYG1LfyAIgLfTFyYLwmiJyQM/7ngiC+VG6bQvJKRMLT8AxsWaZSQw="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.e19de24.0_1644422904194_0.1595181539188808"},"_hasShrinkwrap":false},"1.33.1--canary.04fb9cc.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.04fb9cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"04fb9cc1ff7ad7f4d9907f39f0e55262bc2fcb0d","_id":"@atk/mise-ui@1.33.1--canary.04fb9cc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oo7Owi0voq8ND/5NeVA0pjOQI+361gSBvXJOLWowkT5rgIWBkeUyXIJETm03+lBktdzNAWYSslJ2y0RsXomA7w==","shasum":"1afd2fc78b92800b75b30c525118c2eb6fe22fd0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.04fb9cc.0.tgz","fileCount":789,"unpackedSize":1680364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA+2ECRA9TVsSAnZWagAAUPYQAI+Nfg1phORGMk4Ituf1\nwdziEg86nedonn+cYVgpLcIijN4CoQErzwqVtVc9SVhkILrJdSZ46aHeCUc7\nWPXkeb4WDoU1RzmT9VlPMpXmTWsFbB2blKXxM+CnmbAsJ32aS7+DWl5Qnwb9\nGr5LSUftKqdr1K6WrDXR+spm6O1b8ZWSp9KOAz2Yqls402nquMXVIMF4grXC\njZUqRSYdmftLONTtffLw/XOsmrp8M24LBIhSoe3J4tcTrg8mPm9Cz/TiDSpx\n/IOcU1wMaqznDK3C4J4FqABIjocO7v5WIgWLUEhePwGnGKk5wCC3Z0l1QdPL\nYnQsjKwOSW8wE/z2yiuGQXt2bJHsAj3J1gEgDGgKSLXC4JAtEzyRmLWYUrzJ\nfDuV63/2QVaz7T0YI/5gnKhZ9g+5eEQDuQ55Aa6P3TtNzhDbISah+V5OUYhX\n++/pv1G1ceA1NDfBwKVs8EEAn5R5GF41Iyq6nnIommVmdfBROZAxqemaOGox\n4mmTG9fze/d3NjfMV3v5gh6MP4+aciIAjK8a1THodyllq6cT0g8udvwR2VyC\naQwxqGEHmG5m5nWVwx3MzhkyYQXZ+sQ738Kq08LFwwyTeZTQyt6arknFI6Mv\n3rvUCjPz5B5FSbjChkjLyxywCWHGD7uth+HebnhBSpOZGB25pVgnrySO3dLt\nbpwv\r\n=ORc4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYY1bqzPkh9ZQuphGD+RDEL9BZu0AA/VN09T4MvoRTFgIgCK1M7DlYR3Yn+z45K9KbSAq6DqgzyUZWkvAZx95FxOg="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.04fb9cc.0_1644424580300_0.9059703530813104"},"_hasShrinkwrap":false},"1.33.1--canary.a798aed.0":{"name":"@atk/mise-ui","version":"1.33.1--canary.a798aed.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a798aed58b169b60789f5b4030d1af502053d751","_id":"@atk/mise-ui@1.33.1--canary.a798aed.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-XTsivO2OTKYj+0/emREeUouXG5dCSIcpZoJehxer+GNMGDZ7U8FLWoJqfmObnD19WfprlkYnRPUungFq2R1ZYA==","shasum":"439927235894449f441fb247c00902aea6f8f9f7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1--canary.a798aed.0.tgz","fileCount":317,"unpackedSize":1363043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBAhxCRA9TVsSAnZWagAAENUP/jxfmHrefQJGpAIqj9NH\nO2qK3QpkMPbm/XO0khvtq+HgJXk5O2E0+qfrZsOT/3ytzJHzBnArYdstQZxR\n5T3kGm6Ej+rNLL8cABlJwzP+qG6VQ+A35YPBOfGmGJruDCLcy8fgctxb47Hk\nRzkzpPNpshhmuJn52kTGuQOzYVGvIawfQHV1AXmcP/e6On84xsRp/tGLFtU/\n9O0KZkq8xFtDpNddYDMtnW5lkM/40sYvnpxM5d1hAlJgvKape0TNI21/+jbN\nYJoL9S8qTXntiIxc+bZwXP1At9NLp3d1XeoYdKlPCfVyJ3q8+Bjyktl5+Jv3\n5zl+PY9lhN1TSS4+X7gAOT/XbP4f5fxHE63T+OXbQ4iDhjbenUlISZtaqmwe\nm96TmCPguQ/IVCYMEy9qX0EXAqzUWOXk7Abrvc9iOL6niHdy7CgJbC4LCU5w\n0zYWMvoQcHVYb08yFYeSzRr1ejcgGVN4iFKZicysc2b03U5q1+XVp0d3cL/u\nyiKdTX+CRtt3cu3t7n1RxrZyZZrEVV4CxBKetVbhYDettJYM5StcOeYpgJXf\nq71rWhXrMzFMhj/pep2jjbgCo66pBMefsg9WO/uJEZXW2t/Nb//pUM8aPa+Z\nWp+yTZfrXGUCNva10e/boyI8wOFzo9ienw9OsQ2Ghbv2tu8b5qwOig1ABELn\n3P+N\r\n=4XlL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICLe3ZctZEoMxSNJF/3kVsYkjkknOZEH16qVtchebsNUAiATdXGawi42olmlZgXm89pvrbBjAlHKiOsFrAOALviVfg=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1--canary.a798aed.0_1644431473770_0.04048085033171245"},"_hasShrinkwrap":false},"1.33.1":{"name":"@atk/mise-ui","version":"1.33.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1720e341bb1963c2eddb53de082139b0f71067c7","_id":"@atk/mise-ui@1.33.1","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-OizWvKn3jsdA51u1JFKpi/jBVCl/Gg/BfmGuTvd855y4+3pmark+oGAhLh/suHnr4a0kqV/jztZ2wmD5dC8tcw==","shasum":"26c03616ca4f29c83f44a32a7928dc5202d6850c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.1.tgz","fileCount":761,"unpackedSize":1608700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBAkMCRA9TVsSAnZWagAAbtwP/Rz7l784Gzt5uzKa/5XF\nSvCoTffasuEH2P0gEfB2EG+G7va2T66WWpWCuk/C5cPMFvhPyIdfozifTs2G\n4cfgOoHHElDVltLibHs4QTN+5GvcrJ3wx+oKM7pUv8ri1h66L85WQTRvztnI\nbmI+Re1NCb1g5oQv7PblpMPaaYYR9an7ldlsxZZSnRPrXm+MV9Q/v9gNRYZL\n6krBetsD4yQUwLRXQb/vT5BUjAYVGa0gBoipyEV6WOWFink0PrALA6mMHfSe\n6LNEkbZCTPHCsijrD1iDqOoIrWP4ynESHMjc20YibJZx7WG1A862AEV2Tyty\ndiKgNbO7s3gsJqEhbz+QXBXSLuqsFEK2apazWAHO0wBLKgG5wdYIdT3UPbMf\nWgULZKoDXVJg0FdMRpTGkVCS8kmH6ArTCQStAUpUk8R62ssn7O8nCAn4tOsK\n4ZhnoPAhByuzm1/kG8NNH5bvA03YS2lgiMSC9oL1och9II/bWarFfc876bMp\nBl7GP3RqwTw2vv+CUm23feUpOU1Enc+69Nyu9BrH4a4v+hcWskFWRdAXi63B\neMZ+JxDbtLGwxBS/JrIkRoMBv9NymcP41mHddBUfdWtc4sxYnIGw4r0DTK1F\nKKp3y1O9Q6Cbtx1rjcfrLR4iXTkYmOVm9TuX8iCQqcSCxR8oDWoyzOnSV1nj\nY2Un\r\n=Kt5F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD+ERE9bSO7I5aivtCkr4jJ5hBBfl1jg+1MQzN1aYv+AIgSQZ3YNyMNbsV/mP0b4a0Rz7Ee3kyuDu4TZISehL1ghI="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.1_1644431628514_0.42245128516357555"},"_hasShrinkwrap":false},"1.33.2--canary.818b070.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.818b070.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"818b0702196dd15411a06edb9b32091005408fb4","_id":"@atk/mise-ui@1.33.2--canary.818b070.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-kUT/x7nIKQxqnFUMfu3S/MauI/po7AWs+NXsHoBEEkYvb6y3iSAfnOza7vlCLOPwzAFZY4nPBlI09NDNcevFaQ==","shasum":"2b706f92f08b6b13a1118a2b17ae438e2bb842c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.818b070.0.tgz","fileCount":317,"unpackedSize":1363035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBCA9CRA9TVsSAnZWagAAszEQAJ77cDpVlkzWTS5BSIaH\nHuNoi1nNe1lMvkMncjETGsOgHScSo9JiT6ZU1NIYfsgsTFtYEHHB+/6SftDg\nnEcEUFZ4HjcDtv7/iQGED0G+Vdy7YNN773kDmvGM4U7vJstxEnG0jeU2kGiR\nvGQBKbGHWf85+r6h1YNjmYYxrEyepSll4E9RhGSWOA07Azbdkz2gUCVASx8z\n6GzQQ9X8oFV86GjBpyrzDBif24tY9Ni7HaLu7OeIA+RzDK+/RpvtyDUR3KUx\nJOlBBLsdN33zdeDQ9Q+hahM6/KV7ACkRvEH+2O43YW26Bmse9H9iOK3pRPWo\n8jWVwnS8XiIyMKjc/PH7/frWkzK4N0wA/+HHbNmDawBfjLMp8ERRZW5LFsOF\nvXzLt8zlJ8LGVXpXvzVtfJzXvQLV028ykAg611cFm82VHjSOStqLB6BHXhI1\ninbavoWtCU3o0Qm5ImwnCYvtYufSab4yAkrYw504GsZu/GclTSxXwm2M1xg1\nlwYgrumvMoBXLN1N6nJH7w1XHPMJhUy+iQ2cqdgFaifenlo8meyZrMvUtXUv\nL+OrRbIF05Bg89QVBtbodnH5ofjmnUIgkIVE1F6rYXTI6lkZkUmBkZ5zP4qN\nULcGmUxGdLAOCBrJpCu/e4wxzFDPvNcnaSVz+2p0bjgTH5IkRfMpraaVW0zk\nhtT9\r\n=VmFW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgr+CJ8bpsMGL/ewwr6RO4a+NySIwL99hRCt9DoJjW/AIhAIWfvpM+bZexxl4xAilwb/mBI350y6RnuRke14jhMe0H"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.818b070.0_1644437565549_0.84170828889701"},"_hasShrinkwrap":false},"1.33.2--canary.fb595fb.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.fb595fb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fb595fb86ac6651723bdeeaec1b5f229eeb1ebc1","_id":"@atk/mise-ui@1.33.2--canary.fb595fb.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-1ZEUz6bP7v5bjq+bIVJaEO348+6unckYowOht39PgEJoWJZU57NRmTyHxB+7IPAiOrgHY8cQJcDvUR9ZNIREHQ==","shasum":"cec1df536cf9e9762445fbf274bf5d5a31a05ebf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.fb595fb.0.tgz","fileCount":317,"unpackedSize":1363017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBP0/CRA9TVsSAnZWagAAl80QAJKOGrZVsGY4UGyNMhtO\noBqqiHcy9gnh2e+AI6qWmYee3YIloVrp6l36IIRNt/0SqM7jFqD/hWdsFSPo\nSmprPKyC3OQbk9Cy5iE+eATgusFTicSG/gAqEaiw5dsjUJxF0yDJ9MKF1qmk\noAfFkP0BgTzOpwmCZvNHXSrZTM3FYgeU8LTsXi9U/FHnsHQJa0+iyqO4UcjS\nlOGvN8RHno8XFEh3wU2zsbVMCVdADnU3FBZmt1CT/0q6JMkyUfFQWVQ8pEe1\nTMhM8lIeeb4BXDesa2plnSvTrlXBgpGBH9WIhHJCwSDOq68i34Tp235bzhw1\nQwiRpQiywpbUbHD2qpV8k1KGMzJm4KLrc565Y1hF/Te7TIG04l4v56+86mdc\nx9SFdYxRF0FU/ioGG5oYHnVHs+PyJ5D4lKH1pwIJWiYnMcwhR5N+RW0RCHMU\nmGx4VtJqn5pAL9hKmvEfd/x1gTxPYc/gMHd5cSfC5n/jSQzeMZdy0Q0OIzHG\n3iXHt3Yn2iWhtqCjhOApqkYfboXiojruPf+LeMm/Th/uAqk+pKPHtnKbJ2o8\nkuldbU0QxUSxZKErJ3cMLpO1bLUf5Foz4zJ1qSuODcKFWri7bHEMJM5J8cjG\nYOYSmtMkXZxuQlj9C4ct9M5zaoGY3FLDZOkJJtRm/spGhYQSTjuSHn3lfl08\n94dO\r\n=P6C6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+jgpXS2PCw0O0VwZ7RL96W7b6TO2h3rMWHaHnjqEmWAiEAvnPvSuJK2ycUp5wb10Pt1ymlh0strdgk+uBV5RNIiL4="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.fb595fb.0_1644494142855_0.7529324853633153"},"_hasShrinkwrap":false},"1.33.2--canary.4bf696d.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.4bf696d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4bf696d28bfc7554c4972994906fb928241622eb","_id":"@atk/mise-ui@1.33.2--canary.4bf696d.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-SbY099vLvtzbKIgRZWKwewnES6peLEX1QR2uipC6Eik2c+Nz8qV9YLY8o5tiO6nVZTvMc8RiOgLtPV1OhzQuAQ==","shasum":"8b2eb5245a20280c47761e5767847f6202f59ce8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.4bf696d.0.tgz","fileCount":317,"unpackedSize":1362955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBScgCRA9TVsSAnZWagAAHSkP/2dMwsVdkL//bhB12ad3\nCw77v4HOW8x17HZBmypvomgG+hky7YIXIYz8FolNgQkbr36CFRCLPDmwFq7b\nrYhKPFocF5byPxL6c/OHM56GZfMztpCyRXpSIjFBqh8PQ0i9ACRKhp0fhPUd\npUntEybFBVpiOBGSUMUue9HMUzpoupqlNFByAOSen/tEHj4P+eHRaGhkozWM\nSdjUkO3iNh5PTDxRTVUYJO/8zaTE0a8xH9+M0XPGzA6zlctg1+YD/tgQX4f6\nEgT/O0a36HLEf1e+ALWjmjOk1QsKKpEg+kYPnU/H1lX7UBW5un2DVopL9fdV\nnsKA6RNrzCP2xpwT8QV9BqU5eGOoShSOTx16hE7WRUK792vl7yuomKfBgS+T\nUPpKI7CDsJ3pG982k9doTNXcSzT1lCif6i7AKROU4Rppp9ZVpRzS4eiuEx3e\nnzYIbErFn4Rca7zIarEJLOajEOGYX4RPRLYsZTUqvJzQpej5kPHLSQe7WoXL\nJ1yWwFkkJyx0/NKz0vyCghKuxyNgjgfrcxEKzD2UEov55JOE/Lqvt1Vvq8Yr\nn77/FOKTx1LZD9v9BYkg3FQ4wdnCDhdW1wGEVrQZp4i7LTG1NWVo2ID/DoY3\ntD3Ciib+TIx5s0OQQv4x4svbqk0XsKeINwLm0KKxTIDLtX0/wpJUL7ZaW15p\npVRv\r\n=HpOW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFHXePvtkwgsEHgIClaX/XBmgRoGFh514/Uj9lJ5V7r9AiEA8aYOa6IjOPu1gRBtK3m2mgFc9sTTzh6JesCystzX2wo="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.4bf696d.0_1644504864299_0.8364150364487695"},"_hasShrinkwrap":false},"1.33.2--canary.db73130.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.db73130.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db731309c6b2ace956e15f91c2f8d105e3047f47","_id":"@atk/mise-ui@1.33.2--canary.db73130.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-keHR3sSeFqJr/PQ90ZZ2g4ZYj51SlajIuzDfQtYStCjjmFLh2G5Sd+Gn/fxYEgtFIdS/xTOEFtGPFp6X/I4TgQ==","shasum":"98a2c251b279551a14ee081917d64ed5e0a32946","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.db73130.0.tgz","fileCount":317,"unpackedSize":1363082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBSqKCRA9TVsSAnZWagAAg1QP/0i3HYzsVOcFC+JSVJzQ\ndOA42t5rtckfbEu1qzHKc+URkAewc1kwjLevDwrE7uV3RL2V4Wrjhpy76oT6\nQf/4rPAJqwh5fpYm18IrUm2p68fFmgiOQbgcosKaXMw57tJqdec7AkNKhL7f\nRp3nL+NMjvllfsM8+wwwfyWLG0plKp3rqNWDaLIqGtV926CGEyVd74y753u9\nMS0ASVIVgyF2SZ4DiA8Z39eu2ankz867nsCqMYV4UkFWCycVXgTs+qcerCZY\npXOL4vjAAw5fa81o8gSFtsWOn7J9igxIE0RTGdO9mAuo0Ht49OXjyWUPxTYu\nVtFRiOoVGDWe6tbAUL9N9abdimrZ9nftx+5iRuo1rr7nMNAw1HEv/JOGV1FB\npUvtfEzo9Eh//Xkx54RVkiyfFse778NEc8i3FPd71p8oo5j8u62szBg1R8SJ\nGxkcpZYIezmQzPirA83VG0ZuPYzH5Z6QzBmTwM8rrP4Fo0cGJaP9yjgRLdVG\nmnJiSwTYfaL9I+wUs59q1mQWolcaDc1/S55XNl32B9/+1E9cJZlhjHp/0wCU\nk22+/STti1CWnPqDEddoE8TCXGqUQtLG4pRwCEHsYvRAp4LCq8wgOTy3gLSU\nHCTMnokgoSFklmkCfIYGzBuFUKcNx6OufvApAhw+hevZ77LkmNs2F/QTyWrI\n/zh8\r\n=SjQ/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB22ZCqmhdqZ6oeDEY8AZNwxyDiog/RpKtjRDCc5SSojAiBMRZleWCmoJ+oB66b4qKgr0O6pdXUwknty7yQ6ZJdSxg=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.db73130.0_1644505738105_0.84469510784721"},"_hasShrinkwrap":false},"1.33.2--canary.b85e580.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.b85e580.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b85e580611b17ce3a6dd6463d6e08bfb727c7534","_id":"@atk/mise-ui@1.33.2--canary.b85e580.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-RFayOqeT1EX6pl+IVezzJof3NOE9uqvgl5foVqWQYKjkJZagmAlVOQQ8CG72e+IrpepqkVgmkYUXw7LwRSBVGA==","shasum":"170b093e06fb75d9865cb06e9a1924131dbb0ac6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.b85e580.0.tgz","fileCount":317,"unpackedSize":1363188,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBTn9CRA9TVsSAnZWagAAKt0QAKAGV1QobA8zCc1F1b8S\ne0LKkowkfEna1UY50P3uFL4iFNstDar/ox5EReum0x7AqkGUqhRombKedlwN\np8ZhaJ+/uVKA13ioSo+wAsBFyhPCjkXVarj7bedmQqUadJUYdF9eN6RFrxHj\npVb+TJUAYeRu0h1xSx6d4TsAX/E73X8FAh6CFZsRSWK1LbQlPsfy1DAw75yO\nAd/dojyhOrQoAL2dQOyHZQMeWVzvqMh4CghyJyrjfjDeB0z5GJoKX6PbJc5d\nuTJQAvICT57wHLJ+MsEF0YaehvVCX8oVRphxKRT+msIKP+twIpoWPR6fUGKh\nw3o6TOJsyINT9srVta56Q4t+mscvuVUTn/BDWxRMrUg1DVnUFVnMwfZ8rLYp\n+n+f2Tug0aSRJWTXhAsaIHjwGPfS+rxJ91nd/YI6G7be088ZXf1uCF6lqqcv\nCv58d+BwF7Tdkwf32XxTwr1cwpSEtEmWsB4leLGkOLgQ2ivj0ceNrTvv69JH\nCNeZA2E1Sot3SYdMNFlTlFPY2ILwIOPX9DdD8LcOqohU6nUNQ244U+TRAZK5\nMayV1f21DSJBJy8UfjAiWtQK52zYG+PfP2lo3e1fRqjIUmVMXNENTpcAs178\nkbDgvG0RwIffJykBZYaEqAM323gGVLKBca084if00oX3l2lQ9zoLKjKJCBIL\n+coB\r\n=CYZb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWn8GSOf9K3Ctj8YLx/AVlEfh20f/PvO9o7+pg2NSqUAIhALjnLBScIaKFPMJFV6hZwG/No2ztms1feyuVJnOORtjI"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.b85e580.0_1644509692921_0.9940657617031632"},"_hasShrinkwrap":false},"1.33.2--canary.e81263a.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.e81263a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e81263ac774ea2c8b31d1b802f15375ee87c6e13","_id":"@atk/mise-ui@1.33.2--canary.e81263a.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-pPI649DKVB7I859VpjyzkFvMA/lf7G5NV5WXB9KALXaVt8afKosaHYqsA3qoH+7XNxkaZaHC8+auSqt7CJqDcQ==","shasum":"3a02fe48ecb36e04292d66a37f03b019f912b86f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.e81263a.0.tgz","fileCount":317,"unpackedSize":1367137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBX1ICRA9TVsSAnZWagAAZeIP/29LmwzHSJbZwZuC6Xbs\nuqGoVimtveAarX04BXTs+4fhkW+t+qIgLFnTOvoqtN3TJpM+Cnhe/4GrhTqv\nQIgNiGaryRr93ZC6FbMoH7WqFkyEEjuKgg9VkU8guSV1Vh9mS5QqDrTi7/et\nfbl2+ieJxWVoimdHYAVJaizcGfZd9MJDf5MSaYqSaEzv7kcDitRSXu2iHYro\n1100O3ayBoXkQR5NDYM7oWo3wBMYYKV0/54R0+2oYXXQZYvOWft3emW5lkYG\ntzMLqvksYo6Xw8Xx9ZEOQfGk+oWcNox+nT+EONAs45ri4tKBhUXkwNLzUK/2\nV4UduKisSRk/br7qEd2t6LVE3iFBA4ZPRaTp6t0JwPf64fRo601UUDtAYSvB\nHazLoDRTGZ2OPCVD3XMMEFG7OIveodsbp6WFXWKwJQKf/TvbXydWtu5RXonI\np/ch1ZrLMkmC4VO3BD5OCwjb/85GhXiNkCD78j8+afDrLAZfnJ/po8/O/a/P\nkVgNwXU7DlulXfCdilPMxrobf4SA9aT9aMz08ZR/lfhUwFAis6wZzE3m7T37\nEX2NfkoBOTDIL2ddSi4058eyiBQOZMccWrhqDMp0Y0OEZcq7bA9KHcF+LsTq\npLjNgh43foE4pbWyrZExvbpfXHDk223ob7GZ1DZiX1cBW6Oh9K30UBIIU8a7\nRU55\r\n=8EMF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIINIcnHS8b9y5Sm+gwPWLE87VAoIsclWNZWkuyMHA7wIhALXlervMZnujqRDlycoC9rktpfUMzZl1IZ4XGaqoN1MR"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.e81263a.0_1644526919919_0.4476077698749572"},"_hasShrinkwrap":false},"1.33.2--canary.d160261.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.d160261.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d160261b80430694dfd9d232b725ec15acff856b","_id":"@atk/mise-ui@1.33.2--canary.d160261.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-Fqc4r1Vy4BBo6Rk3cb/qocyKujlp5FbuqO3Nlas3HyYPNTMYZZomd6AP7OJrMJxQ3T7g5KGowY5SjMKR/ByBjQ==","shasum":"968503fdbc12227ffb97e4455d874d7148173dc1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.d160261.0.tgz","fileCount":317,"unpackedSize":1367144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBZfSCRA9TVsSAnZWagAASHoP/0Ha73GSQIDM790T/puP\n6ZD/hA3KizfC5VN/kWZjxhNsMn2OTwShhtg5u4a6VbsSmphxoqCKLpbvum/H\nz6HH9tergnPPPA/9Vgr4W5MMZbVpg5IXf6HyHK92l7RrRnmtvkRGe6qCiodt\n1roY/RHf3rGBXdcsu31XLG4CNEWatm7AM78rrqouNcsp8OWWnGmHK01MTrwR\n3/STl0S60Q5PFuj+2WgBNWYp3i7McHWAvDOoAZR2lBdl84VAFfv3tUavsv6k\n+A6YqlOvl6KEDFpt8w+ldixomX0lMwZf2xdHLEfu89XyUWq05FKbCfUA73a7\ndhFCN7pZOSCIa9MliP0FHPqczHB9EIVIgsfv4XM+ayt0BYgMbxxQsvNhPmfH\n9hdeRRFB63Fb8nyPt+ruHFaH9GqaYmZbCXMDudnNVbPWIPMwiTTn8uJfKYu1\n3R1ev3NR4mnEoLbq49A+qErU2bKeJuSi2NVjRq7U5ZQHleOKlFg4EwFG9Zy1\nofSqLrxY187cbb22plnfijtNf/j/hz9RzxxPdsYQ3OeOr5IVly6iJ3fMx17e\n7oZVtkFgJiP9IQH/DODs6BJi7D2h06HTahb/0vs5srdayNUUQW1jgzWjLH/N\nP8GHPHrBZKNalRWKry+8MLlwK5/05KxlqNhabTooD9ZuyS0e5RUUBnDH8MaE\n8qhS\r\n=21PG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHqxk9IOYvvBsLbH6AruS71jYZCuivY8PTzs7tyfZJBCAiBknvuKNxqUyAFNlhxSYeHjsgQbgkI3J2pYQrR3HPS9Ow=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.d160261.0_1644533714317_0.9494576464548665"},"_hasShrinkwrap":false},"1.33.2--canary.2c378f8.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.2c378f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2c378f87487139ada9a200e0bf55fbe8ff042a26","_id":"@atk/mise-ui@1.33.2--canary.2c378f8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NIwR5b7xpvLacq2kqa7Fu7Es7ukkCl9pdlG8DpjVsJ2OZjlWUREGilJ2qESogW9nzTfnobdbJIRb93WhyWcpLA==","shasum":"b13e320137671b48c8481728792c5e15e6065c22","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.2c378f8.0.tgz","fileCount":301,"unpackedSize":1313516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBZybCRA9TVsSAnZWagAArXMP+wWp67s+LEi/AMIZGmg+\nNv9Kgw7AUcQH95y6FVNbxvoPjihOE+y2+e0SVESYSgqFgRY6yzwjGPUufg8E\nJG0Q1KyespJTJkDQ/caXu93bSTic4WY5m3Wffn1yv/FqW+Mv/z1+dL0ghDk/\nfoDtnHMASIUcQeXxXnEuYWWWLaRmah5tkWfx85OFBO2P26ageIkMKrYk5ceS\nJSSFm05jIHR4sfxA8Y4bEAFJT9yMtrde7S52bjrkg7Qs+fE8kgNpeSltbczr\n1ON/wQOV8cOPiPlfShiACn9T8hRQuM8j+WBz2uvzY9QotuMcnaP90U1PKA51\nNK6QxRpd0W0W/m48kdcSu/sQdMMWTxdcZGLxhW2kzsxV0YojA8rDcs9vyRtG\nw7KhnAFdFubD17NXghCOa5pJrUXPz7oBc2g9mtXYyNsX3Swk4/1WWJ5y3lfH\n8J1JOBXLxjHeFLpMmTNSYGyDROcSGLh+4Y52/kLKRmpUTUhHlcFeA+AbF+O6\nAmm0qxUlwwGAayTuiHBFS41YYIhcGd5bNrJ3CamWbfe4pmRttcTkGmFwOjUZ\nK886Fmo7gPL2Ij5/YqCQZ1ji4AlVh/vjd8EBMCM3rWSi/MUrrUr0VlONI7a6\nqYQ5dIoM2YvSITn1LXHHR1hWJ+lBvk3vQjFHpqOz+l2w6nke35qddLTB0c0a\n3eOq\r\n=RN0w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6WK8JFrm8zOnJkbWhN0ZDYwPalA+BOrwhldIhJ7rFeQIhAMUaBxXMGOcRbpm+N+krAPHsgDsiNKE0Iv2/nd6B3Uhf"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.2c378f8.0_1644534939183_0.07056931585369086"},"_hasShrinkwrap":false},"1.33.2--canary.64e2590.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.64e2590.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"64e2590eb7e6efbbae6317547727c4fbec7e2f10","_id":"@atk/mise-ui@1.33.2--canary.64e2590.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-3xcgEmR72fzdMy41AO/COcb1elTeLWEQEEWmMe7al25X3F0MHafmN/P+4uaBuHvyyVxbjOytFML0j4VsWl+SRQ==","shasum":"a1076d165b7eb0dfbe4ad3a3b978ca80d5cfc685","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.64e2590.0.tgz","fileCount":317,"unpackedSize":1367365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBl3MCRA9TVsSAnZWagAAil8QAJRKmGFg72QRxJbegAxh\nOwCvCGEga8V3s2NmmOeb/XxLJDFL8LS85XJsy78BTH2GcqqFXTU+hvZLM8Pb\n2QiRMXZ5yEIYFIDw5+Ar/0PwR3azhIQFQnHv6n9oydMyx3rtinQZJf+wsF98\nfwA+fjXiHdB8GppBezTQqDZT7Nj0VVc19Rj0SAWP5vohjbr2t80AJbNDgciO\nDV30zbLTWlOlxHr4o/9/dVMfxMO9gR+ta+pykaqfzSzIl71OwrJHnzpPR47B\nSp3qdhFJrEEFBkC5IqG7PROOaliVF9Kbz7o4JsR6dwFZR5F43qtQwEZBSUE8\nxIZTwU6AJrpQRf39lJaycaUGbfy2GmZX86xPgFPIPyZg8bw2NxPmgt2tWMI/\n7gFi+DLu36avQgbYFPu0MYHyNJ7gA+CeK01sE5rW5VUQKKRZtkA4EyU0psR5\nFB0bfUlMyAI0+uyvzIf5N2B4F/FOgqNFtN/9ifyMmdaHVEyRRoAIsmWss8Fb\nyIEc3CA983TEB+VgChA6D8qIniTJpCo1Tz9HfU2PrLx/X+5yPlNPWERSN7i3\n62w7+wl78drUtg0ZDKhbZa+7ahU2dvfuyorpc4X5vLj9xI3DfhCu46PdWOGX\na+nHWjR/Qp2LMhxRrFkeAr3GpL9/c5V8MmcU2kRfx5EdrXHO8/xsSYuj2VJ8\nUX92\r\n=tnkg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGmPUO+quWgJP3e0JijVK8imKoXtqu4/SrJz9KJTbm9AIhAJyMj/UoaAikPxXq3+5DImzuiaZbY3slclmuZJFf43S7"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.64e2590.0_1644584395998_0.601976983709172"},"_hasShrinkwrap":false},"1.33.2--canary.e063d08.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.e063d08.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e063d08fd74c38035238e44884d0a69a384d15a2","_id":"@atk/mise-ui@1.33.2--canary.e063d08.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-SEUi1babd0kGN8Q6D+TspCtaK4uVIGonaTCIrAwcVNngqOqxzew60lZmbtDbX5ovq+lWBF8IIHZGHrqJYCQrag==","shasum":"8a051b99b426ad3b001d9c1559fa9cd7db2a7d13","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.e063d08.0.tgz","fileCount":317,"unpackedSize":1367365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBmXoCRA9TVsSAnZWagAADjgP/27HU8WXwh7nuebFyk51\neTVjjbDvLfMqfHuE4AfB4vKqJjczlad9n67l+zccE0ncEHUs5O5FdKiG6iB1\nQuChEhEpjKC2tpzZ8VLLMXCbnsOZZZ0LlskrP4gt62YRGzYbKYAwM7H6iar/\nyo4LA72fhxCuigSFuVK6+0AURa3j3aaaIDIsX12/7MF6sXLte8OZNFAZS3eu\nHrT1G2SOyb3XF4p8c7bcKvNekLawytgHgh06Vrz4IOKXN5ObwOjKeRQAHcoU\nfD9oAO+fF+DZ1hRG4jEm3kdklE0qAIoIecLbDkl9xkH9ZdUXF12DRQIw+gb0\nRE7deuiCjCewBCUUixIVw03r4gKhA2LnRqOTBvYWrmxdehEXYAVHrP1r/c3j\nzWYTDLZrMzz/p8j3e4tnwKW+wPiw6A2rxUGwMn4PHsGcrD4bXmjfk9ah6yTv\nWU+NkINuVJMpXDMaJRVpPelrjylTj8EE6pVzT7PPAgL0Q33kTph3E1IG/rRY\nrb1MGgP0QfVIHOUi0vbhODXx6c7l71y4nc7n58ArrUHQKtSLwptEzyQzA/8z\nNSuTmAhvv1j+wUvplflf65YDRiKML3e7Cvi5MCgMc6HPSNaevKA1RJLH4ZY9\n6fjExc4FBzE07RkiBiRUo2XMXUCMY/VxShPtGfklGW/t38KAtelcx7+vk6zX\n4b8i\r\n=q/2z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD76YSyVzFZF/KUzRlMc0rH3jxCce6i9m7H5VbcWdL/5wIhAIAb4AZayl10JHRaeH3T4ohMGxXxQqSZuf5uJHWAwCd3"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.e063d08.0_1644586472817_0.22770807858028008"},"_hasShrinkwrap":false},"1.33.2--canary.121b9aa.0":{"name":"@atk/mise-ui","version":"1.33.2--canary.121b9aa.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"121b9aa063d52b6246c768c2af60f5ecc99b2118","_id":"@atk/mise-ui@1.33.2--canary.121b9aa.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-S02jS3eGjvbMoXxzYA8j94B+9m8uzEUsHrDjNI3Zw1+w6k+XMvB9RqaYsNc3aYHQ1hg/FXdtDdYSLbyzOhzGCA==","shasum":"f5daee0c94354b30506507a4cdbbb3a9e897a4ae","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2--canary.121b9aa.0.tgz","fileCount":317,"unpackedSize":1367458,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBnOhCRA9TVsSAnZWagAA4HcP/j+UABVL5YsIV5R4V6f/\noZh9yf+4zfuHcuOkyKU26hk2i6MgHp5dJLmaga/WQf82Aka7kciGXIDUnnSL\nGoTkpEUx1grZ6BNXLhwF4gaz/9U21ZXbZDw2KZqCxYDaUBFZKd6FYrFBJ9kJ\nnTCYp5+i/9vaoqFWdQv3OC+bKaoCCs0SwBIeXboovQ4j4sSY0g7E9hVGI3aq\n4VUOxNtiEKB80+oNoZIAtWD4vHCdF7BoDKOxPkpdLhkwRJkVPexv0xbBsAdW\nHxUh7Gz6nZS6ZIvph8v7hgttT1OpHQI4jNRpAVQyvrvofKCu5Drgv70q8b/e\nCvA985nqmce7qDLO/LkEIlPgsQ/O2xMum4wwU0kWrP+BkO9fIxF3jq7JzO4T\nY3kDQGKfpH7kr9S9aP1HBPkvQ7G4XdPN9abxRFiqo2A68RafLM365CICunBp\n5uxs+WKn3OsnAExsOcgyxwevgOrdapgD+FLFaNZQ5OrwuKV5MnSTyUnCug4W\nWs3dHGvG5XIzIemfEkI8ggnzzQhO4sD0ka+VAeevGEKif6/1Z9FKjCvYcYtQ\n/4wx2bRilGLDlgBmoWTvFZRecGDhSIzWco5j7f+Ye//FW+rcAU3gtZD0O6dy\ntAp5QT7aSTQpc8buv3GIldRhkpnfoHnkO1+0S3ToFnNfq3xCCQuCdApfbc+Y\nqlxB\r\n=Ep4C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+ruRaZahKuqz/klEOVYD0MLqA+8u2xX7PTSK62s7HaAiBXzDvKSLaNZ+XgwM2AeqKgiu69AgQ3N1sl/EMdklW+Kw=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2--canary.121b9aa.0_1644589985322_0.023125515678669606"},"_hasShrinkwrap":false},"1.33.2":{"name":"@atk/mise-ui","version":"1.33.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4d123f861998b1e2373670ae7adec1e8d620d18c","_id":"@atk/mise-ui@1.33.2","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-e6zMRkhlfNt85lylqhu29RFc++KsESbb2GHt+nFa8zXBruVSCx694slZITFX3Ik9zzWJbBbGBuM8USsHg3jlyA==","shasum":"b8755afa142d97762ab016908965f5b3d69f6736","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.2.tgz","fileCount":779,"unpackedSize":1633581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBnZACRA9TVsSAnZWagAAAxMP/36eZip/e65TTABMIqYI\n5tAXGJ/AJy+IUTn/xFLHfdYCZUn+tXxEsBocyVUSCgAjyeCKL1IQcaSqeJ5Z\npc4CQDM/I3srcrXI0CvHjDh8tfxshf6DPpSAPpuxO5dSAo/UYk5bCBzAsr73\nhrmOdsBs8cHX2EdpNAcqDayKULSEEDoe/TDMxyAujkTKDEYkpvoyrGyrO/Bc\nSGLhr6i+ibK4Lor3WYWTNtj2o7ioTrmGBO1H5xRVaDT4z64SThsn9PS6xKTi\nFF7uRAzz+mbnZlqzYCHgITfj3SDNrDRKBhY2oKsDZcnsR93iB4lexrgsRhG6\nnLGYsRqNOF96Aoda/SfML5kABF2zAqKqLTt8D7RQ0WDqhOnuM6PvXlHJqaeS\nlLKHZjVPgVxbYVXS6kD/Yq9KDlJcUfVJhSZxr20g46xKr/fwbu0SSX/C9uIC\ngAoJdWHSOWgqDF6CUvVu8v9AYGSDHVGZa5y/R9NjOcUczqlBWNSnMpqDKIFd\nI7W2+4ZR5uU4bbljT0o+itvDAIUn1/PbjnKrYZGpZiZWwpnusWGV7tIoR4hK\nPFLUl8sAOy6VPRp91CB/mYbGFmNZZapyEeIMI5gDQniNDEfSkwDUbxQkqj7i\nCL9ZCm6pUE6dUEkLsZAafsYQpSuKDnbekW604wtbh9hWivulRM4qvH6NhSXx\nd0yE\r\n=8f1g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPNz6eXDtzxftZiLbDvpyWdc+RJKoyVT4627RZ9SXgcAiBAkpjtApbxCymIGJ5a5esMdifThIcjgavr4oIc9ni3QA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.2_1644590656518_0.6445095305045614"},"_hasShrinkwrap":false},"1.33.3--canary.626.dd66475.0":{"name":"@atk/mise-ui","version":"1.33.3--canary.626.dd66475.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dd6647551c306a5c8b546c092d93e584c788126a","_id":"@atk/mise-ui@1.33.3--canary.626.dd66475.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-QMO5m62wNGdWuGfBof7TQuX65hSfX7CfxizR5dT8HBH7C7W4mDuT7XKGxpFZx/Uytg+myeJ6ioByq1dS5Gs8+Q==","shasum":"967211101381708d68d183904c405a80ac3dc5be","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.3--canary.626.dd66475.0.tgz","fileCount":807,"unpackedSize":1701947,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBqFSCRA9TVsSAnZWagAAWqgP/R9SJsoMMW0+mFCgZgAG\nzDHl9dFXHAMamqxro+/AVJnOFWA8MovBRSnEWsdwJL4q3327skzBp8H5gVST\n/rynMcoEwJrYygGMlo95IfBCaGPbRPA8qu3M+y1WaSSHjn6pPxJntyeESiZR\n9sO66uqLvR5Rtlsqvfm8TQjpNnLAsUg6FDeXw541fN85+f7bkgI/RhnEDXbf\nUcc18vpAm90sAScBs9rgsQlqr7kBmCBVm8rGr9CJqRNAj5XTFdNbiIMWktpM\n8KCrPkndYarqFujA/eR7lcA/st9g0U9OZF90ChVxuKxQyXQDQcDrEGsREQg2\nLGsLwvXFs1kC4pwivB3N5/J7ClSVUYqzjBpqj02ZnDuuvpDjZ6RHAZ07Tpo6\nnEl0/EA4TqhaEnNLdol0LBwuuujXB2giWWubjyoLSguLp2kPB5JCi4S8JN/i\nm7g8sd/qUl5+DnRqAdSUnN/1ysF4GgV/170H0mz+Q7p/Qi1/7OtwEjww6NCE\nTRYr8YYR8+BpeyfXjbL5rglTqJdPqQm+hG6Cf8tsuLRwggr3NGz3ESNpcKl6\nAFAHd8qSLKGCDwDtb5C/tyUZywTnMW8nfwZorS86IOSWRKMTiHLhIyenMgtI\nCpHbAXzbSree74lseSQ3ysuIJU0KdqZCg5Q4VPi6y1ui4BMo9618h/i2A+Vz\nVmY6\r\n=dxj7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFq2rQL8iyDC3mIar3/+GxHarFqBiscM9rFZEREDY01eAiAOs82jtySn4RFx+oQQqej7cV8E74BnlWqig97bsjaLlg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.3--canary.626.dd66475.0_1644601682512_0.9067021647966216"},"_hasShrinkwrap":false},"1.33.3--canary.67dda1c.0":{"name":"@atk/mise-ui","version":"1.33.3--canary.67dda1c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"67dda1c869dc9c75f3ea20bf577754265d51ab0a","_id":"@atk/mise-ui@1.33.3--canary.67dda1c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sPa9W/FThQzFPFUMXxCNAP3HeIWCTcEyp4nsDaRT4obo0+7l0qmtVB4BhCVyUTAJmLlvlt0NLyTcHrHUrrEk2Q==","shasum":"78f94f3457f0eb40e5d040316b55c27a74925248","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.3--canary.67dda1c.0.tgz","fileCount":304,"unpackedSize":1328119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBroOCRA9TVsSAnZWagAAYkwQAJubSCZ1iqwLE+Wn4zxL\nNPS6vTiGjpNdGnjMYDA1SPJMnt4Xyesm2SKOPG5aesLEAgC7mGvcYjfNpdXE\nf/SUOaH5VG2mv8TfQud56HLfzKhL2zzdSJwDr1XTT110OnAf7I20QOcJwoey\nUxdvdcenMrwZJ1wH5nDfVYtOn7lEh6/bwCziTE/h5Il0+zB5DILrsdXv2D1l\nMuR+80Socywby9UjLpHXu1UTL4wW6ShT781vvX+U8HmOmw4DU48dcbk+oYdu\nbS3TXYhhfZ2emzNEyQgGwSqGZjjamXb+VwRKWGVlCyhMnIdwc/g0UF80xB/b\nxuagfrOkc4a/VQL/wvr9m22NY/wETJmmwgdlo9MNBH8UNh80H8C6HS82s44Z\ngrqD5KyPBYpN0szE5X502YYRqsoB3CEVH+zlTJvPmSE8YiP7lEgXr7w+Yfr7\nfEBDanMJZbINl3j+4WCN2ZdoQYl52pOnJO62apSbF+OQaafJNI9+jTBPPJY4\nl2gGqBT/JQF2Ds24hVHe6trhUPvp0bzHgo1Tm5+i7ryXLRqiL19FM6+tzQtr\nB0XKs2R+ZC4pExU/asbfUjQI202wBM5fouVuSwzx4Gvais0brGgN8SK5UoBq\nz3L+GxVHnUnFXbczH2HCv3f+0m4Y3tmJFVR1dLoo39FcBzC98Vlec7fIGXdr\nWgEZ\r\n=qQn+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDRr+EDIUwXpica3LXjE7sgWWb/X0zH/4aZay8kJmDoQIgMixJF4z68m3Vnk7UFVqevLiAVw9OZhJ67542m220TqE="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.3--canary.67dda1c.0_1644608014531_0.45824359695291395"},"_hasShrinkwrap":false},"1.33.3--canary.39b06f2.0":{"name":"@atk/mise-ui","version":"1.33.3--canary.39b06f2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"39b06f29bae22f6ef572500d6e55ca05f8b485d1","_id":"@atk/mise-ui@1.33.3--canary.39b06f2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-V5SykpBGPWlbZWLW+cVtK/o0kL3Fm0LqYg5LsecvUTRQkF1FquN2WWZ4TXlUjLN8W/pUro55GybYz5re6dvmxg==","shasum":"74b99f4695fc107395636a3bedc375c138933cd8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.3--canary.39b06f2.0.tgz","fileCount":309,"unpackedSize":1334927,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCmNvCRA9TVsSAnZWagAAFu4P/3NR9yOLU0vTixu6w53i\nW99mCU4NNtIfZYIS9t3WRZl8zW1oEPuBa2hr4K/jkWfyuWTw2NWIh9d9/hdE\nxtM23x/EmA9j/su37hSgq1hhTsD0j453cNNjsy0NlwhB8qsEK5rA3PyTt4/B\nn4IP3cejoNiWpfiLKEsSQOTZr89tLtW5AghIglB0aaPIIHQEiY3W/9HQnLgV\nm6ztNh/M4yKwtNCWOlOkSwpj8Utg+I8RSozSsttG06wzSJCoKIL7xqq6uvYE\nNsFPNMEe0l3RU4jXf0MY9T0Z7som2ic9XiFVIM2o2YFUZYy3zBO4XbDFe4MD\nYOJKb+DrFurZr0TIVhIxNArNDCEQPCj/PmLTdThuDoLeu10XURK0H0xfrRBA\nv6tFPV/W4b9SKMy4kz9OKuBHNCp4B5HkFLqqKrh6USlTZHE39qsISQKMbYRf\n+GflADbiz1XFd5FRfg7J0HVIuVSiPECjYE/e4TqVoYmk1KErZ4E05og9KckK\nfWKXylb+Bxchf1iuNUDQiLiRKEQrIVzN556gSWy3x8hIrsaLZpFpnS7rerYV\niI7mh4jRX3tB9ukxY0ZzCwHV1nk3OFbyz5HQZMmW0lWpV0JdnO6h/Pho4LjT\nCFudmfefp9MQXgIdDs7uW1jpgZXrrptNV/mwyy31PKgfzigr0trFOmaAzmqo\nqPnF\r\n=aZIm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+dWLsOdxao4s+0PhKYLg4qK5UfnAFhlDyhzGf58hrwAIgEufGYB9ecllFU8R3ltRaWOoLsxvxV6oAB3xvR8zVg+w="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.3--canary.39b06f2.0_1644847983497_0.1901862558514662"},"_hasShrinkwrap":false},"1.33.3":{"name":"@atk/mise-ui","version":"1.33.3","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"f4a0ce37754923f69cc06c0add9cd0e759e70975","_id":"@atk/mise-ui@1.33.3","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Yd97j7DmapnRPY/rdZTA+xDue9qnOvUxsG+bjNvYqyVhHZvVmzvBlytGLza/GpUYPxOi9CGgIfDeN/2Ca41N3w==","shasum":"6a5435e24185941c20c9372682a70a5d29b77ab9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.3.tgz","fileCount":779,"unpackedSize":1635321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiConMCRA9TVsSAnZWagAAGfoP/2XUfR6oiscXMyr3C1ZJ\nVELtzt7cZtjN+NxsDpwyPw07XRwzlRIh60DCr4LKG/JzeiGylKfafcda2cPA\nbO8NlDelMpb0vtryG1bROYRel+kbdn5L0CdmMRfCnveUbjfi/5reQrOcD2Jz\nz7Op5CBnYcp8Ev1lnrfxmk6/Zw7/GuMuLYxgQwkU8pA/a1FOM+DLmWOWaMnk\nYICyDADP/G2yvMWcj74tWTS5R+IQVwmPOXPefVfPuMNggmSD2PmZgaz9Xe2m\nUCdY7MBBN6k/5j0TwXJr6HrfFuX36N3JQvvoDgpvACDwaI8mLnG6CyCG6u43\nJ5SumkYK7HvphY8FGcje2rPNVvByepliLt3KecvHzUedXw5ocjA7Omh2AAOl\noJXi4J+uqVTXJBk9ugT4tCAT/D/GApF5z1nhYrp11YmAjxOul7MpJMwVZlje\nCoyC0z1sRitu4Phc73CGoS/8BOH8h4Td7+OiqI4S7QGS/CLb+vU7n+E4JfFz\ne9gtcC/yo33ywqGYrDgVv0fweum6jWoSgjgJMROTkBPDwYRp5K/IqpNq2m/B\n4W7HZCKj1eB2CdUVHy3dEh0D7acVRtNPIIOBZTuNWyxD+zdD7Sx8WQzY89sc\nJ+6Y0CYFvzq1PIfR7LzWJu5f+mg6BVWIzjDfD1BRjzIWgD64W8l/ivWrLVhT\n2cHC\r\n=b+Ha\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiFlJQbiU/t+23pqXdC/BTbAIU3O19S1PmUr/UkNrfnAiEA/fDJ6ec1dinMYW/hSzpaRht4fMB++zfdb0FwoJsDIEM="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.3_1644857804126_0.5918578951797393"},"_hasShrinkwrap":false},"1.33.4--canary.f409823.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.f409823.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f409823afc1852b6ecf9e1f008c1a8d0a90a27fb","_id":"@atk/mise-ui@1.33.4--canary.f409823.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-msh4w5rIM0elDvrLvSp9Cw/6DW9pp8OaiFFZ1WJMrsW/KLFQ7+yvKHz+xMmn7HqPDU0YGkhufnFtvGyW5vTbMA==","shasum":"79248ba502c013cf89f50365c15c66464d2b04ce","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.f409823.0.tgz","fileCount":317,"unpackedSize":1368520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCq5tCRA9TVsSAnZWagAAejkP/R1ELLNLpYYd+YHQxUpD\nC6/cpWgumFGUH2d5jzQLhDzbK+2V3KnmyELCD2Jr+J+9ghe+gjgaigVyG3XT\nfLkDpZQ+czxUZsn9h+DcR+Ba6aTjb1Duay5TpcZwRXgQUucigya4Hx/VlwKc\nKuQmsm4rOWZgKJkkjPUomG8oUrJOTiXiE1eEsaBDO2STZhVFR/U58kwA/jt7\nxaIYdcldV6UJ6ah8F70aScMj5hYY/n/ZY9gp6UVvB/Vi7eVrRbNsBK94w/SF\nxfI8gr2/K4dVY1EOx1qYYWEeG5LH3htx8DPHJHt52SY40LtC5hU/vlM40VfA\nUGsx5VDAL7jj/zl10j+nZPwc3JMjsChUWNV81V+rjJHkbUMx+Xgo6HEgajQc\np7cmVCymgZ7KCyPzyYxJXhpiIm+cpwbPwiRNcICn3ty630+/AyPuIu5p4OaI\nafknHy/sopF6emp8Sg6BeE+Amet9LOGp9svtZPsNB7Nkei/EQfsyIuVGvi+H\nMBUw9md6qgURUANqQJuHqC5N9ooJmqXvGyNgv4WLEnEij3ouvOZfwTHynKVs\ntaqm2VuEfVj8OVgxTfy0Ei05ROMx1aHHgAPa3TPwN6WmeLZU7w/kLXAZOOF6\nE/4Q8XWX4k0G0Sdx/XacjfpH/QTkoY03U6spQo+/5q2ECp1gcNlUGlHwJQba\nvtOF\r\n=iwQO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHhptYklVZPzhJj+kFoc49rAvK7KJA05p+Zr6IdNprWgAiEA3wjMS1zq2qFLzouiTiaqluvKmFjjCHl5QBLIMe//fcQ="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.f409823.0_1644867180979_0.39766972730232863"},"_hasShrinkwrap":false},"1.33.4--canary.b212e91.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.b212e91.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b212e91d5a8e9400dab9b5155a43eec0a49506aa","_id":"@atk/mise-ui@1.33.4--canary.b212e91.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-wrQFFR1fQfhrG9HPjiucOSRR/v/qxgK7FY5Zqh/+EXc9nxdf0aF2n+hn5cS/ZA6q18yCpPorhHThuYhsZB6zvA==","shasum":"140196c49371989bb50a6cf8a6c9b4a572748d6c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.b212e91.0.tgz","fileCount":317,"unpackedSize":1368564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCrI5CRA9TVsSAnZWagAAM2oQAIMBVGGrTNTgmy9NwcdA\nK8bs4a4XBRrqcpMmmygiChXeZqo3ir4i3yO+EB7FfN8Z30BhRq7gd0BiytTP\nYWMNflqk8YyVeOdTjh6VKPfXU9p+XCfKmXteg1AhQY9C0C+HA6WMImzBJW8K\n/S/JeaOlSSig+87hbcz6cPi3L7z6ydIU6jW4yDZy3ZmFY3BjdJhfeH4szSBn\nsWx7a0B5AY+fRRbMNFw9TXK62YcQdU4t1ly0p2MlEDXYZloHnBLMjUcKVhD3\n2kKucdtJQFTJ7hvEMzMjjBEXiC25xD7kAwxpvQ8Ws7GfzeJFMZiDiEjBJYgd\nWp+u28iWeARhLpllCinbCHDCszA7v7TbxdLfhkouGsjy3frHynAIuxYtjAPt\ngCOdNXfHWrk4BkyOV0RTslbpylNffIMS0UU6KMpDVi56/6mC/tiY5aiyungf\nvR3GLqVdhs14GKPzpFuktLMqZhHevuOc0IHVUMVQxlMWoCM8MbxQTT/09lki\nJjCitdw9njAPj8dx6GLK+oQlcwpMZduzPCXSz1ALqkMX1bN1Ju0+mLbJ2Gqw\njurlCUhlSVbE7YSA3rzCoXOF6t3L+VpOH7I7N66tGFe+cw3nIgzRvbQYBJbs\nDRrqv5LuNstwcZDnmGTBlHDoTz9icp9XwlGz9DhlOJRmF4TONaNWOzJ4Hm7N\nuqkb\r\n=ypSQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQD9gjhNA7lmVAQepg8F55y0Z1Vgs+BzQxFze3yR9BmtnAIfNNUX8WFOuH2N3xr2g+q1AtWd3kEz40bAhml3BBem9g=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.b212e91.0_1644868153116_0.8706817225826153"},"_hasShrinkwrap":false},"1.33.4--canary.dc31ea6.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.dc31ea6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc31ea6b0de0019e46067c4d53eb96d559f4c9cc","_id":"@atk/mise-ui@1.33.4--canary.dc31ea6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-A3UZK0/iqIlLyufBe51xyHWUDyNEuq9x1DvJxUL58daVVwKibT3XdlNDtjEe1ZdKKf0jKf8pzI8KLB13eOggrg==","shasum":"650bcc8415b987d5a3c52945dfd0c6512cec940c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.dc31ea6.0.tgz","fileCount":807,"unpackedSize":1705295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCrZfCRA9TVsSAnZWagAAduIP/3Cmh3CY245J7GH4BPZ0\nxi6umFyPph64mkJgQtD5WiEZO5UguvdvLGnvFD8kkz/d8lwPYJLSzTYLL2HD\n4EMcrtM1q0sDKQSTJ9WhmDhRyIS5qgo5BrWVsAbHeBzKfDzCGAwSlH14BrA2\nOdf+v+eVY/nIwKemE+HFd99hxm+o7425HnvqBF2kBjrB5uzGKvtvc8RqWe/w\nYk8bZkH1bgGblOZolciMBEar7KjJva6KVHC30jWZVkZ3Xfb6OSyiim4mUdDm\nIvHRM6tr8hSgkH4sActZzDd7qU1+YKY2VqmpGC6dHGo4HhNhhmuTcG3GBtvP\nHmA2m8KAo+lByamczz1STQCRLz9Ah+1s3b1nMqHZrUtBxyVvmodLej8H3eFf\nXOPIYxx5rI/7xzPLFxyCOpMKrWh9Jd8dPYlgXCMSYzgIp6jAqgeT8hE5WOsd\ntZIGYhwTanOkwZdCA2Rw243lCmDfksdZkRDPL/yt2pKrWVumqBEbRRp4PXhW\nCP/bS9si57KBxPDBcn4N7vOz/Zw+EcUZll1EYp5z5AQWmUSZDJ43m1HnLvKj\noPg4wEar/FNHhbfDXs6UfqHI6ji8KWUYUZjPZTEM9yEJIIQASD4Qjht50O/7\nN4aFUSsEjekmiDWo7m8wnPMDSavHgksX0JISa35FxuHkq9LmapTobt/1PeuI\nEl+h\r\n=oEFs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnjurU7PSRW52SrytJP5eLe8hsvuBVyNUFO1H9vgPhdwIhAKuZntn9eRdb6+OZ0uG37cLLpgCMrx7npoiqEQAZd/OM"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.dc31ea6.0_1644869214874_0.5568931461224718"},"_hasShrinkwrap":false},"1.33.4--canary.c49186f.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.c49186f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c49186f62c6b61f23a705578e4c0658d32795e8e","_id":"@atk/mise-ui@1.33.4--canary.c49186f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4Dgve3QvvHq0cRkE5ABA2hOyBYk1G8VJhY2JGerQh01M7RgvWZ1ouUU5ShXecG1deWq3DExKDV7GF2N9PyifFA==","shasum":"6fe7027086152181f23f490fa46a52cdb72b805b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.c49186f.0.tgz","fileCount":807,"unpackedSize":1707520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC+asCRA9TVsSAnZWagAAAasP/j7Gp+qSLMX3v11K/yHq\n/WJOxzVUbWyULCUpSCJv9uGfhNWywkOJ52JRW+H1p6nk4UFstbL2rZrj5ZKa\nYdzPN28WAycUhN7Xo1IeLMWkuRsxGuGc9TN9ny9itMOJiCMukunuiHJ22NO7\npoCRPrhr4P+R1CMvKRq7v5krxzh4tIKMJ2vSNAQE30ZRvxonwodWioypGPby\n0rn4Giz3JGHu31JrfGXupTkKjSOp458k5j5oDdMurlO3KgDe1MSDlpl6opvf\nLyd+YHvLRciGTQqIj0SUBOzY45gT2527WL+qjcuOJNFlYKS0iybc/iS/rxwK\nQEDdaxd44Vk8kE7uNAZWcu3MT98ZC5M/ilI8Mn2j/dvr8zdhSgPJpZ8E4dQQ\nGEhGyGfRQGHka+ju0n6IKS5kvynw28s3KPp+mNxUK8dgjNhY2IvsgVzbFD7W\nvVmXjxGj3q6mbCrqyGopnHtasXsGdTIIgXoByFDSLqZrKEChClfjRrg0ddRj\nNWdZVIxXHeERb/0cMA91ruxRQhP3CRMgh3NvO2o1HcyYO+EXGBDDd7rpw5Z8\n5+xpeBH/kYTwCASqV9L/zLPRKK/9m1274x/X3G7hnL+nsxz/LKUmtz6gsupY\nVIJ6fMb6/leQBhnYcMRfQXJrkcWt7FgQIksEjFc2M2GLb7o9AtFIny6PKY3r\n0J9T\r\n=9xre\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2EiWNitfocgxg76ZU6XivZQHheBv7FX3SVleI+XzshQIgLmWX/SJwAbUV8jmuHAOGOt2vZurw9fupdApWpF54cew="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.c49186f.0_1644947116593_0.33500372299913606"},"_hasShrinkwrap":false},"1.33.4--canary.0c3cdf5.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.0c3cdf5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0c3cdf572d6f913024917b109b0617d55ceb0d44","_id":"@atk/mise-ui@1.33.4--canary.0c3cdf5.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-jDQSWTvID86uM1KSsV42cp4fBmsqx89Dg4NhflEeP2vPH3H8pIeJyZx+jeYqri+5pl2j/4xJi0KPKpW1aW0lKg==","shasum":"748ea356c616a277f542a6a505bb1d2461a72a87","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.0c3cdf5.0.tgz","fileCount":317,"unpackedSize":1368564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDPqMCRA9TVsSAnZWagAAHBUQAKNNqjAiId7u6TjkO1jE\n0bNnTyA2yxJXe+sfZz4g3+Ca5EQ4EgnY8Gv0BTLOjG/8+AUkHSgZEgAVVMCn\nLhtwAE+xsef0pteI/dEFBl6zFka/SyQYcUUkyRVs4zvP2DIwCgjZO9scsyTu\nYpXJrfupO7jiBh4fMWh6h40DU7bF+EdlxZyLdfVQR+depl0wWYj6ZhDbDKbM\nCdHu6nQdL8zDdUIPMH87kCEshtWXV3aBld9yqE1HDXUUIvZOKQoLoYhKNTv6\n4K1DvcLmdRnHpMIZ97fWUrSyRWCvoafYhD9lCNZfRNI88NaM+N3NjfU6omsb\n2/O/CHZ2cbDGP02QoJMWsn4nll3xYQgAvAPA8pSJ73eL6FCHyeyC8l+e3mWn\nYsEf/iwRQcaqeaIrlyuX3/RjTzw87AM5oAE4SSARVNNM66CQ9G4xQ8PeoruQ\nPbswTZWrN1ldyjr0IPzTgUta9dKuo3z9ktR6Uz8M0gaOPXNNpej1xAPXyYqK\ngaSm+Qal/6911kygmHP1g8s1bKhokWvx4cChd6Tg4m83ECTZxCVj4uXC/aUf\n4ywFqqWXJRI1qo5bUZN5BMkYGdGdSklRycu3hp2GxuY1mYXTzKTFK/RHrJ6n\nNwUbPNco+9SfQM/C1gQ4+Ai+//Bymu2XZ4WocJX0YtZq5sNtSbeO1QmT+Doy\nT9yn\r\n=Flof\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBel/LB1CrYyVE+fNscErlv5EOjevoAZblz/LnKnHnhkAiEA0sldGPjrOBp0Y7zP/8Q0l85/4lbsxNahjhDi0au3/Wg="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.0c3cdf5.0_1645017739777_0.3261790731260421"},"_hasShrinkwrap":false},"1.33.4--canary.6e361dd.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.6e361dd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e361ddff3e544cddd0927ed239d3c773766d031","_id":"@atk/mise-ui@1.33.4--canary.6e361dd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1kIiYiwS9C/X/nBM827H8kGvOq+dAO6qsxUNX57x8hAp9Gn2YU8z+dzIULjnJgvp6bdfObt4MMz03fjtR0IyHA==","shasum":"f991d3fe05dfbaafca6f3edae367355c7183bccf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.6e361dd.0.tgz","fileCount":309,"unpackedSize":1335776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDQJiCRA9TVsSAnZWagAAszwP/2AS8Wd4YNyk1JBp3uDZ\nQKs8hv2ww44yW3lx+9Sxbyz/vXsTT9jr8PalGrxpgdNlVPMYzkMbNHTSOtKP\nuRZUw6EDF8VNxOUIAx3mNyqtCUn7wmrLNe+xiDJLod9pYviaW2coUM9QvDDz\ntSqfE0mvfgfFMNfSrNx34DAdRT9+1+lK1wrY7Oe44LzzBawz3KkPj6xtI3xc\n9WxFvO7rs7YwRfhYzs2j4L9fo2FXmTyoo5fQDyy4GVN+doWmSlL/UMfDBAFa\njWcJbphi+Uac6l5x2sIVphb04Su7icvDO07himIeMZUajtuhNy9LHhmWBSHA\nXpV6CZhHTa5sEYAUi/HpdzyQMu1/V8bfURvDUheT0zNeey1B8bHRjPtguZTO\ntvxghxQSdGhIWElRLQZ6Ipt7yzccZEe7lGCVYLh+6ixFhx11TzwmEO+arR9H\no9IF6NXuNZrnxkHvTfm2Nofv0jOdrn3ECXNhGi30ngjQjuNd5KxFDRAxwtUb\njS3yaxRf9cbbWCUjKsJLG9qvMiPntiPt217nzlRsMUhRmT6ZLbBqLV4De6hq\n0zngXf0B8QDQu4csIVq0HUzPYmKVh9v+e3Magw6m+Fm//nZ1rDJe0xrWRv0C\nUN8LFcviN/EHAJjbR8fjTPnXQHL2Z1DEONCjb8woiCWqSjrmwB+n4+d5VE15\ntOdh\r\n=3+Lh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBcAnobKcGw2zc83ettB7oHBMCCPZV9+y0czE+DIhzRfAiA+PE/Fj2W/ocnV2wtfi1ok1eem4M1p0C4t3TUkXA2S6Q=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.6e361dd.0_1645019745905_0.7064106035674522"},"_hasShrinkwrap":false},"1.33.4--canary.14863b2.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.14863b2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14863b253824295bce7df68d45653866370dcc95","_id":"@atk/mise-ui@1.33.4--canary.14863b2.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-LqcxA4tCvIHZ40bVDd70sn2SbM48De/RfNrxmUZ828hLTuiGonDRszd1eZfgNcIQYBvMnm/8puNwXDB6QdnVZA==","shasum":"751336a7b6666ccd34c6916f9cfc43515315ac7a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.14863b2.0.tgz","fileCount":317,"unpackedSize":1368636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDQLgCRA9TVsSAnZWagAAHukQAJiGiTSfZ1JqZTVtvpag\nN9jVOYyz9OmQwcAtIzKAuddDLmL3F+XZ76oTsOsOh68uCDJBT9jhfxd7e5uo\nmIlWZv318yB/5LtHKjGHjvH0YQWD/51XJ+WBm0BXhuSy91mq8BMSyiLN/apb\nNUszWaJ/4FeMGQAVjJlyXh0uDxV9ei/cbCQPSh37IqMtih4bFexBqXfAwzvk\nDOk43U42irHvO0bBZHFK/KYY3HC9/hmdSSZlw6nI3TTAlkWZuv90WWSgy+83\neQk7F5kTvaL8PtpdqwfAuiYbqMwlkp+b+TTWDYswJhvdryQK3HlbVDwqvEti\nPwrZ4gKjYKLtrXwaTgHWlnvh9UehhV7CFr7WqwFHBb759R5UheuiKGpx8IAz\n88EZobFKJ1SEnrjorcKWRJPicjWySEWS8Hk5E+/y+BrbKcHkJo8hz7Nl0PUq\nl2NYcWH9nO9FReLQDGCStpEp80zeSDQBxncAoiJ5rcmFrAx3FCcqQe4mA+5T\nDWVKq1iOOvfPxxe+BMrR+G07mbUlJueqGRsVd5pCdAGr7QwZMUZClDzwtw9+\noieUF5ET0cUnSrJaleuhipgN3nM7mVLrvbvoa5R0HLY+xk0pzzbGo0KkICf5\n2mko/dkoZZlHTEBxrdKjrj+jGSGADhxmO4iy+bWGULC2TF3pHE9IOs2lYHAG\nLvgy\r\n=hvQK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDizPmy5EJB2m7DGtDA+RTYTZ5C9e5gEdDhXXmHjhgzJAIhAJAhnXaXbE4HGCJaYiV3qEK/6bAEsGF6LEhR/ccje0gE"}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.14863b2.0_1645019872476_0.5116965449531063"},"_hasShrinkwrap":false},"1.33.4--canary.203689f.0":{"name":"@atk/mise-ui","version":"1.33.4--canary.203689f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"203689f9f180ff3a15a5cc8805d6088e24b08393","_id":"@atk/mise-ui@1.33.4--canary.203689f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lMLJcOJcUnhoOXI4tff80be+Dc09IVfd2ik0S2xmEpgKmM49PBhNSaIw0CBvXkVUQnUSo4Z9qdwSz0rbZJbzTA==","shasum":"0e1b71dbd7d102ad02f6892e4e8c10080a2ded22","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4--canary.203689f.0.tgz","fileCount":309,"unpackedSize":1335776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDQRXCRA9TVsSAnZWagAA6YoQAIfp+uaC/jdLO27y+Bqm\nqEgf8k6PfA81wBQcgIo/z8cQT7yIdhLatjwa4XkktVjY45fGShqdkouWRarU\nYyEivn1hvbgciYeTeNX9KmvOGAoJ3CfHBUvs6LwqsCbpnNSVYijOttbQ+qtS\nxlA4HEI95pETkRIHV/ls09YdwEt4qRy3REQb27Ivit99c4abGfH+7jozg9+L\nxa0WIkGjKFPlDo8bf+nG6XUGLkuDGZT4fIME5L9D9Cso8qZeBwW5L+XSNa8A\nKadHLhtY9jSYcpLmIqxs47I/vw5Zm/t+gZ1CpUxRuSkZ73C+torZL7p3+P/6\nJDMBBM7zSodw5rtNdbZ2KrBD/5KwIa8rIAHtlBjdbZ4jn6pVdPSlA9gTgh42\nCZ6Fhzdtvf2V41alL0CycuPSQGDeQt4Ct3hfL6cmP1QOzFntmnGszC+hahb+\n4H4Pp2wmJoEnYpc1io4gwh1j5hFhyE753EuunfpBPuhJonXaAgQdOTytIZfS\nX5n8UAAgYOTOtj4XwFD6efaT1hox3KkMqwgM2X2Q6QlDA1ztnwGknikR8wWd\nywZRGwhMK/0vbD5RGoLSAd5FLQtra11auyS3l+hz8Tz89802xAVEyKUPuf4B\ndNhh3SLGKbxXtyGjuQwumSu6I2+iQNb4a48kiUvl1mh4nZ2wg8jeGnL2rQE1\nJt4+\r\n=nLQs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpLAUrfd0B+xVqWw2a+AswPeVwgaKcwRKDf7J7OiyGcgIhAJt+PjAEbXPiydDRZ4igAoHOJZXiDsjHnfwgH9pTLCDw"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4--canary.203689f.0_1645020246795_0.07575739758604927"},"_hasShrinkwrap":false},"1.33.4":{"name":"@atk/mise-ui","version":"1.33.4","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"fecbf97a0e6a3a98d82c0f39a7ee73c22a42b478","_id":"@atk/mise-ui@1.33.4","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-zdlNlQIBDLjiGmePh5e0CLX+5ssGVGuC9+4xsibutcgxMbS3ROHjfmCQdk7hNVFyXG2kEoWjOA3MmBwjFImpMg==","shasum":"4650925f50568cd1d8e9c86f10aa14881b9b9c21","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.4.tgz","fileCount":779,"unpackedSize":1638634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDQtrCRA9TVsSAnZWagAAWzUP/2Yg5r8/TDfdZ9vGXctf\n3URd/+l/36aO41y+mqvYrBcudvllEK1EEGaTQ99AbJjhC3j21bIjq/oY4u/U\nBe9vGQ7U/Zd0fv+CPOycMkopwezwJsv++oZsh0eJsOSvEmUKu+4KlS8M6Qoe\n4G8ALrlRhgcRBINEFDf1foPJiZxsbMhRQx/qCyL2KWvZNqkWja3oqmeLdyjN\n/KRtQXISAhzZdzuhuBIOXAUPMNeMLRfFvrMEPuego7L1bkKe4BdPuMw549gO\nTwbfw138bXXAfkCFFLFGpGmwlf2YyI+xrs8bzxyAfjjLjHpbIqBoUsa32v0v\nQe93sQfwmLbfqSQdXRzCeCX+i3Zt6tvcOrFIFDWisOz/arYOE1gLcb8XTd4f\nihDTueEdFEVQksoU3BeVsSe8CBMr9UnbL3ev5C4QgtQRoHfokKQJQCMZ74ob\ncluRC7Rk4AuNdUG0NS0tfudSXvFshBAHXCBzh/7uVtwH5+2vr4YD7Rpr4pne\n57NsPUL+/y7xWncd80BMvHj0teLj5r11SPeYzvhm3cy4ba3U0iuELKZUfZ4K\n5vZE+kmEsKmezkOrA1Vha5BopAbza+9VvzuV8MFEJCc1Ynh+jFO04v5M02E0\nxcI+WIyDpFhfV5v4zoF3JnYEdaIS2oKoPxJhaKQ4B9J+p+UUg16INPH45Odd\neH96\r\n=VbEk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF4RqKAh8M8CUpFI7L3iD+WqLJ81sT4LCv6Vzav1wTPYAiBl19z2XMso7rT3GbZeMxnYnb2yOotEBxI1kqswW4sOig=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.4_1645022059613_0.13289816970764368"},"_hasShrinkwrap":false},"1.33.5--canary.635.0e1b3c4.0":{"name":"@atk/mise-ui","version":"1.33.5--canary.635.0e1b3c4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0e1b3c4f77659a5ebaf7be0bc2ad354872c43c4e","_id":"@atk/mise-ui@1.33.5--canary.635.0e1b3c4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-axz7ofs+nL7jGBSzttq4EhXJD2bWiM22EEI3PaN3Sebin8ZGLaYwSCLs5VsaCYeZnowT7tLXpz99K990y+8jTQ==","shasum":"60a2fd59f64c70027a44f076dc17dd1c18e0c50d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5--canary.635.0e1b3c4.0.tgz","fileCount":807,"unpackedSize":1706232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDRPeCRA9TVsSAnZWagAAy9IP/29kDG32g2Tv8qnqKHkb\nACJZjJ5WFNGdqBVNPmKsRuGUxjNfDA7pzGT0GR8RqJNzt2yI5bbT+OzkVfCg\n3Amp83ILJWnEkl0jwPaYiGWMwP73N4pNSpRF4YjZxWYTwsHpXJ1o7F5QWykj\nzfBMjPZ0HJcnnr/9OM307lLs4dI07nMzTHhvlEKZM8xn/fMRztGLIEFc/H/G\n+3grVoG93AGdJDJ7bHkS/gzeHqz2GOEA3TU0hmyBkJ4fZr35+xUDcMxREbJd\n6ogz3zWlePs7LaWT4ipueLii21eBiq/gwpdqroV9DnMVtehjeUtU7pE6UMjr\n0bk9jS5bERhQzSjOfbBo3IXcLH4AOwfBSoyLuNTf96TOvx4a678xWTffYNjY\n11liKI7cweobgtkHCdP9yGMTyEMIjAjJ0E4IlnVY95h7lS7hovBiZsVGXxia\n3pkvohG8CGONNMtCiQ82gWO7bsmQD5NuKy4ZtqSZGF1eyyI0u0VbSfElzAP7\nJERFC2GtNKvNzGTXtFWQO8+HdGfxoi+l3Znzy12NdpBaEMn9cq0XoOhW5J6+\noSNvDG2bFWyPKfe9AARKA4tx02lLE7wSqR1APVAh6fZEupxmUlpsk+9Cba1r\nDSHSjnehM6lOg7zEk5f0Y1c9wntzE/VXQY5my2lvrnSOuvr6RAX0yBKmLrrF\nYSmH\r\n=5jCr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBKz3PCi1P7vbEEuqtQ/rR08wbteJ8Rc2s5AlgWZ6/2AIhALi/GX6DoTKR74sXDRZwIhte/fy/CDc7199uzPaf3O2y"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5--canary.635.0e1b3c4.0_1645024222074_0.11337357619901733"},"_hasShrinkwrap":false},"1.33.5--canary.2fd553b.0":{"name":"@atk/mise-ui","version":"1.33.5--canary.2fd553b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009 -s public","build-storybook":"build-storybook -s public","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.29.3","@auto-it/released":"^10.29.3","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@storybook/addon-controls":"^6.3.8","@storybook/addon-docs":"^6.3.6","@storybook/addon-essentials":"^6.3.8","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.3.6","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.3.6","@storybook/addons":"^6.3.6","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.3.6","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.29.3","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<!-- markdownlint-enable -->\n<!-- prettier-ignore-end -->\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2fd553b509addc63665c19c29bd50725cde6f6d7","_id":"@atk/mise-ui@1.33.5--canary.2fd553b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-IFUWXKWNwgE6mNLUcrwkW5XzIWNDp9yeB0iQ1Ck2MWazLqM5GkSLewEs1iHqHe8dLaxoPpdtydlHafB1YoQUmg==","shasum":"49641ce7ff04b144bd1010edc61f558e46d423f7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5--canary.2fd553b.0.tgz","fileCount":736,"unpackedSize":1649616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDRv/CRA9TVsSAnZWagAAu7MP+gPQ43K+6IjZ+13RRGkK\nFKIRB15QQ8HyZnZj4YQh2ntfAuqhp/upJY3Zt4KD8rox/r2Fd82AHTUAFKPH\ndQ1c9IDTv4606zzajm0uFRvPJr0GljYL1Urer95dJJi0+qsdLnabouxTs7NV\nzIEGXGwDd5MRypfNz2ByolQRydRRwCz5KEc2HO4JvMecEryKNK0cAI77p++s\nmw9O00w/EZgXhumWiOywEFbY7yGFCpNhHSTPY3pl1oT1mUo5vRr/zJbtf6+H\n6oWCWiHTdCd6E/A/aME4SXiCZCC9+Rb+zNVpmnT5VUrxNpxTccXGZu7YCsO8\n8xOSzTRzbf4zFWnT94ksjCZNg9dHJDefaxpktbuPb7xwRjUyi8GAhUSc3Wmg\nORmGJ8NQbMFkzypJbNzud29Pp4QluGNchmy+iqTPFg2paVPS946EQ+lVCLzz\npzUSxnrG4JCeo4VKgH3IQtkNtn3ZN+oR2fy3+bhKXmzEcffcCOWZ3qj30oVJ\n7esCRww1GFf5SWyE/3GJvjYNDvYYxgAynoQklegON1F+K5tiE75gw0DCXAfy\n7muumJh0cZM6R6v5nIq1YCioF1NEi/qvt55jGs+vcHMuWIWo9uxn8AjBEHvG\nIxGR6ujULEN105ucB25ImKKxTSGEysR6lje78x5Sjbsp2qfAtAkcgIK4EHQa\nLu1d\r\n=o15t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIKc5WTV7UqJGJTfWqA0RxsBEo/yT1bhd/R+90lD1HUAiEAvoRECyB33jzAJsUpKLanB6clJrQ3ZESIMEm6S+Mi6yg="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5--canary.2fd553b.0_1645026302836_0.5312691001430436"},"_hasShrinkwrap":false},"1.33.5--canary.14863b2.0":{"name":"@atk/mise-ui","version":"1.33.5--canary.14863b2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14863b253824295bce7df68d45653866370dcc95","_id":"@atk/mise-ui@1.33.5--canary.14863b2.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-MxdNT1ZK4AsrgA8UQ2jxhBFVRIkZuEwxlH1PFPxrxV2KClXUNj1v+PGq+Rkw5EfKeH8r+6k7SpFioa2TAi3ZpA==","shasum":"166ade255d5845481b157c506762ef62ab0f5918","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5--canary.14863b2.0.tgz","fileCount":317,"unpackedSize":1368628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDSNUCRA9TVsSAnZWagAAUlQP/3a7vqFBgo1ynyNVD95j\nBfBaTZc9rrU64TSH0LRe7iVALKxM15MmrF72rHjL2EcgYPp3bMhigyI32gsx\nPbyWHE38T1/As06fAVsogFvggvE6O3O2Kx61F5bLLHHUJO/F4AhMLjiYzWWx\noj+rQBd8q+dP76Ev908nPstrZTCnLY31slALx6sMMDtFyWNB1FG9qwUVkELn\nOQIggKqGK7kwct45Srac19QbJmzUDBkO1xhuz6CJgwRaBaGAFq8jX2bWcbSs\nUyt9IAm5+RdoZUpPBI/MjcLPsVJq0Wvccxn0BE5V/ZrJ/i/O4G9qj2RKn8LR\nppHdVr1PoMxcijQQNrq8GXbrCwy5eNBrwT7p8+aZmZ0HAFB0Z/kdKr7UyQBw\nb95+eTR4y9n3EyfgHEDy6s+eeIPfziEI+8STz1kcmAOFcyHvLsJEMcTVcMOM\nZmjx1PtAsd0AK4cJPofEsIA60HCy4MH/0zyK7Mg1B3Dj25P6rSD5e0KQBj2V\nmw71CJHPjnTb7ZE5e6MnAciIGP7L3qeLhnckLlxKPTYCBRY3yxUiA2F2rP5L\nmB1iShKOD3Eu9h76/M5bc036/Np6UB365FhZ19N+JukSnHI+wzYA1WWPoAS8\nymwk6e7mFI7s5ll4DaYKz+ITb7kj33saHLeErWY+EmOp60dkTrsCWK8g45u5\niWav\r\n=Z24z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnt3uI9pQ1R2hodH6dJts/eEoSVRfUCGlC7b4eymUNGAiEAu1w/5zOj3KbMb8z4Ql5EC7Q+J4HAcJoKxuSc719Qj+c="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5--canary.14863b2.0_1645028180161_0.7414717679480365"},"_hasShrinkwrap":false},"1.33.5--canary.635.3578b08.0":{"name":"@atk/mise-ui","version":"1.33.5--canary.635.3578b08.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3578b08871a7d1cde0a251444388ed8006448f2d","_id":"@atk/mise-ui@1.33.5--canary.635.3578b08.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ANrRieBRN3Sb4qTXnZ2H6rnAFvrC91AmhmUtWdQ06N8DJOaw0Y1h6MGAFrI0fWU941W8BwQvePZGEbD2/4OA2Q==","shasum":"2fe4c8fc5f84774db5458ad3c72d44d5ff84d5b6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5--canary.635.3578b08.0.tgz","fileCount":807,"unpackedSize":1706239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDT/pCRA9TVsSAnZWagAAM0kQAKL0rOTwvj0zmqhVSKEd\nIt29I/PFfWyYKF2OgrKSk1lAENtm4jKWrA28G/GmesTVxaX1xfppUy5LGtFJ\nA4zEnwNcn2H1h+fcTunRXtf2lNcb4+LiP5bMsr8WBR6m3CpVtaWioOTjpRmn\n4JKfF1ycHH3AT2/WH/7jv8nB/CEa0s785pt+zeiNgkPQWc6EA2PeUAh29Gt6\n0kVIF+svaYw1RDBwYSKC3G4pK7ta7MJXyQqzJhVfxSIZIj7MDWKSU3DPPGyn\n0Nbry1k3MxeVYECFicnZ0uEMFtfEZ+J6RUnx5mfFB9dkJFae9Au+rSr3knvy\n8LJE1qrLXRaNkt8Dr2ysz+X4eBhUjD6Q+BcdRVuMT3CAvUEceC1G/HQymlVD\nnya6WBEf4AWn8KG0KcwHzjfiwP/ql8885/ix7M6buwTvnstcMYgWM7Ph6g11\natZDs7Bz9xaLp9+nLRAxLZ5+n0rbwcxo+tnwKllb0JEPThggyCVhVHuauT1D\nVIwSzmDco0TZo2nQ+d5mbQLeJ0cGysluQEpdNqWrXznisu11vp8YqQtQUI5w\nIVkfdGKW2sNO2RmYXbrYzq9Cbzl/2pPx2ScLQGRh00hkoKhy2PmYUeq0N6zf\n6IrFghcEG0Fax/PgoICAHBHKfUewPiy27gVEay3Bf2JwofXNlrehglYqVvkh\n4xMt\r\n=8KRm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICXxoz5SATP6hDJxeRQUvcBUlnH77MRF6xaQPNTRyjMCAiBT+lR+WLwz1VUg83a6mQG7MZon/kAy4tE5jC21HZtKJg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5--canary.635.3578b08.0_1645035496914_0.9359343772286728"},"_hasShrinkwrap":false},"1.33.5--canary.14863b2.1":{"name":"@atk/mise-ui","version":"1.33.5--canary.14863b2.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14863b253824295bce7df68d45653866370dcc95","_id":"@atk/mise-ui@1.33.5--canary.14863b2.1","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-1wLKtt+6hC5DHdvO+uoQc67WKCJPN57Npy5cTuvsisqlC2p9b5xuTuo8SQAmXtbvjU1c3kIFUzyAXqAQf+Jopw==","shasum":"6ceb252bd04cb93f9cf2685bb462d5a7e6614ee7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5--canary.14863b2.1.tgz","fileCount":317,"unpackedSize":1368628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDUOoCRA9TVsSAnZWagAAT6gP/A/Fu/3cSKGiW/id6LxL\nhW6NfC7wQTg2XfSE+Hh9tJG0f2GQeIWbjCzjn8XglYAUwiJRQMODsm8E61aA\n030O8Oa58QmdWXCz3Zm+AsGmMx9U66AxWCxRE+l26U/0Vo9bUeBcC7aURX5Y\ns9bf3O5tW1n+oMMTLXrpN3ZB1Wvo0n7X6DKlFqc3qugjK6EFRehYw2ZHXt3V\nH6LCrbjDle1eZSnxKzu6N91YoLSkh16CYlS1mH30Cyn5+BJWyLnq9CBwxKCf\nWC0UpnA6TZSEezEXNoLQfSN01xnBESO7FWIJtCYybP2iYi+QmMU2OLCclw4F\nMbTI4ssDFB5J0RBROBslflO8JC52mD1CYUhKwjwiiw0CO5ysA9HiQ8PhZnhx\n75EfB3yXL1G/0VhXudIewwTUkyZHWlAzpascKR0qad14iEXQXbVETJzcjwO2\n20YWvB/OsxZ6b/9vBwXcQBK+wRZnbG3AJVupVOUprcfJpyZZZNTrOymA8zJQ\nFTdv6xYZ9ACyNqGi5oqziT+32bqR3c2G25j7Zb4uhHrbCQVlx8OSAtRrpG98\nl5LGa/FTgj6QwlsfAb28RZpnEWx+ldZK9BG9QQre92dThaF0xCDwqzLzz3H5\nhFAWl0jTajjZ+OgpCa6GSL6ZSpR7NrZnPAAxCGSfeKqx765NqAGwKLeU4cZ5\n/DwE\r\n=5j6d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkw5wJyJrrS9ogDOYI0aU7oCxqKzmJDX7LMpJPXeURWgIgX5HUyVsCI9p2tMWNQe6sEQgubaZ3YXsnLfmfGUt7vbQ="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5--canary.14863b2.1_1645036455995_0.8649850410364079"},"_hasShrinkwrap":false},"1.33.5":{"name":"@atk/mise-ui","version":"1.33.5","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"b6d40b99a1ab965218f87981fb18bcf032d3fce8","_id":"@atk/mise-ui@1.33.5","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-c684rs6kXElFfwyJvVgUDRAIGVOCYikwNuMplNK6v9oci2XXtfmu23qn0CUnBbQrJwzACzcPvF8BH1eFIJMc+Q==","shasum":"ca17ee66e5462cf35b9ca5d372df7c19853049bc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.5.tgz","fileCount":779,"unpackedSize":1639202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDXBHCRA9TVsSAnZWagAAB5QQAIOiBulSa4djtROQ7Oma\nT9JrvgA0pZx51ZYWqL97IGgW0mBtNLK9f455Hm2DdXJjyIPwozxaMza+hwQd\nlZ0ZhEClCYk/llypVvTO7B6chwuUKDHCGaKbi6ONzFfd+6AynPMhWwiOnV9W\n/SgV77iYLS5j4d5RX32jiilyYJyy9OpjNWcQ0x6sMSLgdIc+ZdttTJgiOE+I\nGo7j1KX7RJGh3Rb4D+8EXKWvTxWJo3a0ZyBjuZN/sw/sBJ8JQdIgbV2OQBYX\n4bKXz/rN8MwjTkkhB3k/fCPwUxY4v9FtVutYjnBTM0SFVAZUvwrWHY+yx1HA\np4lHDQLNvibNOz7SI7MDlD0T0UGuzgQVr5J+031SNqTlhG8PAfC93s3G38xw\nZVUf2HdfUwNeEf8f0ot+v5RccFHTLDlylxnz25KQIXnDhYLFl9Ro4pAAejmL\nwmlXdzn4cwv7bxOCzNl1wXPDAtjDiiWKsoexGJfjpNxkveFQLghMz2L/DA2B\nZH17uMtFO1nOgadLhzvjWZfQRRa6KOhjUprTgKZf3nJcGt6rL1+uA1xTBD7r\nMf1ohNq5qBEgy4UXLdVpDSdkvpcgogvqJ4iDhie29jKXlo3++cSp81npGUje\nkuVZfrmS8XL/1m4B/qC3SgvxM6t8hRFAvS5DvvuhHWA8ULCuQrMDvel3Tw2s\nJhuR\r\n=9pSN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+onQVLx6fKvs4qoN2Bo5YCPGdFRi07Ykclj5YEP2u5AiAVaZUwIPTGNtWjKr4fZr0+j0CAXAVbhl++JaodlHuNrg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.5_1645047878977_0.11489456865050629"},"_hasShrinkwrap":false},"1.33.6":{"name":"@atk/mise-ui","version":"1.33.6","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"efb8fa9c26c7f9c522b9ddf3e232ee6a7fb6bbd5","_id":"@atk/mise-ui@1.33.6","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-I3l7FDGaBBMWwDsUcCOHdbNAc4IjBSmJZ8wJrRFu/P4sOax+zJCmQ97486JeXRoxhe1buuD3JoemE428r+HzuA==","shasum":"7d061735394cec884cd7a8c930c1400b38f9e121","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.6.tgz","fileCount":779,"unpackedSize":1639710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDlpPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGgg//atkt0++HwX982ipctMmDEMBEsU1jbLTPUrj61LDGsCE3Ht+U\r\nsfc8uw9W4nuK+OBlgwliwBxKoIijz9FQGwWlvn4OLPX0euI9YOTueh7BjyXH\r\nd3uRAFWHXFYmzZhOXP4NyCWhK4P48a/JRtlK+pqoOTAjyp5r0ZNy/IxSd+aO\r\nHJ2i/aJSYZr9o3vjh9z3AgfdccJcIeM8laIgEsLdiDjlbDfPDK8w6abb4/Qn\r\n1aov8CbTSId5akQDUW3E6/Sj3z+2M/WJVrPqQ29x42qqwqiXNDllZMhJsPeM\r\nNnjcm+lQUi+ofFLDyqBEPfQrR8hNUWsofioR/qMJngqRCFjS3t4GfL3Cn2+w\r\nBuXUMXDSgGv7pHhKLRrnzLr7iW9T5iTPfUDK5UtE35pEBLMcKFspL1e8cq8F\r\nIxsiBqIz8u10sGStrJeK+OtAgmKovSRZLU89zWf3kFd88Qvxu7gwo//GmFhL\r\n2r2234VyY3pfSrrAGEAgyfCyWfXB8ffJmlnxBvc7W7NdFRzbPeCVHyfhx3pS\r\nWdapbBnJC2tXpQ/ZAog4yPvvn+Vddi531OXps7IFnpn3HTWjDGdTn8nTKh9A\r\nYTem8JZnD2joJ+5TaQCLP27yBJKZu5FFAKGGQ7uOHfBwkAc4EhschJqVTaX5\r\naU8uFyk6FTQ3X/CI5reao59R9OVjQjmp56E=\r\n=Sg8/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAgga+qhozI+19dYWqaI/Wgton4iaiPx8E/dRLlVxZHaAiA3qkk0+1htQe0lVp3OIgZ7B9+4L8aBrPIWkfnuG1bHjA=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.6_1645107790894_0.30202987435531337"},"_hasShrinkwrap":false},"1.33.7--canary.c483c06.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.c483c06.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c483c069f4106376abda2cdeb7fd6abdf3933bd8","_id":"@atk/mise-ui@1.33.7--canary.c483c06.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-X9BOqeL13rog391S827UQLr1zQiBJ/6WfcqdwXhBRhtoTGrUA9uSDPolkSgSKLtbKpgvPjzWosCEakGrAGUb2Q==","shasum":"d328684863b029ce0997937f46dd637f4b819548","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.c483c06.0.tgz","fileCount":304,"unpackedSize":1328165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDmWbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAig/9GWXQYl6tP0/ymLDGqWU7zO+5Vy/TeelkB+QrD3K5iX7cVawv\r\nfuhynE5CMDYBaYi2DXtiYeBmn7ko4+YTh9vOO5OD4bosG0oRPB5vDaG+A71Z\r\nBKkZGSszGH1edeNohxi4B7SiiOqZoLmNR8IK22eeWVklOyfiBr4y8xYmX+uL\r\nJbcv4WbrAYMwxJay6XIj2gBmM+4prMcpTgFCGlo8ZAHygXJFBfwPkxrJf+Ph\r\nTI1e+hMYpduqMwQQ5BS1yBQv8uTKCrpZG03RB99YyjDWW5ggU8S3RvGAFFJY\r\nHOvSgaqlX20xuhkWU5psn0p0HKZq8P3p5V9ktM9wuXV9M9IR2tlH6nt0IsM+\r\n3IXw/i5XhaLLI4/mew/8Z8nJmG1/Th2lCI6lYll1famrccdlrBV556CHEIg+\r\nHptA4BWAMCNq2bV/q49Ctys+/UArpXHoRc3w3rffFQ/I3KeK9x9S/0mhXJTc\r\nUKlpmLGc+Ia4eWA3FZyqkD/NZdp0aIn2yKdTpP1P8sBVa+EhZQlpB0QrQdcQ\r\nTBVDLvJzNfJ/bc0ROxF8QflnWiet7lQoH/pqenW+NzDZIrAFBtzjNak11uTY\r\nTewJ/LCcaz0wJ59Pk31VfiD5QmXlR55ZgoSIKbEYPzFcNegIjesK9OhFiQkb\r\ndx/VP0QpvYUlGFlFKxlFpVGDWJ3zmiyxMPc=\r\n=Y0Y7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwV9jM7JiJBHBNm4nw5YsjK8MNk3DhhoqCk3hBmbmBPAiBDbQL4zFFkf8ef8i6+KS5cZDLgjjVybnD71M/zYILfeQ=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.c483c06.0_1645110682793_0.5079636740637341"},"_hasShrinkwrap":false},"1.33.7--canary.f2ac782.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.f2ac782.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f2ac7829e04f57f2c62423a4615646a56e9076c0","_id":"@atk/mise-ui@1.33.7--canary.f2ac782.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NMHzVBbuDCNSVw1MzEpWDbe2R7iLgw/8QpxYNhKCgIglf9EEyNHdfIkKlaIsBPjVimM1POIuEESNCNqD1ogNUQ==","shasum":"bac31ab32c3d1e0f16edd6bc9dac7c0b3ee9e59c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.f2ac782.0.tgz","fileCount":304,"unpackedSize":1328165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDmfEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmro+w//TPV2FTREoJWco32u9Um7FLHNSB1uR1rO5aLWuUOMFrfGv2hS\r\nWzA1hFlxiUx+ArTvwJwcGZF+cg9+oh2q8qTyEwW00UL2AupSfc0xFelUP0ko\r\nY2EAMUEw19UdL8AtRub9ERl6y48X608QE/yY7wRgf76bk33PIJVsCbDVtmUo\r\nur2X/4LmmXGpKR5X/Sj3kPSn/zP6VsvKXaDZqj7ukFInP92ThapUAFEwE1/v\r\nV8SWxCX/xwLnKZDH9HaZ9FTJZgo0J9Si9xQJy0h4Auft1Wgj0mZybr186Q/R\r\n5Hpqb9cy7KkrowOwK6U2pNZaaQjN25YVeVMHHqTR1jOd6aFYY/YEKhNGv1CC\r\nEOBrnUMplCWs/mzsxWRpkRDEGSBAfc01+p/b07PGNUb0TBZI5v1w5g0bsGIx\r\npYPx9hxjTBPul+RXQTW4OC7Hazf0q0NQvjYNkN++0dFmdZIyeUiNUiEDQA+Q\r\n4k8FtrKpGcWdCS6wqftUNfT0TQdHMIjdKwXvKkWVBDoXjpfQtdlpmk5NbevV\r\nlPVfZmW+oNNAUqM5Y9CZ8GOMHBVJyVgy1wehBgq+gNHRbAi/4HNFGhAlG4xZ\r\nEp+y25uJyPJTTKlVhKwvHxV1qlnfIpcyJeMrIIBIA/LQRZTubBOhzN2EzhDe\r\neEyQUsBkQQBKqkNiem1Lz8Nll7UbESQ4NLg=\r\n=+onD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ5vi8roR7tRhT0PLHXwmNNg5HROBegf5TTMN7qjcmyQIhALybzI15m/sXmKEluKD8uBclPN+6Hv2vp08sJH4K98OD"}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.f2ac782.0_1645111235764_0.4577806305925398"},"_hasShrinkwrap":false},"1.33.7--canary.f2ac782.1":{"name":"@atk/mise-ui","version":"1.33.7--canary.f2ac782.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f2ac7829e04f57f2c62423a4615646a56e9076c0","_id":"@atk/mise-ui@1.33.7--canary.f2ac782.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UMAW09sbBlcXoqfjWRBGKFqUvEpWy89sKkqeFBHXBQd07T6fo9Q+H1Gyr72osuVjpN6X2L625FWd+rwI6iSx/w==","shasum":"79154ca1a4ea16bdcdcc75a188ce971a76678fd9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.f2ac782.1.tgz","fileCount":304,"unpackedSize":1328165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDmffACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz3Q/+MgiKNKS+EgDy+Lvxmbfm4TEhQsl2b0SgIxsVMQTwHYJfEpC3\r\neJJZ6GR3QfbqLXXqb1fCshAy7GEVzJYjtDOjDDaoCszAjEGJ0Ox4I093RDDf\r\n7+K3eNH7UFHy3/muFBLl08Joe55ijLK5cJ+3mww+AyT8el5S2tgWx+e1am6U\r\neopAfvUuJcsXzu5yvw6NSPDk+YpwGBo/KIO9CIf8cXMZ/yDPFgt4EJ+ISWoZ\r\n/6Fu+g7Ky5pMPMw6pSY9El8Kv0rxnU7i/JABNAGjLPIo2gaHZxBOsxoiSTpj\r\n3JRzu+RGTKSDz+7eD0oRrS2RI8d4fWS5tdQGZOaxkuB6BdvWRKZCaEM823fp\r\nVreX1pYmenbY6DAVFcDE+hojR1qDW95Nh3nkLNyWcTe4dvbSPf9Y0zdxiJAy\r\n2qFyTkyK6mlICUkSWjMsLOTg7COb2HlBhAdN/UIL9vJ2d2G89gzHWe7Jg7T4\r\n/vqob216MargjU1RDfNW/SyGvwkNh0yJWMe2nK3AaW93J5l6QARCiSQ7kSqA\r\nl2g+KXiG0qy0Uu9N0WA2ZDx66NRUQ6f7ip3zrtK96dN/w15rH/aqaJ9iaN+d\r\nc8RoDVCzzUwRkhEHg4716VxFdgqoHQEmwAGOmwREF5acjU3J9ae0ZEG/11sa\r\nuLKKCnriBK3rLIsouSb2mDelRSkr20SRgIc=\r\n=PLna\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF6tuZasOI37Y+pUJYpqjj1sp+USQNk/ryJiAlaAD14xAiEAlnnMqMC9VIMSh/jnBJuAi//f6ySdCxd+69Oeremj2a0="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.f2ac782.1_1645111262861_0.6187872597549036"},"_hasShrinkwrap":false},"1.33.7--canary.5d7e8c3.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.5d7e8c3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d7e8c34c4643d76894572c6f35b1d606ba856df","_id":"@atk/mise-ui@1.33.7--canary.5d7e8c3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wYkgfKvIsNhb4QwxOJ5RK/YxxTWJrmxLT4tOFVKZdf/F0EwNqCsBF9Sofm3XCOokijoycDETe4v4rTNE99tjyQ==","shasum":"32e71323d2e903aa416c2fa6e4d5c77ee95dee4c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.5d7e8c3.0.tgz","fileCount":807,"unpackedSize":1725189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDmsLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoh+A//T1yT/TDJWlwOCMzd9dZz0RplooXcitx8h1UFkI8g1riQ/ztY\r\no+ly6RyBHGqbY21VXKNfV7NMHlaI6c03Z1LDjzCE60JWf7Yg/+N6hjH5ya9h\r\npEwv08njOxqiPnM8BOjN7wt5jdF6AVppfQRgshNI9Lt9vwQwxLAA3hfW7RnZ\r\nSl0jOA1IeX2U4MLVMm5a3rEHgGUVtVyCmYZLv8cloywP7wNuXmxIuYxXyj43\r\nmkUt/5cM8iEZ7SbZBVyIjjV4fPjBNs0qiMRhrjkow29tRdV419xF5jJn8pqK\r\nC3sZMaHJDGMfjkRIy/qu6X1bLsiGziW9scO4vXKYyNY7n7/yVJkPDE5l6AGp\r\nSM0/OVle1bXR6eq9zEhaVW1gC9be9YsGI6GUIQS57Tp1PNIqlnIhMKzbw15x\r\n2ysWX6ejPGfKtAB/6cCLdxj3UfQYlTJ7GfYrJiw51DC9GP8GwZR5CyXNUGSY\r\nFwOOQOsHPy191sMmETzkDVvGErntXECQpIcZVToXEQ3SHoSuWNYNiqy6YHre\r\npe5ZeoEwesCdg34OhtbHEDTtGV4P9Xn+usLpTZ6ZhckrZtwBj3Z3IjetSes7\r\nQ50mYywpGRgpoOZXh3rMpEXXd1W9E9B0ClVTAhTRWxUZicm9QbzmQTbGGr3d\r\nUPPb7EZn4WtaiiQ5rH1lzn6lBtaToguY+QU=\r\n=NNly\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE/y9IvgO0HrO5eDsUshGLTssYNNYRGl65GjxqQjLwNgAiEA0BDAL/iLR3/I+n3fdR08/MN7DEyshHn1J/3t1vRJbIA="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.5d7e8c3.0_1645112074462_0.3469732998023296"},"_hasShrinkwrap":false},"1.33.7--canary.0ed006e.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.0ed006e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0ed006e1266f7869d5434571248d64a16b95e909","_id":"@atk/mise-ui@1.33.7--canary.0ed006e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-RVY70w3ih8pX8w9Ilf1V83hm+cWeyKhQGKBmA1yPFPDfQf8klmKUU2vzwLyEiCq6t/JlUYciPvOLPhpHGhPFbw==","shasum":"f82fd38b3d2420c09d326908c8c4e0522463ac45","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.0ed006e.0.tgz","fileCount":304,"unpackedSize":1328177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDm6HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoicQ/+MtdpodBzW2U3BNETiaR4HVaTxMGyPi0LN7SInSO4rVXZXJFm\r\nsStEDaAKZ29GgGD0bZjY9buod6Vpn8Knyu8KnoXNhOnALdlKrmDjfBLsERby\r\nKc6pg8OWrgujUSxHGR41Jm2jsfFSzqWixAq+j/3NyQF3NASDsMGK5PnYqarl\r\nPvz3MwoegDf72lJFLgU9VA4b26gPgPPjfL9t4mcWHu4GG6q7RItm5H0P5ymx\r\no6MlZAkdK73nYRbBRh4U3Nh8A7F4ZlL7Pl+UMMCsyZ5E+4oU/sUv24Y6W5Aq\r\nj3lieS1MGygJLql51oK/yvZsZANTR5QumJrXKTY3aFWfOZH1eYRLvKRtj1uE\r\ndbMyBPIXhsQ7s7VhC1qTsrEMXxw5KteNkiuKol1ys5m8sIb6Q7ZDCj+EqI59\r\ne+q2gDejAEwusLXg1F+Oa/M+KFdPzHdUALSwfmGuQJ5uxzORg1HTy0ZM8uo8\r\nuXuuerCNOfcoQSH1qcQ6kv2251yvnhfzT6rY7TUUGfXRAi8OgsRMr6nZpnkq\r\nhntvvfqUPCcvNe5JvWwmhKhHwe5mSFuQktL8GO3EnpI114sEljqUHZocehsm\r\n6s46QJ4sJx/3ngJ9Syf1Ucsfm+kEJh35MzkAADn32YnXcax9Y6G6B8E40zB3\r\nPgcxOEHblryP5VLk93/lcC2hfjyP5qHrSRc=\r\n=lnTE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCphexecPd8Hmgue4E85Y/pMiJ28UtD5cOrhVqgvIyCeAIhALW71DwMnjDvMPMQViMIkVgfldnv/ISwWck7FGnuBjpe"}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.0ed006e.0_1645112967533_0.41312000179475605"},"_hasShrinkwrap":false},"1.33.7--canary.374a052.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.374a052.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"374a0521c353d3db6b1c8f3e07397f0251defb84","_id":"@atk/mise-ui@1.33.7--canary.374a052.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-R2hSO+y16rmt0M9YR7PHZrX5c688A+/LKkwtDd7Wu2G/m/WFvtbyZcblaGW95ZS7LlR/injnyedVsoN7hdPZaQ==","shasum":"993c10031fbac1b7e92a1c56d4581f0621fdac2f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.374a052.0.tgz","fileCount":317,"unpackedSize":1371591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDnxHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoElQ/+PjSrbjXhfR812PPqk63EgIWzLUfgMhh7YPiU2LudOX4Zw+yG\r\n8YNjSJnkxfl41BSsgHg+HYwxueZEC3Pl0iXQsfV30uKr9aOFRnVw5EvAdlXG\r\nxUpIQakw+CW4OFWyVfGfVrNsWNl70Kw9CXHSAexAKcO9dNyK3AGWIXbwVvkv\r\nefiuJXoIW6RLyyMs1Uw61tlipkPQWhIyZDJxYrAFh9S3gKgBwGaz9DyDYUEL\r\nmyrquh/U5svS1AWbgIAmMNF08SDr/G7EHiZBSc+icWyR8W7IADNO2j7XHats\r\n2K6UJyFmsIteDhnfqg2aGcDb8k281lexcslac6UQI4UoBT3fsKdhxRIq1UQ3\r\nq4b2tHNUJ4SxZedLcWh7t8I0PDrIgUAQjE2pt/gAybC2uUtG+rHl8a04lKeu\r\nT1fNPxvOC7cNGNjKyi7yVQ4gy7uaKavE6lMfnvz2s1xF+qns+iHH4DT4aZqE\r\nCagIpS8Mmg86a4FfW4fL8GTbTdyN85jfeW1WhfGr0EnQczteF/Gof43a0QF7\r\n7VDei0MW1HQSBDmv9A+cDBm726+ofgcx8Jus+4TYWxP976XkWt/fQ2BLqcJ6\r\nb9op4CwNszzoOh24eGbzQDn+s5Ruq54Ao7Zfa0OokwGsM49kjNRs66dsBu9A\r\nTT/D181YYRANWO0uQtCHqlBTuCGDRqv3+Tc=\r\n=uqqk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFy1eOdwzMnjK0Uptn71qdNwCoENEnM7VX4LpZPRhS7GAiB0ApXIAWsNcSJpV/xbZFkhl6V5wXCJVPA5HFvgpuBbgg=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.374a052.0_1645116487368_0.1379182423260159"},"_hasShrinkwrap":false},"1.33.7--canary.5f29d88.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.5f29d88.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5f29d88fbb9cf3b2cb430988eaab08353ed532e8","_id":"@atk/mise-ui@1.33.7--canary.5f29d88.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oakIRyZIV2fAKs9f4iYdZnQm9XNHMKUdqwC2QM1Ewjw+tNLF+ijq/hypmHQC+n9eJPIAaXY93B2g3AnLpVbYlQ==","shasum":"4ea3dff295a6fe58f92893f93860fc25a785f312","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.5f29d88.0.tgz","fileCount":304,"unpackedSize":1328193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq5QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLoA//UYAVH7M2fwFCNjS2sx1fF0Ta20Fdr8HUzw0bjJg5FyJnbxCz\r\nltsz/N6f/cavlWaPyt/t8y3WGcj/VoFf9ZPX3qQgF/Vi08Y8IS81BLnBIXCK\r\nsKBeY42QO9aq8mx3b3rtg29wJ2v9eOeCGtYmKLMPpyoTEunAt5mP71JBnxYa\r\ncWyW7RiO1t2BZ5lCXypg/gyLAvlkuV1BIBMOK1OscgciBS0qaNYaYhP8td39\r\nux1JvpGOVpUd9iGjzWax7dqo2sk/mQk5vOvUQTFXRUDjGYsL4ZVm3PhseKl/\r\nmc4uaAASyTnAn4rZqop5jOmbf6UzEcVTpe3F+TOYIHFHg4hkfW0aDA9f1tVn\r\niMaThTKxRu/F+33mwKLM0jgixbWzgTbRhZ1s7IbDZQLUSYlDQKaANjz4mL1X\r\nYxcg+7tDFAf36WElfy2OdAnV7sQq0D3zjKVm99E5R4qOaeWEUmo7kclCt5yT\r\ne+yRMzq9soGoQtfTqhshP1FEc8Vbp7BwOJNrURNZyLIEtcITeHhM+M8CmByG\r\nobx/CckiI2txLksHch02oGnnKySHfQH1H0DUf6tUi8ZxV2pyfd0UYtzmyG63\r\nHl7hnhF7Dro/fP9x5oqAJf5Gdyuy1VS23Nvn26aWi1vrS21gEVMJMmaTNp4n\r\nJc7f8MyVesm1FRZSCVK3EYnscQ3/rw5rdB8=\r\n=Ghgw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDE/dwklyrdtvmWgDXduisJk2QMK4GhYY/AhOTWBF+CQQIhAJ8o4KBhUXGSNRrsaBNIENLzSHC7AXXWuZ1McD8xelX+"}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.5f29d88.0_1645129295803_0.45816087079791945"},"_hasShrinkwrap":false},"1.33.7--canary.5f29d88.1":{"name":"@atk/mise-ui","version":"1.33.7--canary.5f29d88.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5f29d88fbb9cf3b2cb430988eaab08353ed532e8","_id":"@atk/mise-ui@1.33.7--canary.5f29d88.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OR7cEpJ6p4iON0PHt0Z6Jxk3FdefxYJN0hrq0fMfAPt1EtXw6KwJ2EFr3hhiGb7SQ7YfLYaiCa0U879zkjP0tg==","shasum":"9893753934c18862d5821e2b8efae9cf23397199","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.5f29d88.1.tgz","fileCount":304,"unpackedSize":1328193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq/KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptRA/9HJCXuysWD08OKEldyxZ/QxwtBSnKFE0MB6B3MSOEuiEwRjEB\r\nuKPkb71XMPAz8SEjXkIH/Z1vNlE5WWVBShcO31RgGJHvC/rNPpoUCzQZFP0O\r\nnBQY8sVwxeq2guoq4UqdSSgwljU27eSAXvZ+qOflmgco9iJHbc68qG8dDdkY\r\nl295Xf5/KGbCIJ1SEgXEH0e+Aog0/uOLPErHGMxoyCGqXGbjqNJsPpnUIgNZ\r\nM8v4AMswZxIqRCamY8n5b9yHVLg9FiUW/1ko8pQ7NCvmKHBH9PfXCAzxLk41\r\nMv/3C4LBQOihK5Ma0iXoPpR570c4pC/B3HxCzIx/Tf4kqMKcGKbTXdkMQA8E\r\nnu9Ua819Ulz1GOpfvZWkBprEs+4zoH3KkVbdZE/z3rfpWSYYtPhEtkcu+Ozt\r\nldhz6660xpTahk+uqRQ4yQ1uxeYSDqgz7uy2RD6g9xXORhqLuKimZkaj5pC9\r\nRMU3LvWYwYKWlXSEDvIj5FWBUnO00mUsxDGzMJWO6dYc4aNe0ECv2W4rGGKi\r\nGlXJTFtOFbj8NWSQxBt1gThZ9a65hKC6HfS6xzjVDf4KpueXLXbCCDz3xfKK\r\nNJiClqhF5Bha33XcC9LPzoG2xTkNeylnkr73+gu1TdmSdbfDBrAKjdxjXhI1\r\ncPJFgslybtPEJJu+Wv+gDQR+4nKFt1KKjk4=\r\n=9OZT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6edRq/JfdTSHpVTouyF8f6Dudfaeh/EBdisnsQnrZDAiBww5zyJ5BVbb4Zntt7EnYt8C+PH0Su2UyG/SnNU3DiRw=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.5f29d88.1_1645129673755_0.7529571404640485"},"_hasShrinkwrap":false},"1.33.7--canary.5f29d88.2":{"name":"@atk/mise-ui","version":"1.33.7--canary.5f29d88.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5f29d88fbb9cf3b2cb430988eaab08353ed532e8","_id":"@atk/mise-ui@1.33.7--canary.5f29d88.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-uc8lOgTRmyImkxQ3XEkvcNgSdbvIwm2EmWpkIRboYya6iv/8EjDyWXh0q2/lRRSrjI/Lc7ob7CsMKrubTX6r8Q==","shasum":"7800854f91e793af4cbd8274e856acb89bd31a3e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.5f29d88.2.tgz","fileCount":304,"unpackedSize":1328193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq/wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr22A//d6esDweMry3yZ5WPFKmKNZKsD0hJsqlwlKx1rZrBrtCShYSR\r\n7IBtXxEcbvcA84nKqh5OdL1BrKmM/yLpxGOGy9zhfRmUXf9uapB50syT9rem\r\nbS5IJf8vOBA+GLOqQpd8x1jwTaJc1l8wgu+WZZFga9EfyJg2qMT+n0VMcxDa\r\nm6Z1HwRAoWBZ5RGSqZ3TA+yjplmkZXPXQyvcBGSVDbZXOaghwC8GwhMylie+\r\n+zJ7t0D5cqayxyL+vAuTP0V/RsJIS/FLYONqNX4BITUO41iwT4x4Hi29qKUl\r\nrT2su8fnu1cYmti6KcUQvkHyGZd3zGNVZ2kSlEjhHMTEpZtKvqN9igFA1Azb\r\nrvLSSj8TrB/wvnnesCZrqgxDR9qcWGjp8zgK2wogSpsY4caPy+mrouhmSqTJ\r\noC0ddYOWiFxZogRjfxjySswX8LPLg5U6t7//YxisZaen5XkrEU43iQEBm3hA\r\n8jJ+GHlxqvURSajt52S+1EJypp/8ly4RHM3+pyrnbcjDY+tP5Gs27Cla7oAE\r\n1K+tTAwLtnK5NG6UQAcWyhrIKe4Ol/z0CZTp9Gs6MIM9tXlJub8h/qMTccua\r\n2Bn5tEW3yHvfIMpeIKPJiPl2ab/pQ8wPcOfxY3KV48nboJQv2OOf3GQhcITY\r\nmd8YMeE+JYmaRH5LZQiB0SY4WDF+NQJikZE=\r\n=whEK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0vnSEPqgVobKBIRbcd1LqtAMJXOgThoLx97OfI0iw0AiEAqrrinTS3JwpeoTUf/r6VP7PR9V1WsyNhVaPGKjK25zo="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.5f29d88.2_1645129712179_0.09820104716935085"},"_hasShrinkwrap":false},"1.33.7--canary.ec52084.0":{"name":"@atk/mise-ui","version":"1.33.7--canary.ec52084.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ec52084ce5d75ad94a1a9ee3547876e0b0d9b2fc","_id":"@atk/mise-ui@1.33.7--canary.ec52084.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-U4Wh1oz9SUvqKv8PyQXcm2pflt12EZRyPXtiEMt4sdlGpvUe110jlqeGKaLXA+Y7UxSEEvdUDTlIWd0CxcA3xw==","shasum":"4e62e950ec421efca10b9d1e1a17e4d22ffc00c3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7--canary.ec52084.0.tgz","fileCount":807,"unpackedSize":1727879,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrldACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou4A/+LDhDuQeeeOpfGAr/AHNbFfm1/TeezmuAhseozUnAuJ/40Nrv\r\nqrAG40cz7Euxb43SMkYbsi2BXJfpXYZ8kg2andabwQLP5Ha06oEh4FKjN27x\r\nisCjhIbPEzbMFRvGOAr2EDF5BMLYujsexo1WtQ9eyeR88rUpAsm9Fj4tF9vH\r\nUpFpttwQFduSLgAKv7yQ7E9KknEHi1pRnSKYQxF3GQrySElr3khnQmWK7hLi\r\nV3hSqJ0rd81Qzaac6EzhQx+YwSb1l7wez+YIgIL6kuZpKV+gnnfJqZ3Ncuf2\r\niIzI59iokcVtTFqbXaixDZmAstTDcpzEzra95RoPyn9O2CxbKLUtB2ol4MI7\r\nkZoszzG4DKq+nqF6Ge1BYkN/YynzVf0WmUTFxjkpT8hHFEb8jm1qUkxKdzYb\r\n5vnPa0KDnwI5DUEV3whny2OwIBf8A9K9qybajwpd1lDfWGLj+CjF7iIrGDoU\r\nuu/1fSVQ0Xda0eqxYj6pDFSa9j0ISDhuWS6PR4K8J4p1qZXBqm5synhy02lj\r\natr+9WtwcxHt7bDdGbQmztraa+1bx6LzmTFTEAJFuQPPLJwa237h3VQ3NIO8\r\nqYbFpdJhxuB1DRu01Mq2AzYBZIE7Wbmt7WdzoZ3g9BBdN1awYMhx0/VXwAeg\r\nIvxrplp1zICxsFAQdrXpMyeagrjRLe5Hov4=\r\n=3dfm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDEgH7jQiwfWbwnsEwAdFThbO94UOPFoyZMhr58chJ6AIgVzjCXHbqwqN+J7n+ROqYX/7AcJqbU4Rdwy/rX2y91KU="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7--canary.ec52084.0_1645132124896_0.3412719750576969"},"_hasShrinkwrap":false},"1.33.7":{"name":"@atk/mise-ui","version":"1.33.7","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"33d5576eb4bdc03c588be425088b24a0c0544f3d","_id":"@atk/mise-ui@1.33.7","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-qv1+hLLncJTT//zSggIPDtPjAcHqVvc0KeA5NvAPVM/JMsjCWWKtYZ4wDOzlu/oDdWc8s/OwQMRcENkOd7BfUw==","shasum":"607b69008316d01c704835b38dc5595dd51dba8f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.7.tgz","fileCount":779,"unpackedSize":1640851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrySACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWwg/6Al7FG0hRA7FNY+XCcxdhdSI7kF+/G+73oX5Qj9yefY1Z2TH2\r\nkTCF96B8u0k3fN6s3HPRfi+Bq9eieTQ2TtJfZw22yX7nnzQ2PQtJR/Gmjlpd\r\njKNLFa9Sh6bACRJ8idYDPT8y+e7QWbCZeNlf4xNebUMM933qFWqs06T60j8z\r\nO816SxkNUhLQmYLnnMsNWPf3dHnoEcKK6QDX3cfv2mOdfAYZA+eZ4NvSPzpN\r\niahC6NRP4c4dGaMzvTapliMHRSvYPXdnKD7DFXKsrJrnxJEb6EQAaYLLZwmS\r\n4dY4pirkXQudlpqjv410LxLpuDm+eCF5YiAuYK5lIvvlJpE6djFo2ogHZgr8\r\nttW+bYBCUEGn0/n+R1k8F0zJPSDc8sU7Z+lFi6+eqnCNbdXF2dn/UVZ1D5Mr\r\nEkdJSLSQ5LvHkID65JYHgrh9W/SqUDNpk4eIfucIBn27WJpP27+CNuVoh25w\r\nqr6LTLDdqtvkEI4aoi+Vx3ayGvwT+JI1MGKFI7ezSCkE8L4FnxD6z6RQx3oB\r\njaObfl+beV6Kj/u5JLoSIZmIAn8NMSdoge7R5RncZVwr+7n44k8QodwFtt+V\r\ndMBf6JQqlU90cH6c+1E0ltSI0QIb+JU3L6jVgAajcJitPFc4xDAWZ9iBpIso\r\nj8hrOA7gF500sQcdsHl6SO1JjIQcBWZ/hhU=\r\n=V0Md\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEFnMlyohJGOsI/cDFByX6r2qGCScoT7TxE8UkgzniMvAiEA39wysnff7gnognSro1uQQQwoGVRGWtYCZIAexpvO06g="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.7_1645132945832_0.9784077889030838"},"_hasShrinkwrap":false},"1.33.8":{"name":"@atk/mise-ui","version":"1.33.8","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"69623d0562cd03e900f523f46026a4a59e0eb323","_id":"@atk/mise-ui@1.33.8","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-CljBLtqs1RwhJPeR6rDx4u3gSqWLTOpKII+l8tX6feX6q5C7zv7TIhGa9qQnxuPmP5mQnR28XrMV84nANGwRnw==","shasum":"e68fd34359bfc7d29cdd25f6c7af4b560907c19a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.8.tgz","fileCount":779,"unpackedSize":1641141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD7JIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLfg/+Px+qTNTN+Bcpw+jpd6mSgGINrHIXHATUiIgsd2e4GAt+52r3\r\nw22g4Iu5Q6yi3IzSZlNJ0zQCWi7RS86pwG+XkaIBUF1hBwej5X4OQUtrMLx6\r\nZlLITZrWOlf8qBcT/WRxu7ljQir027uCcVCizwQ/VZ0byEZqAU1hBIyrsrfU\r\nhgGZmhuZCx9mEb83tsgltz+fbqO+BfAXEBnENzZeMfX+foGkERklz6KQbisH\r\nCaBIunVwSUB6PtERn54hTItpWMG/BSTley0j3C7dW7K/9yNS93DHKBBfwQzP\r\no5noIycCa9o6+DxVOeui/AM+KvfCm/qHUvNGl8FJp1Jn6OycNyoSbatsXilZ\r\nU5Gy4UCaSoGCI8H4I9hJ6Nj1jF9BWFuUYg0WX8FRwj7XCZniOu40mgPsS+I5\r\nkzkCExqpjor9Pik9hd+zbsi9/9w6IkJEgF+GC8INs2vNzzSKrNQudkxNj+ix\r\nKrd2ZOvOK1eVy8qKdhEmckL0ZfAyPs/7rfWVliroEnuZ0SH8IxEFsYCpO8ra\r\nL1eGK3yGIg+7zgF70wJdmdBYwc55uJ4jL1j5tDlsoFjLxfx0fvvVJpwscb5h\r\ns9fDPR8LBbvtw7usEjSIZArbyrzGjwYzYxS+TGx0+3XbFw6sl+3eGuI9OkGd\r\nCH3gQI6FMB1vc9ehe8Zt7LncMdc4CFuTFH8=\r\n=J9LW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDUNrZ4IZi8o2bmUEiTn4ivn4+X9N/D5ZXOQmNQ+XhV1AiADbJ4P6KnYpm2+IQoWsM/0EE171RkUF1d4n4QMthH1eg=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.8_1645195847860_0.7065323169025015"},"_hasShrinkwrap":false},"1.33.9--canary.6235ad7.0":{"name":"@atk/mise-ui","version":"1.33.9--canary.6235ad7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6235ad7336c4ce5b998fe424d88354a000fc6578","_id":"@atk/mise-ui@1.33.9--canary.6235ad7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VHfDnRKj3hxgT1aFDw7Iwncrxe32th4cPE2ks/47VZe7S/AWIP7aN6JRn7QIGdxE58kE0aIDpMSYFUQ3lpB3Mg==","shasum":"1aaf9c3413e6c0450ff2157886bf76f8367c1e29","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.9--canary.6235ad7.0.tgz","fileCount":807,"unpackedSize":1711261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD8BRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn5Q/8DODf9r/pAw2XODMbksoyKaOqb/5Hvg3T/7aaKTzbSt3xdEtx\r\nK6bzAh9dkMqKmoPNVPqTUEZ5gPU3xcnkdC/MVM7TF0pcSf9ehmLFFtU2J/gm\r\nIQi7VUqlPHpmCz2KczQIJomCgL/iyYCzDDsO39R9qIEtUIdHQxqoDOKohB9L\r\nkn4KauK8Z5H26XQ+f36aJsNwPwAcOa8UsA7u36GcV93g3kaB/xceDBoxBhl0\r\niBOUay2swpnlQjOE8nTYXAgrfMvey79V//pkXoicb1Ko+mx2LKBcSan67RK+\r\nfeFS5/cZBG3xOkKEeI0ks7CgPT3EHKeybqI5GIw0p7iFlaK1n3wb2hGjaR1f\r\nJLbi1FS6peGlGwTi/73QRMSKXbl46XYpdfYA8Cc3L4FJVxTl9Xh1/qO0gTvF\r\nnQJjcJEGPpw55xdIeWL/1l/atgz0fgapepSWM/giqAVInIbipfAWzmLn8jse\r\nPoiBAlvuQpY8rCNsCAA4wVjdyZT430cWdcokpK6YYr0zKyGQGsu/iLiJw7uD\r\nBU/mroIDjBBEN9OqPSipXvvUvNShjJTbsYkNRf3qse942eFcA5UXxVd6YojQ\r\nSiV2QSmdJ8ztPT1FTAKvtcci1up5exwG0aaPwoYc0W8eLipbwOXgKlwye4+x\r\noW0p2JqhacaP4y1N3uLzUDOIk/Z7+GFg/d0=\r\n=je6E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEsIJqpW+1Tmljo6WGF0reW098NLkZtIw1aK+aWvVgLOAiEAhJ6WTqLf46Yj97nxKM3x8AMT4H2EYmc9l2JQaCa1hKs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.9--canary.6235ad7.0_1645199440886_0.6973710414362453"},"_hasShrinkwrap":false},"1.33.9--canary.e7acc61.0":{"name":"@atk/mise-ui","version":"1.33.9--canary.e7acc61.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e7acc61845777a6a4052ea45a3a0bd43f3313c0c","_id":"@atk/mise-ui@1.33.9--canary.e7acc61.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-c/cgrfQmutupcBc+n9FWYgU5rPXCd4R+DbIIbo4H7C013cM1obDsRnWrZC+XL39aDd/1yrfRaHVGmJUWa0u2XA==","shasum":"e75a4fe7967e9e63fe62b043b30e0a8bb30d83b2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.9--canary.e7acc61.0.tgz","fileCount":807,"unpackedSize":1711272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD8I6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIexAAhKvWGyzh53LdHsqRCYPoGMLtzSR51kBen+nUKfM+0PH4hdWN\r\n7MlRBbnjxD3atkcNoL5jSWaVGqqVBvLhjSf2kZbuAnQJ9tpRetaUB4tcWw5O\r\nnJqAXf6WK8kBvTdUqsNIQOqHHAfH3dpUHdboDTWlhG+uxGGocDXEUdUrH6k3\r\n41iZstWjdUK/jpBp+EBhWmvj8zyJpmyTPC6JI4G86w+MMm5RxdgaMFWhZphD\r\nj05PMXnibsVCA321pJdknUUwVt6CFW0hvTizwbEUda088ZYrGNA9OCpc7fRy\r\nFJH5HNLMvWCrlhB5/plqG2exF2ojdFD3alXo70KWPR/H1Q73ElouPVPcnYJp\r\nt7rePoEyQo3rz43RG8RtygA6KrOiDZcmrtUY+gv828s+QIzR/r4FiOx6ARNq\r\nz16TqPThslMMmWXYXbeucU+4JeTdU98JvWqfP/J32GIVUGB8gSqyd7/eYoME\r\npc3S/9+qdvfJL1lMuaSacXtyKosGmac3HxP+72/TkOmib9hlXElStLJxZ4h0\r\nYDkvN7rtmb+wkRfdY7Pzd/KIMmIEXXLvhPgyNdFqyzCi34viBKbJ29MGHO41\r\nxDQWPvCv1yL7XXRudVoMITcEC8mzUr4s4CVYp9BjQuFduGJL+bTX5Lo7WSc8\r\nGBs91HSUT43EbTr8Lm5fZ0BFThzGnh6og6Y=\r\n=m+HN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbByTI0uE9NWAPojNuxDTeqrrU08LfnY9O3/385Jh8cAIhAJX8yuSBdXpSwndQalLLE8o3bg3UbMmcYttW79JtnVq+"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.9--canary.e7acc61.0_1645199929825_0.20319387906447361"},"_hasShrinkwrap":false},"1.33.9":{"name":"@atk/mise-ui","version":"1.33.9","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"02455bbb41f725f144641a5ca01e7f8c1acda35c","_id":"@atk/mise-ui@1.33.9","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-7qT5TEv8WmnM03ZFnkR80IuSNfyxqFimX06NpHTuQWkdDz6jhixm77CkdfgiMAg2XWObMf0505LOf03+asHESA==","shasum":"4ea2d4a1053c79e40076298a329f1d75a40425a5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.9.tgz","fileCount":779,"unpackedSize":1641513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD9K7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQNQ//WUoGjuxqhQHggjyufwCCK3vlD/37nBm/90PaT2C62jqkl7jT\r\n5w2IqscvqVUBBfQl9UarQcTKAiIL/MTDmRIaGOI+L/R3wVsfXi+97IGUD4Gk\r\nmCR+N6c1XF13RHNMFpr5B3ge8V5rxCX339HRZVa5/l2P2nQHOiI39YBUOI2Z\r\neBCPEBXzkXamqjFdvXkBHFnDOubKfz3I446/VRbjesVtMi4LH2bcq/w7cyCJ\r\npRnrQBzW7VnIUAkZt9T/026t/q9a1vbxgbN9ay1CfYBJAY+vs7lJyqSte9vw\r\nxgkouGJDJJoL8hEZfionwWPp5h+XtvJKZ+5fTWUWDYiCXQEw7iky3pU5P0qU\r\nbswtibmbtAA++uYRe5jOi8zOOMW2QLFK2aZUECyjEu0Kx6Eh+o/DshI6mYWZ\r\n1REhGRt2JUPkthDNRbmv6DwsmKhDi7AzkMarPxZL0DkFt7JxMHM4Ymfj21SK\r\nTwyp4bP+tap2JuBvRyky0U3/hirXNyvPSp8lqvxsDlU2uVSlSCKm2w5vurVq\r\nnT3TWPhx67F4P0TOuqlwORrfMZVCcCUy/LPU9UkOPdmExjFV2T2H5cUwyPcM\r\n/4Pb1ZvKIgp35554qN5Nu20+d9yPMNBdd9y2gF2umUJJmZb1FfUmx7iyuM/a\r\n/iUe5JipyfYYl2LDchOtwz1p+1//zqvZbtk=\r\n=Xehv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqeL0hOqGmzMuDpvkHPyFU8eabzANsvXquCt5uLqJv2AiB+/89ZJ7JAgOz1CRNw5cTFbVdA0eZF8ObT6oxDwst1vQ=="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.9_1645204155531_0.04172100255821243"},"_hasShrinkwrap":false},"1.33.10--canary.d7fe5bd.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.d7fe5bd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d7fe5bd3d058411bf53bdddb9bb609baad0b9cae","_id":"@atk/mise-ui@1.33.10--canary.d7fe5bd.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-YGN6Cs68yqd6solMjOcXoxgDMLVAuX9Bfs903RuD5fGqSiPGmqpK8O1upB65Sd8Ok0viWeZpcrfwXBwWWxw9nA==","shasum":"8eedb87eb62ba34cf400dde06c0926519aa493ef","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.d7fe5bd.0.tgz","fileCount":317,"unpackedSize":1400035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD9M/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCnA//TsEPNMgLFNwbJ793Xd5xHFHgyDk1ZfkvsfyCtI4x8WW+fG4z\r\nT6Oi0+Gt3sJ4Re7M/hsAm3ih4bs0AcCtt076g1x7N/hiEU5inxTvk5KbkgAg\r\nrPCEoNmgmur/BML/11/+TTQwXOxRUtv1ZHw1y7kB0ed06GjDcOP6OGjM3t5z\r\nCZrwQ/IJQ/wnrLdjP4lBRePUMNII/4DElpe2VSOfAH54HznWlLXuS7zffn6x\r\nQvpYT8dviV6JuFv7ZYe9rmnPyiky5em2bK2Wv/muQ0xaGSCGKaaKQmi9tQxN\r\nIWb2Iiccvsar7Wfv3/wGhzxuKWvMLz6KZfBjBT1TrTBsxyO2aO6vB1VIGW1I\r\nKZo6+LqxIEZ6K42p/W2nX1pXonhaMKosnEl+r7iDyWIeOV1rdLQZcbzAEMZe\r\nxQ/+TBMZp/oa3fYeDjpItHuVxfSaNHDD9VZ3i13dW/pND9xQHXNygwob344u\r\nU11meKy1l1aQ1bKgSV9Ip+kbZp+SU5ydnFvqwAHdPt4iFxgKGBJqmO2L6n1q\r\ncZ2bKBHlFiKAs9neteuZTPrc1fHikaXBcg/PyyzsLIO+ljWndDTXRInLFPwu\r\nRsgLOHmZcLv5D08ut96A7hXP2onK4x0O5CGilzilikGoFrmubktwuhFMNnrl\r\np+l7Ye2ZURc/fz4MYlaxrHmVzfLlpjbC5JA=\r\n=9Xao\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHuDtfuD08aw/OsOFVIdmlw48SHpd2LbM4f6gHndR1NNAiEA/Zd4osr6ZSfERbOtIPicts5jQbUmirKIhpPepx2j62k="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.d7fe5bd.0_1645204286814_0.5813949979008037"},"_hasShrinkwrap":false},"1.33.10--canary.3533750.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.3533750.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"35337502475d811743fa7ab77bea467c59b26e91","_id":"@atk/mise-ui@1.33.10--canary.3533750.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-En8Wf8j24HvmeV+qRhiz8VbpQs7iKEtxoDM4B+hN/IzkQ2bQDBzLc8JuQj9qp/fbho8ekRNtwSgA9lWZFYSg3Q==","shasum":"3ec5e4eeb5a75269c18d1240c895dc9a79f9e71f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.3533750.0.tgz","fileCount":736,"unpackedSize":1667856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFQa4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmpQ//YKKzpfrr/T7GChLnrZ4nOJucfMpT1M0VR0AeKB5FJ3DYux1g\r\nTnTp5eWXgi/5FO/YD/iI7MkU+ZQrst3OotTmsrZ4gXThcbtt5/SnAyaG2m7y\r\ntNeuNBiTAJow7d7+zLUPN2Ydv+YC+Kr7Vrph9icrEPCg9ftQ+LCsQBHTh38e\r\nS1S5Wu1Brcx58oLXzClh5iJQ/K5P2z3oqA9KCY/vxHtCo+XLMfCQUoZaLFWA\r\nYDrngy0C3bn7jOk6Ei4ZsT78Xv8QogRVOBAUpoQdrwXB29jXRvCKyBUp3DCw\r\n/q+wSI62BtPQnFfg6Yt6xs2A/ErFNf03ct54jZ93xLEOC/Zo+fh/jDLrYl8R\r\nLdof5yil1EKZ9CvIwcJ8GFzV40uIr411P3IpDbLXEN17MBkpWDjiEzFN1HJA\r\n1u4R5YZTfOVtSgTHMrcydpPWfBcty2TsFIIeMqFJwM4N2dxZ4TgLinuc96ja\r\nH+fjpRc6NyoeXZrC6bfnDCnDakExLJb8kNPU7XG1kCtmO/cqzXuDbVCTLRtI\r\n1V9SUqc4VyV6OGV2HwF/zf4z50Jabt1Dl289g1VxtutidHl7nnDs3GLm4jqX\r\nn5tSM1DcjxGgITT9AZFYVR+W2dVyCwm9L+UZiyxiN816t4fPbK31tdPiES3r\r\na0nb4VmoOdHe7yu5zAcZw+POsXBf1ZKmV5I=\r\n=FLO6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGF5NNPCfgTyMGUz9RObbLOPVJk2byAf/JjECl3qjx2AIhAIP/dMc0MamrwIETNVl7qcQcqdjsEWh+mb4oy886BlUL"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.3533750.0_1645545144709_0.1995689352594503"},"_hasShrinkwrap":false},"1.33.10--canary.7390c64.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.7390c64.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7390c646eecf6a91e4c14ccb9200b0e6532ee449","_id":"@atk/mise-ui@1.33.10--canary.7390c64.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-yQ02dkK75Nte4oYjoiXaiQBJ+IvYQ6I4uct7szn40rVfbdhaJnjmgZdYsRP27q/x8YYGfGG8LLEai0LCD6VZMQ==","shasum":"c30756dfbeedea02de951c888e5776974df99f61","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.7390c64.0.tgz","fileCount":317,"unpackedSize":1400139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFRAMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJeg//UfD0E5YIRu9b0jn1lUGXlDj4yINnRGjhadPqjaBpJhKcZNHr\r\nM0cRqS5JvucNr+QLOb1SAH156z6wEcuFHRZQUXI6ecUgDYMmfKWZILCvv9Wq\r\nCiaxoOj2qWE1IsHIk9KWkuGW58T8rvJKkHRfk6FzUii0uCNnZuVIGnn4M2Kg\r\ngtHKUskEAirJT+TdmzK5A27wrYnrnNpZKisa3DtYlFbVbTjhR4Q6s0H3Ouzl\r\nv/ZRuDolTdc+SidA7YLzZv6gueEhKTosxdz03i8hWMfzLpj03/QaN8743FNZ\r\nmOvWsAPXqCTAtMjXHrwdXxuvQv8+S2bY3ZVZhFEMSh1wEKnR3h0FouRmyhLU\r\ncfVoZ8OsmD7MPQXIMHH95cZZiUXRhz45sAeBSGqeQlydvAM7PXEwPwTRTTYc\r\nhMrUUqD3hS7Qgvwfjf+K2ZhoYiaBUwNsMEbqCAm8iEYnyrZ7Ya8GR5cAwSKV\r\nTgbgyisUfyhS7vJSI1jCFtgcKvtvmKE2QdXKqAsI2+8c6N7ahkqGhd64FmCi\r\nr+4Z0We7jhPs5NfIpf/fK6/R99hZGJBSnJsxTEjFNDLReaianQqfFH+RK4Va\r\n8eCq9GUHZ8OxaIy3tSc7Z4eJel8v4094GduhZyt8K7fJzrxIuu2asoBnvrR6\r\nkrTEloWPUDv+0MlYHmPzEtGDdTlfikVLs5M=\r\n=bOQG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqsZQJcwDn4F1x0rjIEapUuy20e33erzVDWDlLdr94VQIgLIoW4J+Rw3b6aiCz6Jv6isF1huE7hZTuGFc+BVeYH5M="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.7390c64.0_1645547531856_0.42624387826438803"},"_hasShrinkwrap":false},"1.33.10--canary.e5cbbe5.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.e5cbbe5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e5cbbe5242736f18209adbb4e44453671a058e4a","_id":"@atk/mise-ui@1.33.10--canary.e5cbbe5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qGJmB/rUfIyc+IPs2Mm8M8f46x9dq9R3G6Gxi11yxfPsk1TWbHsgq+JqTBLMyyYafuv0BFXWcDAoV0/olJEq5w==","shasum":"ef1aaa5408399a0a93dddafbafb766699eabd09c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.e5cbbe5.0.tgz","fileCount":809,"unpackedSize":1730357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFSS2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7EA/+Mdvl9wRSrO5j6EagoJCzkeKHuhT62+LRUBioxbMOZFELAK4k\r\nI5jLxP/6TDyyz2qM/GttLhV4dh02yRT6+pRuKIIBMdA2E+YBCFMigfBpVP/J\r\nua1gNdBmnOGE0GRgeHgV/pgyRDphEtmE0E67Fl/9A6CV6o7lr805SroId4PR\r\nbw9FG2meHRbB5jQ0yEVf6ITyl9vXFMKiXafTDPI2UdwQu9RIU6GRxBg3iE+y\r\nmaTIiXxuHk4LQCu9x98iVpxZID9BSKy42tyUMr5ytQdU/46GQOtyop8TRcGZ\r\nk3fLCwBkVh1h5UTsYxWG5MwYxxkqpEvpgpJFSXdc2ck+hV8yrcCwO7eFuclr\r\npTcLMemen/AkPZkEx0QOzQiPpKhy0QPgloZJ3+2jZRlVvqEek4dUQ/dArHNu\r\nicAmVYA6+lfx6ccflRRrnKcKKmvW8rkV/WpjUdy1o/ouPXNUj280k9CCH3tU\r\n2lEvmPUjwQXApOpyOBizUFpC1ixGuAujbdMg/2OrAQNMieR8ygT+YTIzCsAL\r\nz2wiPcSG4IV6ifHQAuigNLvCDhNrK1qmKVmuFxrgIiETeiMP51D+hHZgsl4R\r\n1/Qg3CwM6OEaXCOTI2qujSxinQjC9w3S3KZTPG91XxezSDtAlrMoXqFLMuA5\r\nMxu809s4DtFJl1Wvl4a8tAW6H9KHKLMVVfw=\r\n=q2hJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBVStKHKyLd0x5vLrjX6MNCUZtROquiMCd6JLXd0MMckAiEA0Nml4NwYkHt6Ne30lTrv+h9IAngETK9rIT92XEZx/uQ="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.e5cbbe5.0_1645552822591_0.12162670029507772"},"_hasShrinkwrap":false},"1.33.10--canary.bc4ac02.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.bc4ac02.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bc4ac020e71117a8cc9584d3f84164bcdab0d005","_id":"@atk/mise-ui@1.33.10--canary.bc4ac02.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-hQ/ZdB8J23bs+Rc8lIoqD4zdwdcqgkmslDE4Kc721qLYVU61VHqGKLcZuxbloReH3GYSx3sPl11fcfKqag0FVg==","shasum":"5924ff2f6bb39f12ae52f8b0165558adf4904beb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.bc4ac02.0.tgz","fileCount":809,"unpackedSize":1731379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTSGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQTA//cpHhQ2bRnQZrrbjAQfbNnryHOJmkGlwZAxZroctgPnTcIG0/\r\nyTLlEGwhZ5Cl8OzCz41dgkYu9h56EjiShvqZ/BZSMB+301JfRNdGTqjSgbzl\r\nAZE3/oWii69a7e8Yy5OHvIRuVUdpa3bwHA1/szBFN4N55PYAyU+5rlBacuPP\r\nEMny/tNuxp1aoqgWdnLFmFcdCwPfGEgf30/oHdofrGAuOaia5JMz6bnunkKU\r\nR7bfLkYIZsH4ilHrat6S391cQAufcGnYSZLnuO4wqrW6euVimxc8LJpPkeQ/\r\nh/UjaFBjqbAv3CIMryFJKgg1MzGgxzUDQlSG8cVPNtERAJbiB11ZCtxPDcCD\r\n3vm7Pz6PBblher3RqXY0bHchTZm6dPoHQus/VpDMG5MfGoCS8QSHQMMCdWpE\r\nS2LKvs+72cJV/OSfZbO1ro4IOmXzcKI0PsFzy6dmB+TsfgvQAC+qCTch+IE5\r\nu0efVble7K+Sf8p3JfnqN6wTeyVs7foDVquJCX3Dac5M018+hDhSrLpd6naF\r\n4BSeaTr0w0JzR7MMprFytBhRGdpbYvfKY84NPQijHbZwLBVxRDJs+PAXGkzh\r\nNFiUbbTutwrNmfV329rD2gU8dCR+yHWRnE97l79UdWF6J3xlASAKW3YtUhVo\r\ncWWIXwCH9M0V2pGxbZ7YUQ57XAjjXOMnAAs=\r\n=+y+t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+VaqpSjiZb01dNkFzGCkil1Q+27vFnKOP73nXRbW1YAIgdhB/CI8Mg4BvOjZGOocrdLBSIVlif6F1PO7VtrBPOko="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.bc4ac02.0_1645556870722_0.021535790962606827"},"_hasShrinkwrap":false},"1.33.10--canary.4d73246.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.4d73246.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4d73246ae7e535a8d711c2778f51253b3a3c3443","_id":"@atk/mise-ui@1.33.10--canary.4d73246.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wc18LScTr5aRQdZiHNzmBBkQtKTyMfZfvGfmHBKDbZ7EnkPEXkmGadcQDxU+yfhNG+cmWBFgkSRSfYaQfNJIbA==","shasum":"9ad401efcd7e239378dfea77b5da448cc4238165","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.4d73246.0.tgz","fileCount":809,"unpackedSize":1732168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTvVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOIxAAh+7nrNtDkKr76c7aJqAUTXFZHKT4NhRdGMhTI5bcJsDyVFte\r\nyzSvms6pITtFY2KARMYnAaphaI6r+vBMbu3LqrmuaZtq/QCiTl08BMNa+2O6\r\nIQZNdr3r9QOygwu+n/EBXn91D5KJm10xPGaI5jFGXOhVdOO/1a5cDhnBBV7P\r\nuwQ0N+Ho2EoqEPbghpJ2AYY2kv/aNo3eO8m8rkUnQW2q/X8vrS17v+OYRtK2\r\nwmwCzCtz1pyq4Ej/el3euRLNxV0+iyYtkNZM+rqkdRbvzflCm2wu4y+yk1U4\r\nPpLKYxQn8XIyPFgnXDUu0H12HprKT6ddxWkKxC4nohITTxkE0ATm1p5ltTSj\r\n2pF1HA1Hd/iBUbCXhZCaa6iaicyVbjY1+kdl2v83KDtqKMegN9F/qScOjcvb\r\n+UIX57IvSIYL8yaWErf/ebIUBPRhXh7cZsZzsUD2J3WNqbNHZBKFeY/r3TJ5\r\nxpUj+N+PSZYRehyXj9ClOP9P5HCXgsh3nPEO7Oy3pw9CxVDufEKEAu2m3HM5\r\nHcajWoxHPykMs1KylulagTUhHluQXneZADTcytb3M22lWQmNu542unCHndMI\r\n0Ra0khjHxi+euTJ21YqzI9iWrdUijr1il1tLzNSootEnKfQlDFJ6QzMHrESy\r\nZENqVoehsRb87KCkLZ0ukoOSrJMTffBqESA=\r\n=AGNd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICqUQ8mhExaX87kNOgwxQlzu5U85uyiR6fVQAb4n7S/4AiEA0/9YKDGefcgQapafUyuBR83vtQtDYbotqZLxffqKPOs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.4d73246.0_1645558741217_0.8882167101707379"},"_hasShrinkwrap":false},"1.33.10--canary.6f18181.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.6f18181.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6f18181d5d86dc1bb593d7628a88b89894c280cd","_id":"@atk/mise-ui@1.33.10--canary.6f18181.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/a/e+oIDKWe/T7SxwSfLIuroLcoTcLKTQJ1/McMo9YnIpCODR9+mGXQ4S+hq5pKCDLQVNWn482HcI/XTieaFMQ==","shasum":"391f70d56f796f9ab9d31486626983862d6ed4e6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.6f18181.0.tgz","fileCount":809,"unpackedSize":1732147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFULHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBBg//ZDxjjpDbON/einIIIb2qUqZE/QMUseppxFZbVq84CKs/mkRl\r\n/0XilMIQyNXa5mKgZRZjHCRCEfntqASOlP94soJA1FbEvig5r9D2jyDBnf/g\r\nAavJkh1bjXgGVMyVWT+5jYiP3fhQIv/7bkKBbgl+YghkWAYLgu16jGQvxfzh\r\n5t2fMKNCY6rHffQjxdy54sGVLfNyosA+4AhPlrAwkGIMTL24OQVaDimknj5e\r\nFix9qYkh84Deja84yF0MQkcZ3HbO9Xrr3+g2LJUHNM2zAcSce1up3PZtLGdv\r\n9Wl+eaev3Mo46v+mqHzKZV959BQP096HkIIeZWB0W6K+HrelyKGpPFppO32X\r\nYkOjkgKXapaAD+SKizOAm9OJOmOoqOHSZSejhKyd9ZN2EyvWXBV9WjiDZIvA\r\nCY+CvczBVcneNeUJieUEL7LBGKLmjiH1VKameTHuKP/qA56gIuonCtFkPy72\r\nITpcrTjVntVjWi5i59YoRTnIU5U7tNab1tyzQhiANEeuGlTGvVo/iGPjcPMI\r\nbA5y2B08DhMdcB6sey6Ph0QrmCsYmOvKXh15K+MXvkQQnxg6d6rrHuMW/T/C\r\nl/QnUcf9fiCAHocwg/vuNl/yWPSroC5WkOymuhToq9WUt8oPWUZkBgQrlRJF\r\n3b9b24AEBjevC5bBzVZi5OG5BvyJ70ZmbtM=\r\n=TGUw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjsSXDcH8PCWvDoth9CE0Pg2H/xHVFgKlZ3gVaAtJ28QIgMTaHDrHWl+AYuivMutg5yFCPPkt40D5hBSFWIb1TUWg="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.6f18181.0_1645560518686_0.22720770485423247"},"_hasShrinkwrap":false},"1.33.10--canary.aa0b800.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.aa0b800.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa0b800d62c273ebd001f0b64b655f0ea2171ebb","_id":"@atk/mise-ui@1.33.10--canary.aa0b800.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-M568lDsDEN1z3qUZQOEPnRWJXiHL/6A78aTKbeub65L+2zc1ZALXiZyMq9Ei+2p5TuFn+rIlLZtRmMhYrpw8ng==","shasum":"6d89e85b1917cd87c0522a68103ecc1d2bba0e84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.aa0b800.0.tgz","fileCount":319,"unpackedSize":1407882,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFURlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJgg//QcoPgYi4yKGPYCKFH5OpO2S4qvjYh31ujrNZt6f2rO4NdZ+c\r\nIJlZUdDzYvPgLc1eI483k+t+PM/CFodmZXZIyu91TYirfoM0X3hPgba1EgST\r\nXgISueLmj6vqI4U9p4V8Fht54CF72Ih6/IgS0oQZ6ATM355um+uVFuCnGeQM\r\nJtmB956BDXkDkKwKXAhAfw72hi4tY886lHNaZOTtrFQwIpkrrN757gHUNkFB\r\nmqSaItBHN1/YyWsD1kP5qSEkclM3ayQ0fuYk+25D2rJZCb9fgICde2kcYZBM\r\nJkrlyt5u1Xx3OoRqkhjLIruGx8G28TMGlwyVmXFUKzqOrh3fUeMfKTk2y1M+\r\nvKSUixTp/W48jNYwKe3SHvNVa1eHim8+ABxkbYdvI5wzdmh7bMVd3xXesdd8\r\nJxjs2l+euMGV7pLKu8DuOOk15rjNFEQMSbAnr0Qw02C4BhY4kFcK2r/p3cRR\r\nSddM3Z4pK2LtNXJhIEjLp9Fmn/hU0e/Z1xmPZNXlZ/ztAppZ3KC5ZeW/CPbc\r\n83iOFoErhivM3JNmYGzRDTSMXBhH8RxKJCiP9DV8SFSkjePlxXyN84s7vpER\r\n5YagpdK+2nIPyp8LXCC+aBm8CXXl2dyY5KG9izSwbSA0eorMmJXYHT/A0TDf\r\nJVGM1ym0toCVd0/1R7d8x4Lq5qRiLXtSfJE=\r\n=QBmK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCH3eAG2+zK1G402pa4vcxo6oNhne57jYjId+hgjmo4AsCIBXQbZSI5Q/UKPikmW6AoyYsJf6Q8GSsMZtJQNmKokG1"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.aa0b800.0_1645560933153_0.9697660854364991"},"_hasShrinkwrap":false},"1.33.10--canary.7e5cfae.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.7e5cfae.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7e5cfae81de0b3441c068b637ee95f2eb60aaf6a","_id":"@atk/mise-ui@1.33.10--canary.7e5cfae.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-hsynQOmLeTD4sXMQ5UnIZEthr24+MEoQkiSqCr6yreqGBuIuCsBxktIImB5AiJEPhJoxuNN/bKEgqvpOnX5xcA==","shasum":"ea665f71f8cfaba1b9d263338b0847a6231c8d28","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.7e5cfae.0.tgz","fileCount":809,"unpackedSize":1733251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFUnyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrZA/+JjCIj5pzXgdX2lOQDDF5iKkL5+eJAPEkyqh7atqiMgkOt5ch\r\nT6x0X8N2C54yT2tMjsgsgtTgzFidq2KjmISH/JCNwW6rKqI6uooroBqXBYY2\r\nCIoeOMGNsbFr5aBSl9wLhcKcFX+lgk0LINKwAd1umkAQh7crPc+ON/YCDHE7\r\nU+6mMudaGaz/Ycp38NYmCA9n2HeIpSqaoYnBKsTBWpfiVNlp5/gvLegUvr10\r\nQQeXoqnreWtnJO7WAb1Uo7Ym/qdct1FnVWJ+NjvIDvGUKSpEnIV3jX94FGU4\r\nt1TMPcWPPRKspF5fwNGTJDZmF8aldiVhPVYZIehihkrQm/3BX++KnCSgGMru\r\nXcrBM3f3Yp0z9BrPRTg8tA/dnrEyOdXE+4AsJ+GuCtu3iqLOLK1hP7NHFqch\r\nyknaS/Ylr5tRzM7px1eKffUkxWdzVSvrVuoxcwsIrRtzsBhD/b6Zpnco4hrp\r\nIkPwIIKFuvNjRU6hOIscnibNV4C2qc7yGi7IwCp2XMxFtAMkGB0GcB3iU5IB\r\nhWl/oXR1/SNs7hO3RtciuGmGwy1PYsngmxcMp2Uxe3mFOrKhSv2Nej/eaM9G\r\nM7kLvvrheHDr3tPb4ALJvsDQGjNx2LlKg2ohZlBlupbVTr+Ulxz12fYkdIxp\r\nfTb4pTHcanUpx0es+APPVBAHv7AqAcL6Euw=\r\n=B4B2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDA5wXuMPfWWpTBkHIfCR4j4hcZIdCJ+fATVfSeebAJwAiEAg+KNEuDOd0/GXGP9uD9HYgdhVyFaIEuhACMJGuyEYbs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.7e5cfae.0_1645562354509_0.004628364416326081"},"_hasShrinkwrap":false},"1.33.10--canary.9d4a1ab.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.9d4a1ab.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9d4a1aba97ab0eca2f746e71f7301f08d289e28d","_id":"@atk/mise-ui@1.33.10--canary.9d4a1ab.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xmu0DfPXIikpFTzZHirAFIKpk++6IMau4hXJgKY9lgWe53AAnSdGhc1aADTwUV9OwyTTJCwvNUnNMRgOVBNCfg==","shasum":"371bcd2deef7b453c3624437b695d4ef86b66708","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.9d4a1ab.0.tgz","fileCount":809,"unpackedSize":1733299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFUvqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXeQ/+N3tOx1GPLRatLHITLHUrQBEJdV5YrZ0fhLklP/78My1VpyQo\r\nhzdzwvpLTVRNPWB/hwzJWK8VMt8saCwNCWBOOSGXgBIXV3gnzvsdUn+3T9OW\r\nqQisMA04vU/ZY+rlaP9d5hpQIFlQpaB4tJWypJHb9qTx/JOpTSbI6mIo/npG\r\nWaV2pscWA/Fx5D44FEt86cOgM1djJf2lflzUg2SQf2hOVgLCxT8ozCYtcsES\r\nwolJ5PudbHFGDcinlnrFYr752vrDh+hwNejOOZJWQ5xNgEg1S8dcgEkJkiDw\r\nVxDvZW84s7+RKjzxo8f8wLVa9/ns3batO26AmHAUY/lctraf1J+xUqJ7Wj86\r\ncJiBxUKdDTx/HQ6+q4tFuLBi+OJ0f0xg4owThjuLBwgqX9AiXpek6FawhFnR\r\nclPcaRRljtfdSL4h44RznE3ROjDTg9fouucS9msBv7ofRQsylT40e4sfdYbz\r\n4lJWG+fUGaCfUIvcFDNzG98VxqQhLqsnpO6amw0QsTo8Lg0CTIlbCcjOR9by\r\nCvAJP47nFUDO5cJrH3CwUorbA1qWpI373XPlNh4Ql8IKlblfbYRWchdTvfEx\r\nEfDgxAaL324pXStjjG7q5wajfF8738Ske47bp5LdmFCbNHJDOdFRORBSznq5\r\n4567GmqUvc+FyOh859keekLcK02HBJq2X3A=\r\n=Goks\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeTDa/gENCaZ0yEhugqbab71CkuCrP/bCUBWvPYGu2rAIgbmk+3Nv4u/ZbRibGIQRi0j27lie9OYAU0oI5JPLR9Lw="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.9d4a1ab.0_1645562857999_0.5181996785438108"},"_hasShrinkwrap":false},"1.33.10--canary.de7819b.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.de7819b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de7819b0faf149765109628dbb7122a4e6fb2008","_id":"@atk/mise-ui@1.33.10--canary.de7819b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-z+bi2gIB1+V6f3GtHbfI0j5f6JLIOpzTBnQZaiqAOUxs+m5dapOqFyfQFqIy4Kn+3UploQ3V2TbyqYHqDXZW4Q==","shasum":"1743194177709610f62c52f5e0c42621f4cc0f72","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.de7819b.0.tgz","fileCount":809,"unpackedSize":1733299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFVbLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp5Q/9F5KqYx+sJ5NMmKc5ad2PYCNdZmjnnarBoMBRa5wOooRWV5n2\r\n3xFS6+AKKD9uj4AwxvZ1P+TxbGCV4KakfQXHMiVlyj4eTvCn+0JI3vfFw3K3\r\nJF0yA/Sp0+hrVrJFBGZ8BZAmwE8R7zwORMGTG0FBd6E6NIt3LU9kM+Tf3XtS\r\n8WGFxCO5n3lbnFpWGojd/qJj8QvYayqABa5kyVRAZdra09oEofTF5Unt51kS\r\noUaOk8a+7J4OVuLLc14M7gRLepJsV1BdZs2UAUls4hm4NaFQfDXYxyyeznEd\r\nhdyTctHQBUjihEDTFn4G6ki5yjwBYHhRsgMVpGtgYWV0RL0BZPuJP+8UGJqK\r\n0O84kjdx1cnXMV8wGNTvQpaRGSgSjTmbQk9VP/E1VyDmsq62r8TMloO9nW4F\r\nPO5jRjrzJn8DPbckoLgR1Zs3QYb+yl10C+V7BQcK9LnpHTZ0xcle0CeMFEAw\r\nbeyDXRQsdfetwkRsZAlAFMTziXHqufT2vUU8wuucVM7B9YIkHvJ1V8H30B44\r\n+PxXOE8Niiex9+fr9uDXEyE7YHuw3d9pcAHE8KmIyQPMBr9CnRk2u9HEcd0I\r\nqHr0jnV3Bx7GBnybvzJMXg4UKugH0m3Zv/tH96bj82rOQ3mMZTLA53Xpsh8v\r\nr+FqnytgWtiFe9qyxpo/kxRyLhVlAxbHsoc=\r\n=AOpv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA5HBsHz6jXH+FhmU3EjYmAtpoiq0+ypAVf30UiidkFDAiEA3t9YTbJJoM30o28KgIZd5O5EE8gzY7eM2+kr/f4cQFM="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.de7819b.0_1645565643053_0.14817671027617707"},"_hasShrinkwrap":false},"1.33.10--canary.158fb78.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.158fb78.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"158fb78813253e7dca33ef79ae46f7b8224d44a4","_id":"@atk/mise-ui@1.33.10--canary.158fb78.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wzXht7PucYhvT9OQV6IR0f951IjPuy+KSMPyNhWAt2rcXWDW7Z9EqQlH4PIveNwdPSkh/e+0PfIfAlbc5/Zn5Q==","shasum":"5b75dee04b508996e348f58b0822f1befe075e94","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.158fb78.0.tgz","fileCount":809,"unpackedSize":1733617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFpEwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwWA/7BPC0MJ768PtG7ZdGYJapap1Niars+y8rB9k8PVguQnrdwJ4t\r\nVp1RxXLMKsWOyxgHYttxGHUzyw4nFT/WmmfGo+H6nX19Iyiocg1wWu7hGTEe\r\n45lffwhxOztfrdpBWQpy7XCZJyvjshBawwacvxN66od0judYTu6V4y5JLSrA\r\nb3cfLkcp+ZIanb3DI9V5kc913fKHnYt5YyIUWOsfkuuYpo9p6kw2+li4OON4\r\nYuUKMG8emdiUorTEiESJrumtApxvaTyP7d7aZv7hPgFqWSM2CXXC7t28ciin\r\njZE3IOLy2J5WXuMTJ11E/3Q1wI/F3h8Ate9C3tJwGknp+KCPgXVE0pSDUZcV\r\narEVdrMZHu5u24UsoGVL5vJQbDMlhaiuocpasywz1urgQBxZIjW2gSw6LYCN\r\ndqKbuF6KyG2EwgrsiVYhEKvXCYyVhTNVn1CG/E+xfLB1zY/vOAFKoBtonJlw\r\niygxO5yTusBgKPCtSUzroxexGuQ/g7pNfiHIug2GzcvGMCSpJZpTkntM0CQl\r\nzvXfOrg/Lp9Ndght+R6Wq/GYBlCY9FM+3795U1NXL0tQbM/Atwvhs5Ywn+SL\r\njTggoAU2R+TmTHjbGYkTuKJ94UgF3mbij2he3YBfHdKwr9m34Cdbi+d11jMl\r\nO8dkM2FJu57+5FXmyRTbL74dhxFsI45J+DM=\r\n=szo6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxr27is8XJSPfLUyy+lXp49j20gx/LhPr0KwJp3Is1HgIgavjATL29lwdAN1Y6CRCs+m3Eed6gj5BPSBYqUNd0S7c="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.158fb78.0_1645646128525_0.9230573004177713"},"_hasShrinkwrap":false},"1.33.10--canary.3ca0241.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.3ca0241.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3ca02411880a4a06efa167278d50ff4de7f32ca8","_id":"@atk/mise-ui@1.33.10--canary.3ca0241.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oeO465RB8BK8xDRG/Pyi1FICGiScWveoHUoNNZTw+slvYsnSQtYNuRf/XHyFSGSJgnRUAHlNFFrGscQv8Al42g==","shasum":"2b9c77ab31de624ddcd7e7e82eb773f99a821c3b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.3ca0241.0.tgz","fileCount":809,"unpackedSize":1733617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFp5LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokJA//XbbdivUamBdFfp6gXzeoSJbyPZrSe6skjyJM4VjJ0mLAnocF\r\nmecykxHPESqiYASwcA3mNM/VImK18ClUa2G6pTKIaUJaReycBdVr3Eg6YmbO\r\n9pXqagCBsJhE1sZFKOydQ0A7rcw6rzaf30p1fgTctrWKYJhUrtZXPTNGCgmH\r\nj40MZe2TIADh8SeeZZZZnMmv/YjnwVdbRBJ8aO/q1kR7uwPC2QdUrDGnO6XI\r\njHytgn39g1F16j7Vw9G+Wwtc2Nr6WPMwhrF2SSrMXbxS2O7Q+CiHPuM5PNNP\r\nET5klb5XYIwrYpMSybHGLcOBzk58jyIbOO6YTCyTgCuT6vBeQLW0WgtWifGj\r\nTyQP+EPKBlQb/Kydn2eXAbDKVpQVj61AMCezIjUGLsllkZg5yG5LvCMWOgXG\r\nrLTH+on5Uh6aV2OnjzTTpMuceMKKrUuO+DKZkjOiXjl51na73FMSc3duj5g6\r\nAJZpeYX7NEN7x5Mv/VvhbQBCYHDUVdeo+LYkVchPODGHNj5EUmj+b/RfFP0R\r\nWgrixFMhR5ViJNUk5xxWj+qo0rBnEi7c1EsDy44MqGeGTTGMwlejeJAgdAD3\r\n3uaRee+/fy2Llq3X2tWg71EynCUqnX1Cu0kSORwS2GFWF5GrOiNp6cu84Gr1\r\nYYP1JqmAiqPkbfFi9cvCb8bfuGYJ6RjhIJA=\r\n=4SAl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBmhqUVAtOWkI9Ph+ajRu92FXEvN06b7b0wXCUbZZeLHAiAIyg5RSahNaQzybSiXmMi4ELp9l7UV3nMUVdWb7z7Yfg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.3ca0241.0_1645649483377_0.4035053241260935"},"_hasShrinkwrap":false},"1.33.10--canary.d1db488.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.d1db488.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d1db488b8da0e8e6fb970611eefb4ba92984415f","_id":"@atk/mise-ui@1.33.10--canary.d1db488.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-dov2CbKJPRBeEmwL4qLv3XDwa9egcLAFseIsprp9GnGp9iQZfv301hJAR8MLFqyga7vj2KTV0QfA4t4qORWyDA==","shasum":"133f602563d800b3694b09a1e10e5f750f5f7316","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.d1db488.0.tgz","fileCount":319,"unpackedSize":1411176,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFqP9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMrQ//bod7ZdM6h6ZhaDQXcwpVqAvJjqe0BeNLGHVD8vA/NKfLCgoT\r\nbgQRVGMwTyHKP82eIgwoJn3RrUFFfyJBukx3fUZEZbl02hQEOvV8e8RwFWjh\r\nTSIfi3xKrJPxedUibSzcwMKv0h3DC5pezM9Bf6KT/BEW9naweWcDlYKw2uDI\r\njwcjUt2vtCvQuSAoDo1fI3hR2KffZJn/l6a2zUyzwi/l/YcvyyvuvUjay5FR\r\nx7IG+Ba8c1D2FC9k4HnphmLCNflUOoGArnA3huzbFsHFg7jYC5hWvh2KjI0G\r\nkh/K2m6oWC8INP15JwkDrN7KtXMBGVgfOlR3UXinKTzuJOEKnvGrYgtjMwZR\r\nka7golaQfKh5a7klSyqr2LGBCZum7caCQsSrrTnfIXdapFBsFXZEEps4v/Lg\r\nyRANyz6+UmUP6/h90CN++Uu5eWRaQ5MRolWLzIx6ESzkyFqUMtVPBHdssIi7\r\nQ4fV4xTGN9Izq9RX/6RzrpFoA1AFM2axDGlMGRaPG4lXdePWwM13pHLtZwqW\r\nD1rDSj0kg6a1LLofpuh2boznw/hyA2gLujW0tJqrxaRj5Svu9q6oOXf7hfXy\r\nvu6l46zlP3xFPfP3/+ZgVGw4QrmXtwsNnQ8wxloNw0sxdPDICVWwAVdW4VEB\r\nybuSSuDCALBMA5lNfqibSpX02yIT3vLsIEM=\r\n=l0SE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJtj9cLlw7aC7iVQs7LKgPbL+tMKwUGTS6WsKgLsKdTgIgbvLVBJQBKDuRKexggFsMFAiLgG+gTJNJPEBP0cIO9iU="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.d1db488.0_1645650941571_0.5947665754148788"},"_hasShrinkwrap":false},"1.33.10--canary.3ca0241.1":{"name":"@atk/mise-ui","version":"1.33.10--canary.3ca0241.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3ca02411880a4a06efa167278d50ff4de7f32ca8","_id":"@atk/mise-ui@1.33.10--canary.3ca0241.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WFmOhqvS+Q4UtsEWzRDjE57HilGKdOkZupk1gKAb1KYGCtfKX9qfLxyf5e4hcvmFYHpA5MTaDLaQADo8+drduw==","shasum":"2c9810adc228b473b10ed200f499ac39b2c51058","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.3ca0241.1.tgz","fileCount":809,"unpackedSize":1733617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFq4sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRjg/9H+XbCx91rzp9IqcHERDMuUFlqnhBJ/4ojet7eP26ZrpJ+h2x\r\nc4j4SyrnA+PBJt8v2uRKTtPrDp5hU+YcVIJVOeMFUieRbgrx3NkU7F9n0YIu\r\nUDj9ssdGg7YDuOC4yZj1nnBOBC4fiZ6/g+mVCy/Z4IcKSVk3aj7avWZxCCI5\r\nhCBYY5yFH0hwW0Nz6MQ3wpiI3XEZyrOG+HKSHzXNvbCcEIbP3ZkYB6417av/\r\nKLW4Co9ZY3EcNSOBCJToKab8OYexumvbnCxoV4g232cj5jy0S/cskMrhcwW7\r\nG7tBeNktNFWdcUj9iYrXSWAqtITSr/QAQXBgaKtN6MIymtBgNtq3E/lP8wpz\r\nZxH2jncr8+P+ZfzCFfsPzu4b1/7FTqHFiD0Qic+kJ0qjlv6pgsaI/zTEZ2Ai\r\n1NynR37m4pT3WGrhjyAtnPK8kgS+lNAsLrwU8qvbpReH+22UbGkKR4kcMe7o\r\nMtWfetvv0Hzs864L2AxwgJ7wmUMtPuM43oqenUGUMsSOVrZU/bINrUThSB39\r\n4DWX0gWyTXPulsj0DJgNGq5zaFC4nVoWlOmGZJYUnEI2046/mxlxMDbt1+kt\r\n06QDkr82bABO31dlXsCpbJ18M2gRzE45jY36pSJVdnBSOkXeVbDoCZBRkLy9\r\nlxdZHzrLrCZ4BQrZIPa+k8ad4+k2+jwXv70=\r\n=D2+0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAK7Gw7N0VwiCeXwp+D9p+xfPSbzxT6soO3rRPXhlWyFAiEA3OAr8j4yX8lV5EWRkbzs0Q1J8XHR6yt9wUisdBCfeAY="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.3ca0241.1_1645653548033_0.18418507839936193"},"_hasShrinkwrap":false},"1.33.10--canary.80ef777.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.80ef777.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80ef77724d75aa4e3ed6e63ee5bddfdde92380e7","_id":"@atk/mise-ui@1.33.10--canary.80ef777.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wrVviQbEKmUVfPD/17lFUSv2eTwPT+oSM0EdL70fb5pfrEVa71QxXVu/Vo4FMxCxZM4BMjrVVrPcKmTFiAsQ4w==","shasum":"1b6d5f7140eac43f0eb0417e2e455cdbda74a22a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.80ef777.0.tgz","fileCount":809,"unpackedSize":1733616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFq7HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmFhAAh7Jz2XHoaMAtbpP5dL0gnyCb44/93b9SiOiOxQa7z8hHTf2x\r\n8ZIIE6NUlIQ0APTmSLC5R0v5oeP6zv4RJqCYIcfqlCOXNwnJLYY/YCpXl6yD\r\nnr06JuWlVVs9wIrKb0xrA+G7Vie1KgnyiWQICnnzwMO1PkdB55kzVJKopaZ5\r\npmn+/7LOH46BoI46+h7/o4y0oEkv5KW4o8bCDTxeoUUPiA1PiyvnyJp4iYU2\r\nnPgSYBfiQJboTrkmgqbdRTBCjfkcOO+hdz8Cctj9fJPezl6hZKwb9albFJBH\r\nu6iHViML17dlLc/L+dpfAenHYA4p2w90vG1ouRl13A8Rp1+1bx2gQoGezvsR\r\nWUqAt0vx8fbw7oINoH9BA3r/JbKCDvrTw6O87s8ORsAQu/LeE9J9WzgZVcK2\r\ndT+3ttvtH/V+3A2qvl/TBDUp6xF4j7qnq7d7Kko3vFNO9/nM3xPuC8MyF7Qv\r\no9ciWbVh3CInaNipx8KriB4j0qTVQbtJmWYwuILx5zIvuViYG5WFlGZsuWEU\r\np7Xen9FXMMx4bQpQ9hYgpOFPSP/JeF2bkF4gy1oLhUZqRLxa54XXOVLp46VI\r\nvgY/xItqhDQwPSUddaDKgkt0eo9YfYeVBPaLdeSnSoTMy/B0tZa0qDIae80W\r\n+dIc3kyDEA4m5TVNTv8gudtAaD8HVjOqMPs=\r\n=sir8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlJC1I/wYmrspr5+mqW2q4SxKwHN4FF1qDtn0e7mCtJAIgQV0Ug7sIP5czsmQL9BqS0rPeUK6u/CpoVkgsE7y3jR4="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.80ef777.0_1645653703743_0.6109258007958176"},"_hasShrinkwrap":false},"1.33.10--canary.7cec20a.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.7cec20a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7cec20a60d97ed458f5900049b3f21226ebfc518","_id":"@atk/mise-ui@1.33.10--canary.7cec20a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-v2qdfVNvz16BH6vRhMmOJ+n4Cgx9WVyCGfM3+c+sdVAa0ogz3ev/7K3bqFZyFZEu/weMsfaMbkXHgSFy4t0KLg==","shasum":"0d70485b59aa9930d00b84e683fd5117f7bc46e7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.7cec20a.0.tgz","fileCount":809,"unpackedSize":1733616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFq+jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVtw//QmNhcwCi2fR3DWuh9VhOZlhfMgmpf3b+4/rNn0sN09yEjAup\r\nvEsLkmkvq6IR4Rrd3I8XjyaIhF1V4tHFG1N0zBXrUvyEj56sDpgFe9s8y53U\r\nc0+BfxXLcUyRPyT8+SzYPeEhMT+XPVuCzY6aoYHYDlhN7lrP64fE9yudPnqx\r\nxsHZ52ESWoeL4e1ZdOSw24K1xlgh6OPhjRAHigJkBdUjqKKZ2ITOJsVDZHVh\r\nxkc0Y/5R8FN1g7AYf0kDY0UB/RP+QxyD8g3bOtjMRT4zO+QRkhYoyqOM8KIA\r\nnJ3K3KRTYp1QiPn7BZOygGbSxIT0chEohfkgwwFelK67em0YUVarlh6tI/OE\r\nfZzLx1aHB/kW3mP68z+nxj6CQnSJVZx86G7cqVdLJGiPOIkiv+20X/BA9i75\r\nyrfArvqZrht7ozs5+88kprnUKWj7uv5zNqGwXF97QELFtFQjEyimxFp1o3ZW\r\nKr/CGYZlQ/btY5Ykw2u8u1DnrHedAG3jimmNgI3fbCpcsdVdUV0kWtrva1xD\r\nPrKFWfnZsRTfE3R7UaoWzYDCJZnC2MhxPOlm10z6puB6oDtJuMUic45Ngcbv\r\nyJVypGgm+HOkYnUktGhlYQVBX061EQL2F4ZN8Q3nXi9RKuHPDQ3sItNxZF+R\r\nbs7Iax3fXMDgjTO1VZm9iP5l+YLe+d6Xx7A=\r\n=XR1j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICAvWVL/39n7wWH+C3xBQSaan5G5TbjzWuLUX4YOo+P/AiBpIDCTgN9ZH/K6R8/gu807plkVkVvcZQ11BZVYnJ6wag=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.7cec20a.0_1645653923526_0.723939287766052"},"_hasShrinkwrap":false},"1.33.10--canary.0666b73.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.0666b73.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0666b7394c4b0d3c83c3def7f1a96c8945445d4e","_id":"@atk/mise-ui@1.33.10--canary.0666b73.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-frOh/Pa0Il6npGsFBp4IFo7FdAsZ18QOKpiEVQg+Ojsjyrc5h1IWFTyYPIxEBseEwsvgsoZrs3j5SM1GXcQV4g==","shasum":"3f89c47b5aac8ffaa4ed5122a827998000d00ac2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.0666b73.0.tgz","fileCount":809,"unpackedSize":1733640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFrFZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphSQ/+Pn0ITTSnIf04xZXxKdhWZ8d1VG4z5AW/Kq0SHk9bmBt8mz99\r\n0RwkudVffVTKkeVkb5I2bB2KwdrGaG+kOVkD2loLZPErG+RYnYIBlLLgKz6C\r\nQ/mxjNuNPgchhXAlxCpP4y+htYz+illHwW2Ronkt1DBKXeVgU+gM2n+fva0Q\r\nPIbI8cLvPmehZ+1Hg8KQAMcRi7CeHJ2VipWN6FkjqEAtokL9mnrVm5/8Y8Zb\r\nQX7ivSFVPFbKHR0OCuASIcbSHK9ZzKq84EkFjFxISRYg+2/wKG+CJayIg1JO\r\n0BvibNiOI9R9o12fBuCgGe1EGMZPwWT32oCDvz4jQQd1L8dOUUUqOR13knkQ\r\nNIM1ZCpFOQWyN2IYlJcwDAVGm0NdOYGk+Ne3jJACVb7WyTVFxWSMTeDHsvZG\r\nfd3EELs8MAcCnfJ5nHQl8CRu3sXwJJRnZvTIWKll9ugcHg+K42hZ4kqyzqZK\r\nbdpA9HXu0CHFThiysOM4jV1zLsDlpjU5+n2ZBHsOdgTN/iV4nAHwEbZYKWc0\r\npOlvpSwTHCC8JI3rrGPK918mu5RUgrDD1L4+z1jGfhgDOE87d1wMfVsfLe+z\r\nsBtIN0OJtTZoujVw0wAacp76TwEzYzBpFWDIb1J2md1t3XqR+wBM8Y1VdjZ8\r\ngfwoWpgXo8/kMNhxZ6k2RVJ/HNKtLMy+l+4=\r\n=mkps\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHMAU0HZYG9rGbXEtIEp8JPTF+ZPx8u6Jae7ZOyOmpsGAiBHpoNCNLezErsRGRkLN0XeVxdnB5RQJ6f52/FIzqYfAw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.0666b73.0_1645654361451_0.8983358438379525"},"_hasShrinkwrap":false},"1.33.10--canary.3ea8da8.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.3ea8da8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3ea8da8805147a258181aef0bc18eb6e938d82cf","_id":"@atk/mise-ui@1.33.10--canary.3ea8da8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Lm8sKcSLnAVE3bErv+GcA/h/dczOJp71NYNBzzYD4q92Ars5bSaxHE8+Pqt/rt8oTelr9cTTd77EZErg5uK7Tw==","shasum":"b16a28388b35dd8b134914f1276469060b6be7ee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.3ea8da8.0.tgz","fileCount":809,"unpackedSize":1733614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFrY+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQ4w//R8HaqgEWuQrWfIuiBPlPWes5akMIoxKV0NOeRHc+E1QNJ7pE\r\nAhvAzaTAaYDiM6EUHI3kx/TQKaPFo4F4DrQMngMUBonh7+4Z2PR/ubVR13pi\r\nx10aMJlwpeiMLyLHvgq9KiMOWmpa8Ec4Q/7hxTSS1FHZSW5+03omQgsJzHlw\r\nRbqiOpc76SkQsLgRUg97QIh6G1gmOuR0k8DYA+HVzhxFB0VS49r4HKGiOnk3\r\nNN5JgkQXaNw9HVIqr//ld6mLYb717Op2rfd3eYl43zPIbp41ACLoHlL+lizV\r\n0aRgf7d8couDuUcqsQlmJbeMIKfvpD2HS+N0dwGKMFDHr/iGQE5Tzaqyj1c+\r\nEPR7tOWic5Yw65Sg9/GW24Hop2f3iYwMqNR6Z6mO752ZhD6DKDJa9XLsiJP5\r\nQSEHNX7yfWOEAernjsF+FpReHro4PzsfdyZC37NZ29OlKos3yKeShbGFtYjk\r\neZI7iAb+WPDtEK/jY814e3Gqt8aQV3wiw6jPFmuguczrNdmdo0lkzKocmfYK\r\not9cSGZjSM178A9pY2+k/iEqJPtmpFD+tt3PDZ0kJZaBYGjPDL9xTaCOmD0/\r\n5paA7FpTOB+3bgNewVa4B06ShLiggYsmNQDCrGNWUf+sjix0vpqAimBJMeQ/\r\n49Uyy01EmrhXeau/HHrbmrpVoQNQiCcH/8A=\r\n=/xqT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB68W1wz0dD2aiIptKTttUk+kGqTZrjleV+0e7v+9Es/AiAggXB2ycWqj78z8nvg0ICZfHXGUbZnofd6L+lIled04w=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.3ea8da8.0_1645655613856_0.8993717773847023"},"_hasShrinkwrap":false},"1.33.10--canary.06e8c70.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.06e8c70.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"06e8c70d64157e80dc76f6db3125098d84bc6546","_id":"@atk/mise-ui@1.33.10--canary.06e8c70.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ue+bYTNlLuAOMHtWH3y2XgA/pvgCp8MO86xQmqMl65bwpa2FBokrZPfvSXg9sl5JySd6LS8hnPiFeDeEOfBeRQ==","shasum":"9e69f1fa5f175ad78ccb24d6cda945262784cb77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.06e8c70.0.tgz","fileCount":809,"unpackedSize":1733640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFrf1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9pQ//ZhQ2fCDD16EwPLvMJbDRUKJ5aAeONWs5T5IjaieQIHOfNF2t\r\nGIXWqvQrY6VC0HG837KBXkCAr7jjbo+yhjDGQ9W9iW3pG0PXxXVIrPw5nj6r\r\nNJH7ZZr+GYU26g1b6c+SbLfsu15AY+4WIcFAJf6T1cZmDWgYVnC0Qaldn+0z\r\nkI99f5yDPgKOuLn2d1tNxOuZAOBTftQqKj+nPbudqHUkxHJEnxkv3TI1yb9r\r\nOzJVFdePg/q8A7AZzmp4E6XHF0sH6gm0n3q5ModaWkqn2yo8IxhDygXQ0eQj\r\nAT95kMj/BUeB8QVBPce08Cbu2pDd4bfbU8Y1YKDsmPfQtoQJbl8SoxQyuvaa\r\n7xmH7Ml/R+2PXR8z5gLogCQt1TcpHWGS7enUVtQREuCYxa2v5048VBkCv+mx\r\n8yjTEacqibVZGMtuRclhFqHXu8FRsYrP3cD2+g1kGcrIo6BdUjm02Iz3MPzc\r\nepodLDRvjfwAmQM0rilOhR6T3Thj1IjEEwhBEdMbQp5MEPhnMWWApg8ALp1n\r\noSr6DjS087gcdzfYdTqU/b1nLzu6KO7TQ3/1/ljXWUwIaa31usW8Frjkjp1p\r\n+eP/siK9xcoZ3QZje0Y9UCTxEDEv124yERtJBzKhXOfxohp6vmWDuZf6Pd3/\r\nKvi70mbYZh1+xuWJYT6rsQSSiHuwv9uO19c=\r\n=0EBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhM+IEkuqShH8XAb+eoVyGkPQwkuS2eHlHBn1gXTsNrAiA/sFpcZse2/s2xtMi/i3gkYcd5eJB21otrLT+ngjtaGA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.06e8c70.0_1645656053054_0.287234456589222"},"_hasShrinkwrap":false},"1.33.10--canary.9b37543.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.9b37543.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9b375433b64be0db211a4db5c54d84bdfa3017b9","_id":"@atk/mise-ui@1.33.10--canary.9b37543.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0cG6Q8wC56F/x5sVQzlj4rXlqxCEKf3T0TvQpefwYkoTh0kVXQHAVNjk/ljooNGPMTwX8Hu9v1ohla6l4XuiLA==","shasum":"6ebad545fd751a14f2a0e1e821f07af13b0fd325","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.9b37543.0.tgz","fileCount":809,"unpackedSize":1733590,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFrpnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooYw//f8Zcg3B6em1uPel2Apr3vUluTOvEKniwMwszwJOFZobRel82\r\n/DDmU973kR/ros/3RSjGjlGrZRZrEcaxJFrSCxeJjw04n1utY3D+goilTeOd\r\nHOgzLiiCBrtiGAjvbVOWEkMpBAS65WlK8hmVPxLja3sd1n8hiRoJ2tvd/XMp\r\n0ianOXLi/HAnXm0cSt3A/lkQCHutMAGKrJ8rxyOyx2dFOMOS+lzMbHlz9q8p\r\nxPyNEA7TVNAySQLc8Y3R99Kn1u8J3s2H7otn4tyHxLyuQkPo2tqjZsWTIw/o\r\nIeMlIL23GYVS076n6VALjsJ7QI5YK+aVKip+VfIIAznloq4xZXQCQB3QmUIO\r\nJ9f7jg39zPAyuUxEke2TAeV+zz/A/G6othvZa4WPx6HCVrnYtBkH2YaB7C+Z\r\nNXZwYufRL3eTXW1T7O+II/zenz+RSroXfJwQ+WdsAt939iEuNKD7tzUVLnxD\r\ns18oaN1t9OAk5lU+PSNCCJ8yWDzAV5ZAL0EsbdCWfeiPzNU15xD0IiwsWN5T\r\nvBZZ+uEtaOmwl9/VAr2Tl2OjQ//r9pb2FNjel7DMtpIFZyCY3W1c+LS/KUGG\r\nKBuqVMoJ3LZt5FS0BsAgn4/N3BvpgkctwmIFyiB/EBBIW5mAmjc7xI6EhYxc\r\n9oy4zN7Ku7JE1royzjC6LqmFTnfdfE3SE44=\r\n=MMw7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEf7XoVNGVL32cUVxK07YNkASTdixmUZfrBcp32oRlsAIhAKCahps7r+7DHoGmP5WCz1PxRcREGgBTR0YSYBeLF+Sa"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.9b37543.0_1645656679513_0.8483958199662214"},"_hasShrinkwrap":false},"1.33.10--canary.9aa12d5.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.9aa12d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9aa12d580eeb51b87eaa44227a7e1c010661347c","_id":"@atk/mise-ui@1.33.10--canary.9aa12d5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PSQKO+HTLUu9VtjbFbMAVpmEmzXsGO+eZTF3M8tWNPsgBtKcug4UyrKfq81X3CgnaKllrXdp+rJ1leiduIoKvg==","shasum":"d54770b1f140c74d965c5b3832e5dfd64ddefd84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.9aa12d5.0.tgz","fileCount":809,"unpackedSize":1733678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF5z6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoERA/7B09leLF3qUZYPKXKjzXL9p4T/fQf62FfttCnmRsX8dKkRcKL\r\nVxoKYqu7gAZI9YZk1swK+4g60lcUtYE/uLOX5u6tYVIdX9dlCXI0usm5PjEL\r\naE+vC7KWPdP0DM/r+92z56rY2FCNNgMrx7cgKPaxSTOGRcWaaBqR6lIgYCfs\r\nWMjlKiwQdkej1cKTZi5e4LhabrcMfBDpCS4+gw9QGOHNSp/4+333tNsH06YR\r\nW+qRC9ko+EERc0OjQutA0stmI2C26pLC8YDwZw87E7bpp2Dnv+t9Tyz0oDUm\r\nKkvD7/Sn+iKIw5z9QoCGy8lFZ9tRQkmhRCe/3+IDTsFqIkFE2w6oea0JnOx5\r\nUxyhfk6Cnjp735Mx1hXNtTLbmVqVosas4N5SJSTZMXJvzDx0e6i2rhIyPZWI\r\nrWE5BEqsXAoa3g/g8H8ELAVCobwLSXRlM9BPsQ0spQRJ9BSOWoxO3mEgsRw9\r\nXe/40Ztq4J7UdPQd6mg7vDKkgULV09SJe11HiffjH9m6ZYEW3hEQD5HYfoZk\r\nQB39CzkWjBQDt3mGLyTnrFrrTb6o3s7ggCyGm0aUU0k0xGlyXBDdcfa4laqg\r\nSGHiHORXE9e18YA0Hk3vtZFVSn2IZ01gFhJdn7Os2YPWPbzJlovWQksI/6n1\r\nqmdUvbjb0N08TNmIBpHd2Uc0hPmBh2X/iPU=\r\n=KBY4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG0XC+6+/+e/urvb627Or6lvhlWUpTmqPVbwgQb+dsdeAiEAhe4qEzJQFWMbXuHlYwYhd7M/R7sCyiYLbCcdoD4pPz0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.9aa12d5.0_1645714682265_0.6728350566494545"},"_hasShrinkwrap":false},"1.33.10--canary.b5b8d0a.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.b5b8d0a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b5b8d0a885875fef3a076a6815ad8c621b8e1aec","_id":"@atk/mise-ui@1.33.10--canary.b5b8d0a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UwetLawGOStFcNm2rP0a3x4YffRHhW0QDudxeAE/fxSJo9jtDgH6Z/YBUzUcW/osVyQi1Jsvp6pJcnRGYIzZQw==","shasum":"28ca0fd5c6d23290c64c4267aeb300ce394ca355","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.b5b8d0a.0.tgz","fileCount":809,"unpackedSize":1733474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6RKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXVQ//VfhNMTMXLxZ+QOFoMJYVgGdEBQxm363m3KJvCeUBFbV1LUxT\r\nNHklJW/dO5ieLkyo1zE5knn+Torb5pHaQXv4LS9oPAQ7z9sQHMpWkiLFOKow\r\njttfP+sNX48nFhEqwxKawDhUKR+Fk5z4B3WSfmbcncellEOwIwJWx9uL3/pk\r\nQNWlDI/MElBtCXFMPhs4mKn2h+5c2Enk4dJzIPu9SAnXxMiy13ygOWKvn4Xu\r\nWN8YS2RaP9dV/EyNzYpS4t/h81Hqx+V1wfB2UUi3+V8vp+xTOln/+y+QJ5G+\r\nSbe9Jxr0SjCoySoy1folfP3OLPkiyw1mU5QKrhrF2yiDhfUaIOxNIsYrem85\r\n091U9CoDfuKcrwfcoCQX/IddohqtgGK2yHMTUmRHD/CgCh6pmOO2Ga0v1AiA\r\n30K+ikJwBuUQcie0Z2rF6jM9LWLzp/f+to+ZMNmWgUdaJ/lFCg+fbMm/GJHl\r\nlXA22MwFiXAzCz7JLnepGyenjB1JRTQdTMjukIfBmbRaunjp2AcrXhAbybgt\r\nmqRxm6Eb9G7Av9BC9aMVKgiA8zJHQFIA9A/xgs7JdSfouOF20EOgwiiF0Kl7\r\nIWaci6h2b7hLiWm0DPA6L0542+sCDCEoatBkjfZLN6mh3PZm76wwZwL8iqMz\r\nnTLlw7R29L60N2LBJlCyJsJOsCqZ9hdbYCw=\r\n=yCz1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYg6rERO43oudOBQKBVNiqa68WZnPd1ky5ZzY99yDwugIgDjDoi7ST9gsS8NmIcxOuP4iGBUBK8yoD0fRHEdr7t4k="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.b5b8d0a.0_1645716554055_0.8574615482522276"},"_hasShrinkwrap":false},"1.33.10--canary.efcea18.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.efcea18.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"efcea183d51e96615728ddf3685f276a48b3352c","_id":"@atk/mise-ui@1.33.10--canary.efcea18.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XlJ907ComaHVsHb4ielxFifTGe1yqP4o80B9AcGatX2KgBygb2+2YxTPlxc5B1whfiGDETr28Sf5cC7tsHYbvg==","shasum":"63ad2d6313a070392d1d4518ca869f526f4a73aa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.efcea18.0.tgz","fileCount":809,"unpackedSize":1733448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6TsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdgQ//R/m/vmurxwvSUaKAzl+s1z70s+N//BDZq2nc86E24FFlBquZ\r\nqoS0+Rl5f617P2L0wWUCLrabxhsx8WiyWzuJGymaNilBYhapGYw5Q1lLRfYG\r\nXc8cS03fMj6Ba2/sKbRRYx9//3ciwgqhLXOAkq/YuGsevB5mDyUk5wuyQ4UY\r\nssWMzYX0EwHoaMLQJQI/juLpf7DQfqmBXgeZifAOsg5p068OioV3fLLzn+jn\r\ngrsmP+ygbn1zNedwinO3tJEhPWTiAAyETSrg2JWUDBgMHn0Nm9jurqqZ8gjU\r\nhID03ttSFkKJCnqvyVS1pTWdSA33QHwCfP8bbdXSpQkqCAmsbX5hczF+2xYx\r\ndlhbYpytP/8t2BOTIsGyJcT7n7IOZ7ziIQMXaZ7KAkX3MoxmKzr38tz2RjRp\r\ntnC9EXNqMBxThNe6M/h+D80MTJn3zstLcYhP8PSIv8HBiIb7CpxpQKsPjDLN\r\nw1Cecea7RPDmdWxGEhGYe5mF1f2T4ECJuk4zv3wKba7S5y1Kj6U8du/fVpMe\r\ntEflGK0pqL4uloNyBG59dpJ1OqFJ+DuFPAIhi3OQml0xXrw5YChKxyIqok8n\r\nClqQSOE0PGDFnKyAkB0eKZdx9FKgtMGaFewPCRnkkoT+ZcihmUSGX33UNRLM\r\nimvinanGJp1WczzHHofc48XEeqR+Dk8RgbU=\r\n=28c5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXLSqWoAHMmlEmRmNbQlbyTHOjVsJgMoz+/BTvyym+UwIhALvp2tE9m8V8PXaleJIIJrqFLVdU94bxjUoWBGTDSsOv"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.efcea18.0_1645716716222_0.32038280320128965"},"_hasShrinkwrap":false},"1.33.10--canary.057f383.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.057f383.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"057f3830abc3e30ab12a1e517022734439a70f11","_id":"@atk/mise-ui@1.33.10--canary.057f383.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-830vMEvY2WuVJV88iiGELDL6hKy9QAunRJaaDM7hZ7i310SdK2CBabEeCG8gAev0vn8T081ciO5GujdKsbixLA==","shasum":"4c3abdf1d4c11ddde49ba55fa8f2fbc3788e3982","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.057f383.0.tgz","fileCount":809,"unpackedSize":1733502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6ZwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHjA/+KHRX+oUGo+zpRw9KIP1iFYT1UzOwmrefLtch6RJnonUUjJGE\r\ntzLOqiIIO1ie+JwLrzCwgntkCPsMCclbd2/s99VUJPD52y7bzih7nLQ8wau+\r\nNy5/yEDPK6v3pawBlQn0SnDI33W4pQXTSKrLLNWOBHdDfmw/3jA27M6+MalU\r\nxiiSUoSm3cegiJM/fXR0SOq06jm8/CCmiFxo77EaU5bdFmTHCmdqr7mUTyx7\r\nw2NdJYwmdJyo+1HEekJPn7bqvlwM9CtEC8t4avGK83R6yDFsx68lWKICAdt/\r\ns2GazK63eRnfk/sLE/jmQJC4LUozN5CDii+s/d5PNANy2yGveWeUx/KlnyvH\r\nzsd3cYghQ0AqB6LXK6Yte3H95ztUaffY8p3c9ZkIodmQ3YYJtLqZBbN1HXrH\r\nD04FONu/Q25BCKLmabKo0wuw2q0SJMJEn9MbRpaNN8UNylQ/wxge7Y9rHmJZ\r\nPAMf2ftUA9YjrGw17c1fpoxigGEvH0E+OGwHVj/wn6vIBB2WREwSf0YqnTJk\r\nEBQl/U13H2jqOjPtExjcG7xQlAvWbVlzemO/lhoZFgCRuUSkT+60/9YCM3d8\r\nI6LFD4S1X0ZNHshGSDbNRASZOjCJiGP1wWUtlrTCIeTsDKCeY6I5U+qfrunX\r\nBfrDpHtTu+D2RCPHuJN4GLCErkopIYIS/G4=\r\n=v5Nq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOfdoS9UvNTjPmm6K8DhqIVYGbSo+K37yacQ/bN9iXxgIgE2gjSZsQ7/MeANuDyAuZFc/0L+ZjCMZ5AIz6+6v2URk="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.057f383.0_1645717104703_0.7637121544690393"},"_hasShrinkwrap":false},"1.33.10--canary.edbc218.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.edbc218.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"edbc2182b46b8d9388f7d73b4f74f31ae36796b1","_id":"@atk/mise-ui@1.33.10--canary.edbc218.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yoBBE5sZviHTEFbRhzlR5OAKg3JlCE0GrRzY6NttRGVyWVGevGVsKkuuhBaasUXK8YuXc3Cg0GBkgNpiVTTdlw==","shasum":"b05f112afcde92c75d57d976456cd70ee9b3ba72","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.edbc218.0.tgz","fileCount":809,"unpackedSize":1733500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6fGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpl8Q//QxMiw3RphDuvgaXO34GNSmAG8B6xby5b7yQJ+I5zt0u77qC7\r\nZDT59eUxCd+dx2myFr26XCeacgcqOWRZcLIr1bsrn/aRIhMBWwPf7ee4LFSl\r\ndphAR65fzmsrBiu+VQaBlc2B49apm5NutrFGdaA3cUnFQz00FF4YWAwz1US1\r\nMSE8POmW+kuloxB9qegEHiaAUA7dL4Eiftfi/nG38Q7IBYHjNljDoOhLFCMW\r\nH6w4b66T3d6IGJqswQpAVMiM646yi61egolcUWQ5IXNMkzMywHVTyNxrb2oK\r\nHukaMD32TW5W+kSqHSUOQzj3dSfvW3K1NfOE5pD2XKBbXbwQ1lHYvgvfQCWu\r\n7yuZIMw/7IPfAng45sTjC6Fw67db4AuiyGw/cEUxJksEmpR/kF65uSNcZq1p\r\nGGTnL5YHSwFOVskIIUtRFJDI/tNXs+Sd47gTyBoFdmFibhRP67fPnpDP27ao\r\nhN1XMdVmo5p3t+mEoWBsQmG5+sCmex4B/zhweNwAh/SFYnTQ2/lsanYtN0vi\r\n9DImuK7c623PRWqrF/Z9sNlb8Lk3e/0rncliG1qdjRL2te/UUdB9VwHY2Txd\r\nX29TbdBfssM1RaUsM5nPbJyVPSZROwXn8dqPaZt/sIkNdgBwT9lsAjX6hqCA\r\nHXBX7IsNu6cTOvm+hFg6AWndLrkJGydXmcI=\r\n=LFXb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDmnv6/vz7LbehC87krSdWkR/WWtjSR1OzxWaLJYgByxAiAvZlGjQCPZHA2vEdJmbOlxesH+ziQQLKDstGpCgeCkVw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.edbc218.0_1645717445959_0.25157027753616634"},"_hasShrinkwrap":false},"1.33.10--canary.ef836af.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.ef836af.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ef836af252632d3526ae08fc4fc363a5a23fc94a","_id":"@atk/mise-ui@1.33.10--canary.ef836af.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vQa9G23qSklHCOthT7THa5h/gh76HUWq9vNsehOwRn6wXG+N+hT8pDgA26FjKg5K3dt1wZuHWFiZNxd037TMkg==","shasum":"e78e9f8d155bee6ac082a346cf5a1f85d7f2bd30","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.ef836af.0.tgz","fileCount":809,"unpackedSize":1733678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6iuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrndA//UexLY3ai0JvwMGOjNY/KTJJftEJJGWyKB4s0X/qha9XqU9Xo\r\nb9IZ6C2rfJxct4jaj8DxGORapE+SmAjhlBMhew/MHtPyWxRn3fgBs/Eas9Fx\r\nkzNf0hOkttqrf5/lK7kWcf6ioSJo/daJaGjRKuIUczDzR+elbCCeoP1mH5V2\r\nOlZv+Fjyc48tYoqIG+460tm2x8MD8T28C87ESz9AM2mTQkqFnk2e+fC4JYCD\r\nmbjR886MLGwXFee5Q9ogFkwqRd63+v89k9uUZ3qjMw/l4tqab5evWpFwKnSs\r\nYm1ayGEvX6c7x7QkCDAcS81zdoAeBmZuoabaBnGAw1ThgSbmB0WgQCQRHIf+\r\njk+zpD9MJ197O5v+7bB37UwA2WMcXGOjZxbAAHnUuG3BqtmGBBwnhCh0VgPO\r\nJx7XwH6fGiddAOxsIDnk40cfrddcpdjYK3cFRl/BU94N0QGBdOSec+TKu4Tk\r\n6PmzYeTRnZC17ehz0FFYb5Noj+IOyUyI6vwaMjsUIQbix/eUWxZSdMVUgHUC\r\n8EllkQuMUudxJ2t18uM9A6lbp36sLid+CDFs26PMKC4sfVS7Gz6GYl+YVCOn\r\nVWt+DR+WnFGa9Dox3pXz4Zaexyrte4AsuCT/XAYciyrRzy1/FRS/0DFZcQWU\r\nYSgoCENLAlkTB6oFBsp21CjD0YkJccHWJ8E=\r\n=vdsh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEoD9Pvhui1qwgCIITCuIdQtq/VG0zJJydBxYjw8QjtwIhAJ+nVVUC3LB1S+xj4qjtlAP8U83EtW1cpAfguWUqhBnM"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.ef836af.0_1645717678160_0.49933239304822186"},"_hasShrinkwrap":false},"1.33.10--canary.cfc8264.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.cfc8264.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cfc826483eebaa83022813e521f721d02d0a8a97","_id":"@atk/mise-ui@1.33.10--canary.cfc8264.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5sEgSCUSFQ6u8m3cbia0sg+qNLfbSMnjg5BdL6cK5E7L/0Z7/nvYdvIvkYGir2BkKp9JfSsf5yJ+V9jgPGXaxw==","shasum":"8d51e0ffe7cca542f83aca2f9db63e95c7f84423","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.cfc8264.0.tgz","fileCount":809,"unpackedSize":1733623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF6pAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpl4Q/8CXAQSjKeZHxep2WCvO6IqVa5gp7HUiUDz0WmmrxvyOQLyxE3\r\nfg5rZNVDx5Smf9u+4r3QdmUgkZOpjPnonRY+LRqSErcEguxeo0O51+yzui4e\r\nF+cW1Plfm8qFU+ZKAMU+VP5gSoSTmA1HIxFzrLcaAhufA6S0OASOGee/AY84\r\nvsthxY8vhozXLDo36sZa69ItbifVIbFF/rgf93V7rAzBwRmeSAKHoE6655YM\r\nhtdICjGR6FS2Tl7c01JM6gEbJie41N2Kuxo1OQSr+GsOLeNVIHUZJiK0u67N\r\nfLhPZYrCRRlW7tmojU9Dwlk64G00IOXT0T7QAopAyKzmT3bW9kiO/ft3441/\r\nTyNil+35blNAHC9BFyQtNkGloHVy5HZS2V7PFrXgo3TD5kGfNHMZPwOrEiQe\r\nFK8ftAG9wrRcp+rP33R37JR+t1IoBfR//aIxcn77kbBZ+9CQcmIA+zJf529p\r\n2EgndIMvAx63A7HcUcm0QkMdriKGBxfWD3Rana58hC6/KOTcGU7bSU4lF64K\r\nGOKVOyrDnVmwzsfEaJeMx9wJD+yvdOLN9p0i4Elwmr1tC0snWVyEH4cKBaeM\r\nat7w5P0xKvAsRfoF1SOEaB4ZvSiv4aRaLWEOPUTGKuCbGbUWG9bay+h9/2VD\r\n2Lf6uPvi0uZP8wo/eX6XK6b2edx2RPqOcSA=\r\n=dw8p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBTy5ssi9u534+Wy1rbJIR2tC8AiEXAhBA5iFoEOABHnAiBzcZmDeBorcpTpOXJm+6lKBBmx6lUTAR16WrXD5pudDg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.cfc8264.0_1645718080222_0.1261511841280858"},"_hasShrinkwrap":false},"1.33.10--canary.cbe988f.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.cbe988f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cbe988fd077f5a657cb0d5071b76db00a103ef99","_id":"@atk/mise-ui@1.33.10--canary.cbe988f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CtWT1n7c+zzZHNrqAFKi2DPKX8Ti7QYr1IcOVbS8VnSBEXjvzvf7jFPjPArbSZkPc0MeLwv5U2cjx/jF92m3WA==","shasum":"9a3b4a6ad5529a569bfbf0a0aa1d5c0a82f399c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.cbe988f.0.tgz","fileCount":809,"unpackedSize":1733957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF68BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNaA//QayfLr4PaqSRJJWKc618PrbE+YBKYaSGVEZEuiFQPHonSCjj\r\nSqE79gtaXwkWrl/YbiB/teOGnE/Wj/fMwEn5911GYWFsCrakd7SYvPdehsfe\r\n/qUtUiabP8R8SHPNzoYNUI6hGfVoXSnsH3Y2Lb0tS2GKk3GPTSgiW494hxag\r\nkDVIwb1+FUtIaXuT+2l6C9DKAA9PWHT23M920XUjUO20wr7Pdq6PjiIqLWyX\r\nnSCsjLb1H0fBEmdyAuUvZ/u8xoudb6KOafryl6yZqquHdoUtD0CS1jv7tr72\r\nkVEkEOjHYpvHxYrc/ZtoxDPHqENK2AfyAmkjGZGUhfK7u8XQWfHWvouEz/Lv\r\n1Oj4L6XggRGnD9k6V6tkmksS3qRnWpfITfRf+rehdH664nvse4ud+Db7k+sf\r\nuYDamDpyCOhi5qVp4S7vN753lxZtxSG2Zs/hkbXqvCGpnrxK6QEKQlfsw/gm\r\n/3mo+vDFgT9TiVND9Y5cM/6xRFI6pdzPxHVDkK+uajZYDGj6CDafTDtFw32D\r\nl3OvYSZc90ul7nQYaS/xbkahE5kK5e1zo9DcGhbP1Vlx0wok50KQReB5GNk7\r\naIk+mjojFu8XuML0HqGiGLlvWBxue6gmQWdNYpbkBLBIlkBy07Xym5fkQeDI\r\nNh7XYozS3/sNr/6L+iCXZfE82o54+7Dnjtk=\r\n=V9AA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGetiajikgeNwIZrJ5jy6RiwPl0GhkEpzVG9uAmlKL44AiBSGEmSrV3hD4HFra6uIStR16NfFhiGWDhWtAHDSkqt9A=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.cbe988f.0_1645719297620_0.20726968444389238"},"_hasShrinkwrap":false},"1.33.10--canary.f5611c2.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.f5611c2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f5611c243cf4803398eec7bd78c4aed147a8524c","_id":"@atk/mise-ui@1.33.10--canary.f5611c2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/rHLQiMOloyzMprNbJcXWsIpMjFAtCNEH7icoBgSaWp7j9FZS5O6KKOS6R4Fj32lMGqaMwkDb7SPBH3/fm7UFA==","shasum":"973a687c729dca03e6726dacff262dd148edce79","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.f5611c2.0.tgz","fileCount":809,"unpackedSize":1733998,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7A0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr79w/9Hhsv0pbxlXbt/JIoDIdhngnDuRGUmONmvr2S33ilC63tWKkC\r\nlV7BGkifTT3I1dAavmcOwKt7SFdGftnoy/6DxLvaGX66M3K8qGGU6Wosn4wj\r\n4OT1viE45ldcnJFBzGWFur7LilHzXbwflPr73zcPAtlsgqwVi2sZjJRgZcuC\r\nojY1LLItddZyL+BW/VHq+CAoUS+nt36nD+kEctwbSUAOt5nGUZUKozcamop4\r\n5KWHsWaix9u66VOL2roPqPsk+t6kaU5v/DXCzjyuGv8t1ufCJ1yG2gmxTHxn\r\nsbSujEz6mV2QKblW8YMogNzYdMeHkQaEH2KkStKo9jZNVTG6SaW45D17AdGS\r\nSoJZ6NkhiV4ygivk1C0m4gflcxm72Xgqsi8Oglm+rrgd/XpV5mIgfSZ+U4R2\r\nJ/VgnR+TSbUKwzmVN+kx1P+qzTIcmdfFA9d4cjTHUNKbx6q5pWgZILe3LoyW\r\nYrQY7fwjgzdkJCUKWjdK3fx7uxHWGodM5r4ZsoGrKdIMUFelYPnBRPtxXHQt\r\nh38UFriJA9qWaDRVpl2Yb95SiocaTooxEQ0VnwZPDFFVXXY2LdoJXnnXNjMb\r\nl7rbFf6ZZAQ+VH4TREAz2hb0K07WQKcBfBQdFkzErvSlg19CIoIYSc0ifc+4\r\n1IWzraGYnGeuhmXaI5uj9zGx5ZJsdQFZpvQ=\r\n=BBe2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+q8dFCKAnYPfB9aFV59qGIrGJNxpq/e1JsNvpEe8AfgIhAKcYrInQILJ0dJ6kBH2Gj2g6lZ/AI/DaZwujgOwqJ8ru"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.f5611c2.0_1645719603980_0.2674106717364426"},"_hasShrinkwrap":false},"1.33.10--canary.8437376.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.8437376.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8437376936e29a66990843091756a3794e71febd","_id":"@atk/mise-ui@1.33.10--canary.8437376.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Vq25elTK+JDwF2132VED+c6IHOf3WIWBHcROGMGwvj20O9gTUb4UOy9rTaTSi9rumvXZew6g/JkdqWWyCSfmRg==","shasum":"c1852624a5f6ef60590904d568dd7d400c72ffb8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.8437376.0.tgz","fileCount":809,"unpackedSize":1734129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7JqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNJRAAkNLie+VSUcs0ITBgiA4kdJdL9L5Ro6vBh0KeikZFcxxjEOeX\r\ngl3fjQ4KAySI9oTQpPdGnAxlnK0rs8f+NmKxJthRlTvy11IeNrmmbbRn1WLq\r\nBElVpRNAJlPpQ4hlJ/gmosrYhS4KbXTBSvKRkEgZ6jIA985REOdcycmRXggf\r\nQeImwS6g777vPYr1LA8tiz5jL7u3NYKzhKVQUl86kVtCLhug+/AjaczQZ5sI\r\nP5IHPyaxnpKcPNxLD1Oq+doOiILAMjpZlyLAiDihCJHUNX3yS9M1vYgTRM8H\r\n9fk7VxHJiFVepzacQYgB+6I+oWGnVgXVYeRn97YYvHJ1RxS1BkVgSCRmozgb\r\nB299Tdj/C865OR5w8piVuzkvrBUf9xVKm0QWF29qoWs0aCpihx0yw/mJUZWL\r\nmkmvKLaIdpmIDTSgWk+czcZjelhdx6COiBi/u8rOVCS3CkvbQWqWOXcl8+RT\r\nS656cUw+rFFzb0dz84ZkgcUwgLO+Au9zQroa1d1v6y/I7WYBMiet82kH71KW\r\nJmXNd3E6x3A905Co7SmWZswt2Ik9UMeclEot+aXQMutkf/+vqrvZMJPzoimA\r\n/WA5WABLKt6Xp8TfrvNU+tZXh4n4tnIblz0LAMK6mnA0iFkq+LTCoxDcifOU\r\nnuoXFTU3fDJusjPMS+LdcuvObzf5ysyi1f8=\r\n=DUY+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDz3ZHmln+dIrH9gzRrPUdJjlHWzwE4BYLA6b/2stfBcgIgEsyu/p0djpHnhTfJvNYQKDqCSezzzFOIukzUojn65fQ="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.8437376.0_1645720169952_0.6684716791118888"},"_hasShrinkwrap":false},"1.33.10--canary.aa11c7b.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.aa11c7b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa11c7b8545ab9ea4f403f737513f840c9880f26","_id":"@atk/mise-ui@1.33.10--canary.aa11c7b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-4eP9JVfsCheII3PbDX0299rNW9Jgs0A7t/zTu06UiKPIoAsaG59ek/UHbwEFWZ2JfCQKhMSK7AopZRmvHlT36Q==","shasum":"9b61e459a05cca0c384866e2f6fced9c4db6eae0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.aa11c7b.0.tgz","fileCount":809,"unpackedSize":1734520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7SIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1ShAAoNqDEQfvSIMyQzT/yeJDPzcNUPdkGeFuaQR1v01vCfo3Q2zP\r\nS/Lm3ScVP064uk//5AEn87N0hImDZZYtTSGLFctL3QqoyC6C+vx8TcgVWzQj\r\nuPH995C0JZnPG4wUbosvHQQ412scLLq0AXyIB0llnwVPHJTA9uExgnN7Ux4C\r\nFsWIqZrnEOdvkkaS68MSEIOY21uVR0djWj+bQFGrpZm4JsJ3/DmsnfFv9Gx4\r\nJ5FyfVMIZGKi8KP8g3TABZE+9LJX2KoXXvXU8NB/pgbFcajXy8cFSgFBCExW\r\ncv5uoxA++8CITv8XO7ncSDoZ/+nLwSwyqdqVDqeBOviZksKls6DcPbu6BWGE\r\nRP8h7CkUTGCp+9dbGpuggLHx8SC+9nRezAZjoZ0XZhPGuVIqiKPH5vZEStu+\r\nDU/anskHosg3rs02h8gKL0Bm25YdXt/Aoi0v+8FSxZA2Ymlp65QDZvp5Tewy\r\neTLlGlXY40C98U12k5I2hnQCqG4dhtWcDMziwWSYgRA7WWqNp/pcaiPDiKPR\r\npHuGKRIbr+A064lIe/ukWDMJUM0pPKFHCVkFHQ91ERjrrQDI4GL4sx65p9Nn\r\nLn8pFLpc0EmcioysNOxXVtOZOG1GgrmZJtkmwyV8V2WULceObYqeuoDjHUZh\r\nQykET6jLXG6SqhEOHP5iMSBLEsh6ept6dHg=\r\n=ctom\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3sl/BTwNyoKeaB7UEOHhmr/aIVfOoNrp+zXVkLWrJTAIgP7AIfi25Vh9DPHhEygZ1ct+BE0y7GNtzQqRXCbSw0/k="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.aa11c7b.0_1645720712036_0.4397291146022342"},"_hasShrinkwrap":false},"1.33.10--canary.05523a3.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.05523a3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"05523a312b5a314b7018b638c9fd5b665d1a560d","_id":"@atk/mise-ui@1.33.10--canary.05523a3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vyRC9LlqOKm9yOp3noacA9iNH+c3JTMJN3VDmkJUg9DZ8e5CyOh+HRRijHpBFLb3qIqKZvP2KCvNW+W1ITfDHw==","shasum":"5f0a427e6f665b6c105ed0a98ac59dd7188a9107","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.05523a3.0.tgz","fileCount":809,"unpackedSize":1734789,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF7jmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6ZRAAo4zcUA3lSZb/B+DGR6TK+2+p2bBaD8rY3nPBEpDAVbTckNw5\r\nn1fftNx/aBMe1oRzKmdvvkzf68DlJHplXZjSCMFMBGWu9yBojoqeD4Ii72ZL\r\nPwpCPmNdzV6rd5TJLSE4kQOL1lUx3Sk7pW1exYULXbS7l87MutkUffHXVAkN\r\nCTPCzxGTlfc+9HQx5/LZIHF8nEp/Cmz7I1HIZ0IhlHSWk9wN+xH6CGTtkSvm\r\nIHc26RW5YYCgdtxmKhL57iWT7qztYG3p13qSmcz7rxp8CoEhx6jA3n1kLl8d\r\nSWB3U8JKvPEtdc9onUsztdhDPiWHTi1qCXiob1CbHDWImpLyDirorgsI0eL3\r\njXMmsjf8ceL6OugErHUjlZGV1iYWGuhc1UTTySPHqDMFkBQGnSz46RWIaZB+\r\nBuaebNw4qSXJ5uPtFOWBxVDxJufWYfHQuhSeQidU1+od9H7u587yp7gKeE+g\r\n/dhFr/+mPnuZhzdE6dRW3Q8+Fb+GqUJDmKL50KuFpWVX+0hJs6pJrz/G1joy\r\nBckhrYFJyD1LuVlyQ+GqWHEcpveHrYkuSVpU/2c0RAtqBADKNIKh7P93WMFn\r\nWM42cwWHsJjExmzBuoOgVCK+e7mBL3snll4tL8rXTZXO396HKi/86rDaGNcX\r\nJ9B1CRYHU+oXTLxoQp9+ti/08yOn5ldecu4=\r\n=p2Ol\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDosV5mVIEh7c61PJeRY0bFk+q3jIcLBgBnVbD+fidd3gIhAKKOEU4i/kxeXNi2snsSDPQeH5PWu5mGiv8WLQMiH1gb"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.05523a3.0_1645721830690_0.6168017829217554"},"_hasShrinkwrap":false},"1.33.10--canary.6fbd437.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.6fbd437.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6fbd4370d09459a1a8b302cd7b25253cd096f6c0","_id":"@atk/mise-ui@1.33.10--canary.6fbd437.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ok53RzGeCLpQxqvMSzq+8V1EawiWHgf33B/Wn1UPUwv42B2r9oga2zT5yr99lYKnDF4ErKW3ZTlxCSvFZOt6ag==","shasum":"863b9292e1738466edab197dfa10dad6065cc900","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.6fbd437.0.tgz","fileCount":809,"unpackedSize":1734763,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF9AXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXsQ//WdkVJZEpYK0GaYw8O0TcfvxolicnUni+CLdMY768cExYToZu\r\nbgAcpvnWLVNu7Lv9qptFT9jS0m9Zlq0HOeEXttifOCPiiB//xffkqUjnQ0rD\r\nn6zmOJus2HL8Gr5blWBeCOq/aTr2lOPKDRNRh7rqxOeWlAyaDW58blAMErV3\r\nBlbdBg+l1vqZb2N6YV3tgUP1zvvSwmwYcxOo0j779TGXHxjaDCGD43h/FLfJ\r\nBkzPS0O65FtG2HLRQbew4k9flZ8sBaBHt5mxrvIl/HzXDSPeztxFNamwgeDE\r\nT/EsT3BCYTJaBctq7D7tBijuK988uG5cXskq9xb84vzVA0DxixIm3HIWGXRK\r\nbPBqhGY94MlhAAUlKwhEZpER2hoTrKX6JjGICwJfLEvoVAtIiCVBdR4TXi18\r\n17nVd6hk8an0Al+7sxoaU3OqA33EVMQ++xzayBfXkySrEAcv0Ly0znoJQ5C6\r\nLoZDvg8Y+e4alakIaVtiy2CyF6RIbd62mJctrboRi3v0NWNOYpNhkykIeRaz\r\nc2NsHW9+BXvqQcMJelaocCB22nakTNDGfCPaRa5gDAgIZwMtwtbBo6jH2qhi\r\nIdHts3pu7W4n27AAkCNRmD0JKHomac/uMld7rXJVqLbDdbP4vjwWTtz+4MMg\r\nH4d5Auj595thhmmiTRoYn3nd6rmzC7q67RI=\r\n=dzkH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyrCbwzLNLESrY1pwP+UMByDCDRn0JSrn9/prT+HimHAIhAMYe/j4tGEVU5GOdTvk532tj/xfhJ5Sag5C7YUFNkNaV"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.6fbd437.0_1645727766983_0.11358425335758549"},"_hasShrinkwrap":false},"1.33.10--canary.7fd465b.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.7fd465b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@types/body-scroll-lock":"^3.1.0","algoliasearch":"^4.0.3","body-scroll-lock":"^3.1.5","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"flickity":"2.2.2","flickity-imagesloaded":"2.0.0","react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","flickity":"2.2.2","flickity-imagesloaded":"2.0.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7fd465b33e17a1cd9fb486e559dd7bb771e3beff","_id":"@atk/mise-ui@1.33.10--canary.7fd465b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tNCmpYfWELg/D5HVrMCLKBTyPHfkOGkcyEViyMoyXU5tDEp8TB55LTwLIsdroHoVHksT5SrZOjHinio/4fLaAA==","shasum":"2e641d927d0eabe7197c1f3a5ad4bdfebee5fb32","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.7fd465b.0.tgz","fileCount":809,"unpackedSize":1735050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF9NRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/PA/+Lz1fnWqPKiZbhkf8ux8nMZvKMxJIe6JRxad968ThgE5rF8pR\r\nP1AjtmDq8uSFMS90Ow1plWGyiRvJv34Y/t0fEspq2wAxWHCbl+OjvU6FilL3\r\nrQUetxAYyPL35CJXbB/B7g9JhB2bcEr2vm+8dqP9+Xdqxptk3BfjqLsuVHjz\r\n+qbWyrevG0jKkJ9v4ZfBtZVJ2WmbluqkCluhP3rF2N5toiEtN+NU6NkeltUx\r\n/y58dBv37Og+Lu3+tsAWQgc7VkiaMVd0Bl6X/ZUsAr9DZGSmfYwBAIa0FjbN\r\nEazwWLMQb6omBoPDQq1nQDxIfXfceDZqIxGwwmUjiR6pAfaIUy4wjQimUk2i\r\nenIvG6sdZOJZv9tJ6QfBaqWU1yKSzrAs/vbr+qSkV9RNRSV97TzDgyE42RUp\r\ntDDVm9Oxm29grp5xcQfHLgfV0mIzFhLKR+VmJTZ1uT572ZJn3E9ypXAAMmfb\r\nsVHS4e51Q7/hcU/gttDNnhewp7MBY//72ApXw09fqkXVI1A6NaOqlk8K1DY4\r\nU1eJqXIF9k0ID8kpvwN8q+nM4gqswylKFhV8M98ciZehsCtvW5WSvbU61vxf\r\nafmmWCd1nUGDMuKmbOpIN28xDmw37vcHOZ8o/ZKamk2g5H7J4kzrGa58lGqX\r\nNrPdkiuGc1LgOMSqhMejeW9VsUK5KW6banE=\r\n=xLqP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnvIJwNCPvPacr3v/fghWzfzvc7uw718HH1i8FfXejhAiB7bMumQB5u4PO56tju6ou7lUNmGscHF6DmshudfAsADQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.7fd465b.0_1645728593550_0.8704500057303075"},"_hasShrinkwrap":false},"1.33.10--canary.a951b85.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.a951b85.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a951b8590de92130e8a848ea40dbeea447acf05a","_id":"@atk/mise-ui@1.33.10--canary.a951b85.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wU4OkPmRLoPF7m+mhYQZ9GseDGdMITVQD5H0Sdamz+CMS+dcShHRNZr75Pl70CzODW2Izf+wQQR6pXanug/dMg==","shasum":"e2f15c7f948dd606acb523e94f0a5c2128f67400","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.a951b85.0.tgz","fileCount":304,"unpackedSize":1334935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiF+JXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqgQ//eB9XszH7qgY+2It3o83z6dx/c517In2Mo2xHxKrb0iMJmlnI\r\nFej3hszED3hs3pBaMpGWmBCsrHbZtAwLQmZmeB/YBaTQH3AfVeIPlLbyyZAf\r\nmP4I9qRoGN2hiEWtJnOIbRsgoeuXCGaeBEOZrqgqlO/kfYlismA4bgM1Nk0m\r\nOMQuP9Ldl7PSfYSZRbDZe05/h9oyKqvbrNSei1zcNPH40Xg4rpLi27dy+eYe\r\nipbosW6c0E/p6C1kCKZdmQVya365K4xhGV/ZKkekLVS7wsZ5UtCGgQiQyhti\r\nGjGK5Yz+8xm3TIElTIDmYh9MoHJVO0CoDGLhP6ixJrsWpukjAPA4a1bPbPfQ\r\n2QZZgJfED5R79V4KDf0c16zJgicF+AkF/8gpGnGnbDzdEV6H+G1+DeYb0+fM\r\nh1jzHqc1xd04/gxFLHSLh6IpOomJgPnpZzwrp/Q3M+3Gnr7WP1Javk7oydlX\r\nS5Zoe6/dUJ6yhSDyX9x2cm4NHP7XWcuSTxenRhxqPaogD5t5mscgIdoJBrC7\r\nlbW05RFXImgzY0Hf3T9+fHbevG2zqY4V07q3pCEu5YVzVM7eqciDO1NUTSd5\r\nDJFXW5C9NId+AIvt2nk8p23T3tviTuk72s3mKUoElI3qFRmMeiY55Kn3Oib6\r\nZKhb6o+VhenIdajkfigLMAnpucfC9y0aVPU=\r\n=5vK4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8XhKBAFVuQSEDT2D8Ze68MHdMBqnNEGp4gkx5BhdcSAiBZkuqqkVYJRAFLCHtr+QiTV7nZDHdkmJUXQGKUzOqzaw=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.a951b85.0_1645732439176_0.21520696440377018"},"_hasShrinkwrap":false},"1.33.10--canary.b4ad625.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.b4ad625.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b4ad625ab54f05841ce3cc1bf1ac94b4b1abee60","_id":"@atk/mise-ui@1.33.10--canary.b4ad625.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-9oACzih8Ouj9WCHrLRtbrn4tqbFjOBehEcEmAamKBwVANCaGFuFWqqcF/dCg+vc8rCqIl0t66vGx3diPUKOk+g==","shasum":"936ef4b956c30eef87d03c107c33f169beb18b58","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.b4ad625.0.tgz","fileCount":319,"unpackedSize":1409866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGPXGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolxQ/+M+ytLx90dYo0B0eMs3k0ODL0xNRjGu3g7ByWesRaV7mYU0YJ\r\nrCTE4GTkorOdy/1YX0KysIH52LUA+HDT8JXz5gheUZiWDIF8F1btTAsCmFGS\r\nYT8+3f9krrxPDSvly5fcyT6eCA1kFnCTWlNwcY4ADyni4e1E4sJ4sQOOhXTh\r\n4bfy0aaIIIbKsZ95XLMpeTfvAPDeFAbZp2UfvrB8tfylT3HJYW4AvEHgP0ve\r\nW9SAK94zsXaoyGurTVyLA7OrCuJpGbDuJrv5KF+uneDCT7ggLIz/wwOBFmZ5\r\n0DelDMqRB046epQX6YoqGWJerhAE3EQQ+/2oVX8qY5mjCmOdD4Oe16L8NrIB\r\nxm+qAgSLDhIiNJUUDPWkOoZEoEtLjplrspTe2s/6mn+8lH5ocannrrzPoIQU\r\nCyorFLS1DZ/ipCBDzKHTG5XK48UICzxwFw/pG5ypB+ycA45/HK7SOjcesmym\r\nOO269QGaoO8kN/SIZT9jJw1XvxWoKlQvNjJnebZqDR6hR3Lyx6MqBMmI6273\r\nwtMqlIlObDqMveh84ZAtTcHXof7V5bqRlZWiXBfDKJQmRB1FzIPJg7y8jyU/\r\nYczeNLFwc6livj26+rjiiU6n7i596zhHkoD9MVdnbxqAVEeilkxrGLQa122z\r\nzUUdh5TXtpfbbfJNnMPd+IzvL5M4HZVtZnM=\r\n=RZuF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE4x4ircp81aTIEuHSpxkTpfLuxSiUqCr5g/ppQaVR6OAiEApZ/5VIMZ8Vv1d7sz2L7aId+5enVKdcxz3U61+Ynbq4c="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.b4ad625.0_1645802949949_0.45558567715824383"},"_hasShrinkwrap":false},"1.33.10--canary.1ad56cf.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.1ad56cf.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1ad56cf3033c019fb80c4615c39ccbf3993dd0ad","_id":"@atk/mise-ui@1.33.10--canary.1ad56cf.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-1BTgxVUX8k/D0j65Os2M2SyqG/Zo3C8me6XyemUUWSMVJ3oZTYxdNtqYoXTEoHgeOYiGRo/svlH5xuZ7plhXrw==","shasum":"d4ee4a50015a4c01248f8d55118c060414800449","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.1ad56cf.0.tgz","fileCount":319,"unpackedSize":1409846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGPakACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrU+Q//Y94xXtaIh845FaEPWks50BbhXVMgC3KcxC4vEJRh0nHW/sPl\r\nTMzMwfhGYnnoCBZ3gb/QmSIQpUk/Wetntf5dTY3d2OTL/iAd/TFhjwSX+qb+\r\n6GJgiL8s3CLIlm0YL7Ji1lLyu4YytAtDXXO/tmzCcDeuVc7ulnWtvrxOtTF4\r\nVK5E/6wjhpSS9IyLiiB9+HYUWPyLbittSMZjT6S6si7JOYv8P46SN7hLQWjR\r\n90ieNpxkwBdY/Ke8AH86rQLthi9oD1hy045TuwTVCW0rl3PvIAPV75Qu4gL/\r\nonnYJxOOL5UqCw0b7rZhPzgIeqCI54Pe7bqXT3XvvZYM5P+uL6OioFi+IcWc\r\nZdcrAAXw4KfVeXdwVTbU9hq435r3HuRQpgnhDtmwnPBiV30pjss79df4Cs12\r\nQW80Z8asbQHiZezqCPj+ja1UqSw9UgYaGWfyi+S3YwCJCTCxEORoGnc6G9MG\r\nYMdXnnasXtdvmco2lxgDIl/isiDXUkXKCcJ7B3Rq71bIsopWZL+hxuii4Fi4\r\nCd5Sgi8oQEd6koO+5qcbtNPhZC7BXswVwNbCbX1G/QpJeZMBqgTTFZN2ydWH\r\nZ6sNTnM7C0v8ZXWxCYONC/u23okr0EHEtpUc1c/wmV2cqYUVQtUBoLr4m1BM\r\nAYiBL+3BVEI83627lnvJMsSCSGfHd3d49ls=\r\n=cbra\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuG6iq7CyHVhCvE0mjhwcJruY0e44lnQvLzMk6eA/7iQIgdWP2jUDDLB2c1ZGkKdIrvwfpZysZWPg67zsWwqB5MVQ="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.1ad56cf.0_1645803172508_0.770233377145106"},"_hasShrinkwrap":false},"1.33.10--canary.4e3b614.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.4e3b614.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4e3b61470df73be3b9089af0ea1cdb452699b26d","_id":"@atk/mise-ui@1.33.10--canary.4e3b614.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xFnmsAwP0qA69OI0BuUyvT1jKpcG16IbHA5U3khngWLRxWHwE8KFu+yLJfLovR67YKveebWsrs9LHUMXM0qA3w==","shasum":"fdaf4ac00e821b1a5af36ecedb32764cb5501360","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.4e3b614.0.tgz","fileCount":809,"unpackedSize":1733587,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGQEIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3Ow//ZAUX2m5zsdsZMl7q2MecZnNfcmVjRo10dgfEVo/v+D+cH9ki\r\nETz09lSoznGyFeZMPNKjqWgoj5f2sRIVftCUGDVH9jsrFkRwkkb/ZvH3JmX5\r\nWGexK99FlDssMvVPClQC33JK3xD6NYmVdyWfNLn4lX+A3ArxNoIPUkzpbP9r\r\njq2GR5/9MQrg2WiTt02MwDiZWycfmgBstSisapibmjE5YnPoglrZUxvkSLCf\r\n5kaBArECy1BhXLZVfeVqSn+ggAmqUKevKag4PiTE4aOpv0yfjLNhP94b0sYt\r\nUq+WUITOxkgZWUZzTUti4icQKt+WSqUZQ75QghrOKtOX7aNfu0x6m94AAXj4\r\n5zjFIKh4/SsLtANPq0x51uZC8ajyDtI66k45MsZVjTB7bqkGWk6gaFbphMTm\r\nNFoXzQIPswcQeb5GHIZnG8tP9sK44MVy/2tdzmtE4HT8v8W+HW7BxkzAn9+k\r\nnusXpWy6HhEqm5r63HLkwJB1F82jTuWitv1XFH8asdAPRHJOPKEoaOAWp4ux\r\nbRxZWco9o/5Zv+FTLAzSsbuRsSqbu0kJSqkrtVvANJvwlcEktXWNmLEab51S\r\nyXBczPE8+EauZgfGvcFcGztg6tUEz69hGow/FMZM/5hZ4LTmpWmsr6kuRMeU\r\nxbq+u9NH/WmCaMQNRRHRxrD7gB/yvELYJvU=\r\n=AoP9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF0z24phfH4ujhI2q8cRP8nUiRzWTgE9Cjax+Vt4tPDlAiAZN5T4/w066XHKM8E4HLj+HlnPn7g5DlsHBL0cZ2l+NQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.4e3b614.0_1645805832119_0.11990639249899115"},"_hasShrinkwrap":false},"1.33.10--canary.a27318d.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.a27318d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a27318d39e4f5e22220b48ef4cb3a8f8d177da0d","_id":"@atk/mise-ui@1.33.10--canary.a27318d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wdiMHIBsdo0VxTbqnnUULhpR/4Wbx4b93UJ45CqzfpfDQat2V/HCE7kXYUlyAta1jxd7FF6bgM/HR4X2ZhyBGg==","shasum":"71d416a0f4b2564122c75d973c77e37f7c3dcfca","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.a27318d.0.tgz","fileCount":809,"unpackedSize":1733724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGQUkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8sBAAlCMj3Z5rBYDl7jkZJC9tfta7jKtuo4vH6Gr+sWeq54FWzl8q\r\nFUXl499g6sJG8AQSSyqpC8BrJocWibosMRmgJH6i+NWzQusySYbly/TnGXRY\r\njkkUWpEVrovJOO0RavZQdwBTb+B0Aci0ivIYIZlQaQt39jR5D06GdWwlIqex\r\nlIthNx+AtOMNkZ7Y2jcVeoy3nisfnMNHB24dNahpWct4U8VHIUO+uupqietR\r\n+qalNxTncvAveLZjFi5aT6eqgUIO6zA4alWb+zaLoVL2t8A6xGkca3hYLmeo\r\nfCoEuOEibKt6NlNBTnQzg0HDerCMlNMOKvm1VLAAw/TcNNfcPYIF7UScYDRl\r\nQ7kVLlLZ8RD/YHybmbhecU8IplOvbJslRXxnTOLqJb8kh3AWYBU6cnaWiCHD\r\ncv594XtfiiyV9YL/AgVIbGif/QDMlF0RNMQbv/SnN9Xf5KKhhjdk7R5BU+xF\r\n6tNztD8/CuPmDbe91zJ5js+zZkgVtv9Jr3clJhz1JvyZ6kP7Og83JK9r64iR\r\nw9tkhlCPPlmIbR5VGD2cdd5QWKOKt8V5QPvvvr/ch3mQjlChOvp5sr2uDbDc\r\nVxvl5XRyVbWCV/azWjpVN0mMd6v0ylhTRILgIgEd80fkR2h1D3XrJm7qbCD2\r\nNYlbkwT5is70vAVrG1gckcNvvGPQX6f4rpw=\r\n=X+vD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHToBf61+AoB0OGDyY/OyhHW3D6fQeW3Z8zdKB0iNMp2AiART+h+9BReYvYBbWhZBr0wYiILcHz+omAOJlyxnZ4UYA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.a27318d.0_1645806884701_0.9715260358126807"},"_hasShrinkwrap":false},"1.33.10--canary.9398ac0.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.9398ac0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9398ac0ef70222d823cb81056f375a72ee3eb91a","_id":"@atk/mise-ui@1.33.10--canary.9398ac0.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-N6mxnJG8cwQMhVf21n4P1tCzgYLUfoK4rQPvSIzwyKGuAp3lw1lzINxfyomHaklg3+flOC6WATNGo2w0mZy9SA==","shasum":"09b2ae83ba6c4d55dcef9438ba5ffe46cda08601","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.9398ac0.0.tgz","fileCount":319,"unpackedSize":1411045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGQu3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8vg//WBumyZiVze32VBhYfHX4ul/LUADI5x66MD7pYHrkAGZ6qDCR\r\nAVyqR7nWYu6HlzvdJjqKR2VW/d3vv4oFG5p5Gg+D2vxf/nWZRr4+t5OkMXMv\r\neo5SdPiFXgAQ0XeiL1Uc9W2scRSjkK6KrOU5jLQ1cZ7rL8XfcFwD3xBzqGYu\r\nBPkSXgu0BpOQzpfi+A8Mu6pw9aDc7nyY9GQUYYJQqZnsBljY7ZaCkuy2D91p\r\ngCmtsdNk3MTP49yKRHFH2o8V3EXon5smHW9/Yeh4QeTEzr6vB8Vx0u6oYSn9\r\nKQLU1VYO4OvQiDbtrDk/OMKm60zMlBzYoJWYePdb8XmP4UJKIoN4mualpro1\r\nzQy4MxgpOQZ/R/GHt/vD4ulPd1J7OcBirOHHQGPqoSfXBD4NVO66THTilpam\r\nxWCTB+lNHyASChCH8CRNqwNYK9Kg6T6/muj27cn1fayilVebPhJjd4QCxbqQ\r\nHhLW0xlCXqXsRD/kBuEgkW1z+7QuxBuDalfStvhhioy3mPZ9PPp4jJwnoRLE\r\n6MuIZU4Rx8aVTyWKZ1MQdPoabErnmnIjQtrEpBG+1xVlvPFMYQBrUBs4a56T\r\nKftYdXS2kPVytzk9oyxtjjH+7EzsdnM0TA58L6loJgD2CQONDmxro/h9NXkX\r\njIDDlW+TZyQ587PL7i5HBhyQRBvxJ3wK4/A=\r\n=j91T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzVcjfs+wji4q4K519Pz7C3bANShspT0BZ8PNNjNXyigIhAJa0OuJwnYXWupp8S5YQNuOqA4/VXjDB5cu+IGoXovN4"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.9398ac0.0_1645808567313_0.554732670761747"},"_hasShrinkwrap":false},"1.33.10--canary.84309da.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.84309da.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"84309da7ee17895b7dd9b55ab5c4198a3e126c15","_id":"@atk/mise-ui@1.33.10--canary.84309da.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-W4jRvaZGlSulZ3/na13ATzHe2FKFGlz5VxlahiLUg2Yt1xzx3EdgHHIHak1tdTkXJ0Oc8YwC4P52gdQlFEpVFw==","shasum":"d737caf883ba83e22823bfbe3846a4ef9e743d91","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.84309da.0.tgz","fileCount":809,"unpackedSize":1733721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGQ+ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIFQ/9H7coROxV8tR5WB89EMELvrC6pv0xTE0YNOomAzMpXalpaN+n\r\nY2jPTRzSVvjpboLtZ+4cE4xI8Fwwgx+jjO3zWDHZsI3TGN3xBmTBWbpHE1KS\r\nWvFDyuHMrsZuNwrUEzra6E+4hT12CMRbdPaKsMniJgZvPDSYnNt8uvEckAVN\r\n3l1ACRAAtYRX+BA8R3kdYujfjry+hFVrnXJ/tAR+CTV67K6T9t1u3XP3KBP1\r\n2/uHU4vo5Ko/4LuXyAY08DYIbC+3O2KAi9j6MCwDHwBYwwqXSBpp87ijv55s\r\nHJZMJoF0yXFCfeVwK0j3NFe7hRywIS3IpjJ/c5JmCmAOyzcK2X+rdRJPS89J\r\nYEwLKystnerZ6QrYkKDrlmZjYdcF1j+izEg0BX3D62env1sL9dFi7pqs/BBu\r\nPFSIjrw8SyZgP15HPVZUkZmr0Xf8tayMKFW7YHRe+iylffOJGuCbpKHxct2w\r\n0nr1WuuRbfDkionhFPrwuwZGYWXYX7PXGfxDRumpRNL5Co/xPXkG5anDW43O\r\n81rEHP1KNpDzu5+ijQGNqt2ClH1Y/cUhjCgzwvTT1RfF2bpNVS3OuV5KyzPB\r\np7gzBNZKHOrKgjVxofSXRT7Q6TVZ1Go+gQ7pspSllLOcBL1Bhwh72AxcjL15\r\n2HbBbGkByaZoPiQ8vHo8AzKtuZc8IZIy4/I=\r\n=E4O0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+/TBwpFHcPygDXGndIdSZ7WuJU8BUHZ/Ruj/GrtH6eAiA1R7XcWAxFRZt6/+kcY7T46DAFSQDi1/weF/KsyZ2gGw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.84309da.0_1645809560812_0.04534913315381961"},"_hasShrinkwrap":false},"1.33.10--canary.21aaa76.0":{"name":"@atk/mise-ui","version":"1.33.10--canary.21aaa76.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"21aaa76c13254272b0d13b52983bbc87c5bc1947","_id":"@atk/mise-ui@1.33.10--canary.21aaa76.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oA4O7IHIqugR2PpzlnyYi/GhZJOj3DgDHbV+esXHJZ7nc4VgcBRxIokKnKvpCNc1ei/z6JSQmC/Cc/DHS2OWRQ==","shasum":"d223a2717f6866a3744cbd9caf2d132954fbc5e3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10--canary.21aaa76.0.tgz","fileCount":304,"unpackedSize":1334929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHNTUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoY+A//XBTavacxE8G1sHdOzAwJ/CmcaECLy8dJSQoGUEG+JbeXHgmC\r\ndzV1Eq51MdLcQSKqReKQORbw3vy+LY9Xi0as/GrxXSqyZCV1ojFgw8QY03vZ\r\nvyIO9TfK8Imh56B/XtBfrlWCTPb+Bxmgur38285luCwlEIWulhOMLiJysB/W\r\nVd4zw7xy9M0UgqRMmEcYIufbxAXNnYq1fU9KINVv/iva1rwPZMNYEEED7pyv\r\nGF1OgE6hheOh43zCE4srAxT2mlz0LAWuuZXZuB3NoHM80OrhOK/ZW7ZLBRkT\r\nRmDjGIPplkL4ZhAz4GOCwry8pzISD+Zkifu5S5u2kty64E74u2mc8kvNo22k\r\nNDC9H4LsBueDYKkjEih6mmdhwf5tsa4n05kMhB07hXz0yPkoTgIcRkCFJKek\r\nEg25ElXB1lHrH72deQiHhvMg+x2tdhHlSGLmkp1mqG2RTeIdaFvHFZS4Oc00\r\njD6aqDizqjm+xzNYkmIKYYkH+LHg/CDmsalK6cKfZFOFTYhP1b394FTgHTLk\r\nQILeh9Tp94rPT1emHxXUR7xDP220tGnj1dr+5FH0aKjYmI+/DPkJBqCS41mz\r\ne524XIlpFQD40PVUtepbKvJefLInVfgy2XaXLbapIUiPVgV/ar2Qfmf1TCHT\r\nof+5gUV+6npIjJ+nN5vk54KNyWV9xTJJYc8=\r\n=QgOZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVjNgj7TBLXMcukVTIsmG1JkDGlrXMS8E0ppyn12GoWAiEA9F7nWmPVfdSTOq/NDtwuO+v9+Qg/Cp+yck4hbs3DHAM="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10--canary.21aaa76.0_1646056660220_0.8420592727980873"},"_hasShrinkwrap":false},"1.33.10":{"name":"@atk/mise-ui","version":"1.33.10","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"17416f0a7309f0beedfa848fb41eddf82ad57de1","_id":"@atk/mise-ui@1.33.10","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-PkpP4VoFVCqVThHSLSIuT7o02nwaZNmrOSLRAWftvx+6v+I3m1xIcWm0IX+UYj7Jt135KghCRMlrXH+HnAtHjw==","shasum":"38c3d6ab88da91bc3d2d83d08f15fe1877d0a9f8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.10.tgz","fileCount":779,"unpackedSize":1642173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUNJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7LA/9FYra08Hs7s9jWYsnStc2KJ5uWYBYMHRNliOz08Gahk+zb7Wy\r\nWbdlxpODwGKe8A+kU03C7L0IN4gdYsdaEL//nqGxZFZ0qPK4i4zIHGt7C3UI\r\ndckYgDDeNxLqT6b04m9IopTf58TeEC+ySrLR1t/pz+0pf1yVSpXNlHW22D0W\r\nB1TzzX+nMxKst+X17p7Sel2Z4sd3PpZfCRngl2dgR7O68Z7boYo84KGKjwDO\r\nhoRxv2ryhAnwgOlg2XJiIK5awhNDC6fwopd8mJlv6ejkHGHotCceTN06yAo2\r\nEJEjFP93IwR6VsqgxferAlLflAQYDSAi+u7YYlwRDCjOuMD84g3gT+kU1dZC\r\nHmUnZ+NLegGqZpg30+awH7Me+A5+XWv7bJikKNDk9zzzsWonmlth4dOoupRB\r\nzOoe4ibczccGEd+km6yGmOVinCyEtM0vQg9VNiClZUC1xm66oLwrC5WBQ59x\r\nhEK6paI0eK7t8oNfWk3dZd5c27j9z7g2xnle9lCV949RSTQf1IH4W7tIRn6c\r\njFTgyoHHBuewQ0cBf9fEzSgJW2DvkHeLeUnkytmcihZhDY3PcOG8bpiSCwT3\r\nCrJhF95o+OhB5SsNCbZpebfnwSq1r9pxrYrjAm+Q4L0hcVDWmYVeDcCCCn+o\r\npGcs6cGtVeCzy/3MjeNlh0v2GAxYJobrWXA=\r\n=gEku\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYWVTrem5Usg38i2s8WKIhs8mcOp4Kgr280wvHCXnKAAIhAOmS/EdmMIGRs2Q036ZeJ8qCp0k1975JqfmQ2eLydsGY"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.10_1646084937744_0.9919122460992054"},"_hasShrinkwrap":false},"1.33.11--canary.dc5a845.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.dc5a845.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc5a8455315dce943d1b96705342876ac64e786e","_id":"@atk/mise-ui@1.33.11--canary.dc5a845.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Y4azzihrtnJpML/aEY1Ua54BslOgQ356m89MaHk0wzJKp1t1PBuOyP0IKyDqpKf6Rv9MXNsvMuFGkNuxh13XQA==","shasum":"b24accda07777f883f616092babe5f048ece28cd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.dc5a845.0.tgz","fileCount":737,"unpackedSize":1673396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHittACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxHQ/+PzQjJdi9CnmxQUTAFLEzHbEkBtx5KQuO+Pu0kYpWNEaijql3\r\nJWYxmxP+YMBYYyWuZ0jVhFXuF0nPKYF6OYkVZ6qR4iukW15f4h57VrpU5QNf\r\nOfrVc44Tx4j0OhxTqkqtEETegH23jIn1Hl7raKOch16+VQEZgnxLUaHeWnRy\r\ng/rpZ5vMy+NjCyrjMyKmfLsTCdUCoeN2gFSvPXVGAss3VPXvZlVhivjIfA7k\r\nImHfTM3M12POAHyND93Jbu6af5n9qS816OtguCHOLBxk+CGXW8tdfeOt7+4G\r\nnFAt6fRFUX327ySxFrXS55S0fgii3f/Af/3VS4KLLPLoiTohjLbCjw9rlVEI\r\nPzRBjaULiesKYrRtqT6iIn3mzvw9O4KJ2I1qHf+qlGVkmiTyyVLyAyplW81t\r\nrC79aqlq5mKU13yI9q23u6YlR7eoj4DYKJ+L0cvy0SWCUJV5CjIKKNPmrKX1\r\nPFAyABFnnqfZkj4UGwUGkPfcGNX9864Ta7bVPpJLBDJ7La9SDZTt3pIDXpNq\r\ngBz3lZh6N0mpWRPQOdTHgzsrpBm+OIpUbdTQtSggbMW7K561SDwE2eFCuyVO\r\noNlampe5r39pLwCsqopjkYW53MLQdb/TtsyuNsVTJCZm4JV1Sza9SH2ehmRJ\r\n5FaM6IH8oCKqJPcW5frW42lEKucMTfJ35n8=\r\n=dMhL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMzt34yWv2wGsYlrTh43jXyEnlzH0dsN2179B4PhspCQIhAMpMsMd0DXilFMUxloFGatyzKmPI68I5se+LHFOFrdhx"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.dc5a845.0_1646144365177_0.7834245011025105"},"_hasShrinkwrap":false},"1.33.11--canary.4bed7ef.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.4bed7ef.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4bed7efe295b7948a8364057324f2cdc02ecfa8a","_id":"@atk/mise-ui@1.33.11--canary.4bed7ef.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-7ZM0H37EQkGnehKDx1Gsk6HrUL59rCrNd8qpSOpMNnHSDXbNzLQXy0zOEfkJ0LEedlu8z733k37XM2WLXKWyIA==","shasum":"23ffee22ab8f36049df01b50ff4a2c9a31d7814f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.4bed7ef.0.tgz","fileCount":806,"unpackedSize":1734231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHpTOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmordBAAg6buMHLMTZj/kR+RdqQKYeIqwsVORaNUoaHnVfrW9x6uG3rB\r\nsXwKp6IFO7sklnP6qUCry0AhPsPpVoantGhyPyt2zT0/zo1PypFydJMuIcWb\r\nCbhlyrt+gozuVCgypEZBzaeC/kG+Kb5i1eSBcJ/sBJx9X4G1T6WQlX4x7hMQ\r\nZOLrJRbsiXufQmoRgpXRYA0A2KtYDDpk/NyLMC4I9xzH0OQFvZbpHxPibyKd\r\ntlUkDoGcXNQRANYoTxSv9bTQsdEn4yEWFKz74rywPSd2MFxJIvbBW4ePmGp7\r\ntaZfsixqaa4ioqCogQDjWQgLpecG7haovRWY8Q9R/Yi5+OK5RMmtVLzZVoHS\r\npMz5Wu3NYbMdwzyWbS2bf/09WOWHGd2IB5itFRi6Pidny6XAHr1MLuKowYKd\r\nQsL6goeSh5HYZx5yVLZSU6AUR1E7phslDFs8cD/POtcuJ/ZY6YT09Xjghmq3\r\nSbHSpgMxn/duZKRUUuCe+ZgC8hs3CqIftYYMHUVqhR73HqlJaQjNdcvbsMCI\r\n7vq4iRJIx6i5Fc4yd/19B629SdO3peEE2p1AgzS8moWIecPmhUGqhgdX3D9c\r\nt1EGlxQ5I5R/M7MhwUCXz5wrQjON3UnBJyovHZE7Z7GtrlDSqhSltBsa5BD/\r\nghYR/mpKfyANa5TeBZHu1gDRpq7BqeFcZgw=\r\n=dznB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9B/Mh8H6/SDprOYZ7MxUkpGRpd9P6xIu4Ds4zty6HzAIhAMOa7+RVgvI0yFGPMYZGT9GZ02E7UASzh6YrCknWMGzK"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.4bed7ef.0_1646171342556_0.08751072945045135"},"_hasShrinkwrap":false},"1.33.11--canary.b2ce95d.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.b2ce95d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b2ce95d7a9a556d57623009bcbb588be7dc66e97","_id":"@atk/mise-ui@1.33.11--canary.b2ce95d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PxyKdej/2Ey/nDQ+s99PlaBXEnZxXKPyZYogj0SUciaGoNcXs2SOYrneTVKUes9TBVKRDHPjrVANCgGQtPYAjg==","shasum":"2a19d65c32c6fe34266fcce8904e7f404bf6059f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.b2ce95d.0.tgz","fileCount":304,"unpackedSize":1335535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH6mnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUkxAAidu0RJSftCr+i+0QY4uBlEwG+U6QOlVWWrByyt2RSaLSedbw\r\n98iOLNnkm0eghD6rFSI8zr+hpGdW2yOnwCvPQ6oPZAVaL+tjwxoZMin2HwiA\r\nEgTlmgDhndXS9h1g3K5xF98D7DWyG1gX+VEgT8zoQcuUhUYvZ0bpIOs5beaS\r\naS8d+EXk8Y2gR9RCA1lprI1ldec+zz/nuVfPvv2KEyiGhPUE1TJtLC490/8d\r\n0woGZ12wuAI9HpCpXB889isYuDUSocAhV/MjqONV+gKi9YSVdgCh+sQTEr85\r\nKsgaBFuifW2MrIHHKRwrhS4bolSMoL/AarbcQkReN9zzEvzdA6TVo32KMwoc\r\npDEHrFEuEo3exCInYTePk9jPp7uhL/QABb9NGwO8snB8wXxDGoniPH5+yldK\r\n8Xc+tv7h9A2VGxRU3ZJ3Sj47KVBRB4prQWFQQ++J+X343kv0f572aCW5fbpO\r\navopOM/0fc/5d/Ug2kChCHcLjG+kF/OW/XJIa/N89zRzAsG6eqHfk8UruVci\r\nbngJTqvkha1pRsq+RBdcUeQrftbCufiMjF0ThANVXvs8u2vlFsqsALy4aVC+\r\nOpQWQy+DIN3tzEg3gud9X2DcBIDwHzh7zf05vR7QawQ6kRqMMBsGGKRKOr6w\r\no/dnannHaZLh3un7MemrraLwmkOI9YWaIus=\r\n=ZHo1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDxWeCd8muNTHFr/e1daT1olRgUhJR0lC05tlSiDzhUkAiEA0cAGZKT7he5bDnA/xi1xVWuECs7FkeF82WiZx1vP0JM="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.b2ce95d.0_1646242215415_0.21186896554732315"},"_hasShrinkwrap":false},"1.33.11--canary.55a5e1f.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.55a5e1f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"55a5e1fa95af8f9d35b58b881490c8953c1c52fb","_id":"@atk/mise-ui@1.33.11--canary.55a5e1f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-nFG8kACeSD0sJVoQ2uvX4V8Z8JVSRZdimPEXEgBdzbvW6brVL8SYMUdNEmQ7QzgbjgHpQF4tlohvfyNKbCnHxw==","shasum":"14e5a14dcfc691905e8797b9a17ed0eed0801392","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.55a5e1f.0.tgz","fileCount":815,"unpackedSize":1754781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIQazACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLaQ//ToMsCcTLtN+Q8D+lNW4x96iQal3fbsYqFrV5a6IcL/Y3KmNe\r\nQQNCG2Bi2QWNfRQxn7osTcrHXlaTALPUO+voKB7bxN1VUGCT8q4HA4L7grvD\r\nV0ycFgQd07F6wWH0kXNISUTXu3DKmMKHWv0jUImILQmoVGT6FWoyVavoUkjz\r\n2VpvbF+GdLN3Guz0e+SqaiOGZoda+MDCCxJGrDhEWN63Nf3kME041VyZ1rA1\r\nkV/kkFwTp6n5/7TzagK9DBC5fvq9IRmtKTtSymv+czjjYi+xQR65K4z+Tasf\r\n5naVHZ7MCByfwT9M0p3PYlIcFbdYKci8YxNUdicJpY3HUsOvVItvpZsNEoeZ\r\niaUhkkinze9U0rhpK+DWVEyGonMuI6N60ujjjTTSepwMxg1ic4h3XHwuBzRj\r\n+NR8W7Pos4/kRRwjcjAHx1xaEw6j5N38gZlBN5En1KYRU10FOC89MtkOhqAZ\r\n3Q6VtoJBFGufWZ4aNqc56UcjAlQRTAdB5sgYcZVKIqAIDAQvjUi7O0F7xBBy\r\n9//ue7iYr7oNWImtZM6Cj/WV6pd6ShJEfTWrUULvSYcOXXjnTLGGwTY1MJpu\r\n7nsDct9OO3xMECmsvSXVNf/ntZS5ZJIrVew5ZuCR184x+JFW30QBZdbh2+C5\r\njUdocTU/FcNFGUBnckqQlBIjWhgOay48EJs=\r\n=Ic1t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJ+nhWt1FSMWUD0bSot9d3fRfKV0uEaLBvI+rG637KNAiEAi3uUqjTXhdrxtpAq6B+2b4z1b9kObaAfm82pOJR5X0Y="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.55a5e1f.0_1646331571284_0.9668973281356787"},"_hasShrinkwrap":false},"1.33.11--canary.9a304df.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.9a304df.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9a304df1bed573048145591e1418618118ef4376","_id":"@atk/mise-ui@1.33.11--canary.9a304df.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0JLWC84GfVku8RMdhHSoEIABA1/bTsOOAGBrJjzNymF6LvgfnSG7NNEMsQAxu/FYreX6QI1hQVZQAVFW5xcRRw==","shasum":"3392a71aa8ea5cea3425cf94a5d4cfb84a5d9ee0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.9a304df.0.tgz","fileCount":817,"unpackedSize":1763059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIQv7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaSxAAjJeUhkXQHJRk5bv+8P1LnkbD0YfkzsRrnwzA9/W8Z/4htK+Y\r\ndohb3FpIL8zSHVoiOjw4TomSgT8uL8APraR9OGgdLIEOkry7CYGqL7nO93/5\r\nT4RWMUGE6Qy2Uo5OSiBgWjQGgYraj5jV7OcGczJVWlh5a4SeUAphzkuAOinY\r\nJcfFBK0VK+bzZXhpKokvLducn4YQqt8AISPvl3jmAx80urUIdtSqb66f/HiC\r\nsLMHRLtRNIIk2Co4jyDpsP7mYEJqKIm0rDNcpWju2uIEAqNbzaD49JgMRAA+\r\nIJ15DrJHhh9mPp1Og7XNvZvOWuq+hKQcvkhgjaBCeQ2TNYcPDeKhkfNR1tuC\r\naKfKaPa53wjUelQKRUY60EUVxeToj5hEJ4e56i68aBviiWwgR1K60Hv6N4uu\r\nhkyk3kiDav8dsT98X6fUb1MFSwLB5olFK72ISKo/vTSRtWlietc5rErIb7Bs\r\nOT8YPkFuqm4Od+Yq3kowMYJU8JbpU3vdDuY3FTK5y2suuQ26y49IhbILBHYZ\r\nDoON0I1PgM5l45gbA3UzUJsZqmn1o8cS/YkwMKSY4mNKPzGc4nAJLDYlm1Q6\r\nhBSHPpYX9c86nt0t46sh8C4qSUdt5N+ZEW2aFNoVldqPb8G4yu9M4oLwV3fq\r\nVxCne0ean5AyHcKiXJbO6q3eIlMst9kClsM=\r\n=ZL2V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID3hiS8izb+jzsNMFjrd8LbeS6kIX69fAomcolY6rxbcAiBQt8Y7zb+KflqYg7csFUptmCKvV1YQo3CKyoHjfNaAuA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.9a304df.0_1646332923138_0.599297582607947"},"_hasShrinkwrap":false},"1.33.11--canary.9e1b44e.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.9e1b44e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9e1b44e23ea158d8681fc12b2f59ea063ff4bee1","_id":"@atk/mise-ui@1.33.11--canary.9e1b44e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-enDPQSC4E/ti9vHVYZDaVAIIZR4MR+LuoSn6Xiv6p9x6Xa9q+nzcuLk73HSWovjEIvUTxq865mEGdwL0BoBs3g==","shasum":"b00308f88049950737afc2b02036be66e848aa00","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.9e1b44e.0.tgz","fileCount":817,"unpackedSize":1763129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIQ4KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwMQ//RlxCWozYLI6249NvwNq9D2zK+AlvOlyQFvcbiJXGUTF4UTK8\r\nyYmTQmGXwRk+/iGw0oR7bnq/uT+YEycPi1X94LV9oy3j/IRaAj7PNtKVntod\r\nHV28LUftYViVsUpSI8kMDGor1GxdDfjeGAWseu1prvwetQKtkuBcj2faRA1S\r\nEpZbSlVws7hdpHi9T18ATH4bEPoKKrzOe8i0c9QA/yC9IL/IyDP5t038s7t/\r\nklpy6HW9HQEuJBGogJ5b7W9K/zN98OPR/xYqgtYWdNB5zk9xH2KOVQYhxR71\r\niqi25etQYKkjBrC3sU8bWdGVw4ijGW+7I2B21FTPp8WB0V12IxADyzfy0ZyO\r\nACvBlJ+LRr1S/pKw8osJp8uulw7YRCmnC1k3ejJUUuEvGji3TLp4TN/O1cM4\r\nnNZkgtvywLuhH9tcGC3lUMCjNGGWOX4KaiGvk8J2gngiN5+1JGwRRPc8ytxR\r\nZfxmCHCqwc5ULVm52fQFWgbA9J8viqpR6tVqi9SDlVSuLERgnYErpONdgiCn\r\nCftB47m2hEJ4KfjPfuf7Imk0SRjWHhQPwyUtAiErHmogUa5PtdSQfn1MK6Dq\r\n4F+tFs9Shk9L24vGSL7Z87yIxK+5wxGFWqoneUqjye4EpPqYT/EzbmEHpzVJ\r\nqfAyDEKNRr1gbJ2Dx0et3eHXqMo87IssGfc=\r\n=A+ih\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6EdUTml2DRnG4ThiGfueGPOD+kIpeFpYBFODOE52EsQIhALUNUiNnfSY872p1tl8sGp6Z95xEkl3DD9rtXUxqeG6M"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.9e1b44e.0_1646333450665_0.45366277818334777"},"_hasShrinkwrap":false},"1.33.11--canary.89450de.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.89450de.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89450defd6bed460f0b2389e4da993cb32d058dc","_id":"@atk/mise-ui@1.33.11--canary.89450de.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MMC9d3oD6QGy2QT0Us5G0Br7OF7x6Zt+5o0xIbs2M+S1Pk9hIzAEAB/BmQkbfnzJWOwAZsW6ZB6ZWCEMWr3qMw==","shasum":"f8563dd2f9f929237d35e388c29739a6d8402586","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.89450de.0.tgz","fileCount":817,"unpackedSize":1763215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIRL8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyJw/6Ay4U6cLq0gpbfG7r+C5hpUUPjc3//BvfLDTxClMewYYVxU0M\r\n0AdRdqn/Mmo+hLWOVuJgrYJVISbZ9aE67rCS3ALbQcxTDYnN7ZOM8lffui8F\r\n0c7oBXHHnNRjgZ7pV1hyPzophvtjie6ONC8UK5xI2rV8p1QNoj7nvKRO1UYK\r\nHb8pfLDuCwu3wodNMZcCmFZehcZt/4zM+6akeppcD1vjA3AQR+rfvvDzWq9D\r\nVNpKPeBjKa7ZTI/WMNk7jVTRAzzp4zRgLLfqeLx/nE8yoeJVkjwFKGW+YM4Z\r\nicYdiwzxs7la5mFvuLdzmn0yws50oYIDPlmOo7jNHMKulLabGL7hx7DuEbbU\r\n8bHCLalYx+v5FVSU9fS+ojaT9uQJNeNAfSUh19VfmmQ7/MyHOPrWmZL47u6t\r\n7jYPkuQfplrMzIGnGQJInIuDrzMzk2zKUrCswwJOM0skY49sWHTuhkLxJ1xs\r\nLzH9c3btOtAV/20sz5RV/RWi9yapnPPYxi70Cd2kEFgduwNWHzQ8B44wi452\r\ntlnUFeBF57NPWxoABxjKDve8lUVZ6oehsPmbTWQrJhQrrtrzqpXGeFlbPV8D\r\n4umpvQfsM4W6WC1zkCc7HSfi08CISoBJoo12wCPtZIL0Fo/uscos7+ZlcPTP\r\nRp6SyTVUc4V0OxCDBMU34gKriV9IkWXElwc=\r\n=t8XS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdfyrAoYzs2aFnAA3tmZqOqyjCuzEYSoKAZiWvGg1bhAIgQp1Qaga05rpZ46Vffps2D2jo00MpWMDgSxOTVGQ26Ro="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.89450de.0_1646334715942_0.5046836347947998"},"_hasShrinkwrap":false},"1.33.11--canary.f69dbd3.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.f69dbd3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f69dbd304c4122b2bdc73eadaa91166c346652b3","_id":"@atk/mise-ui@1.33.11--canary.f69dbd3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-cUivgz3iv/dyxQm07VG5y6twJVkHh5WY6W67Gkc7vWW8/eCyXPEgt7lphVDmx01bGuDptcONRmu9PYAPEK0i0g==","shasum":"ba07ae728f9d190701b999f8743e8749e95fa257","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.f69dbd3.0.tgz","fileCount":737,"unpackedSize":1677412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIWf+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxJw/+I+A7mMZjNv9bpE+SVT97ukFteFBLXk6W1Gbe//vJ+LBkqfHG\r\ni/QYq5myNBvSaDqJ3T7WEAGMVObjfqhP3oJZNo1PpOKx1C0rCigua6NVeD1K\r\n7goMZepUED/ApLWLgzslNzO5tyb4LQ948FZPXMeyVrAmThLEsjrjY6iiKtaX\r\nyrcpJDCIOUnIoC9PYppDuRrNDrd/3XImtot6Lsxy0sx5uFulHGCDSXMOECsa\r\nBWF3VXAh2A4F9Tj6SF0hJ05+vAxo1SZbEiQotBo82nkt1ZKHA4R64eZ4V1kk\r\nL/60gq1DwKjHqmVBMl4pafhsBrJoJL/K/CzNTLOysFxQxjBLep4MF0njrn90\r\nYExGWlNIR8ztbbH1Z+TSO+fpbNU8v3id1DQSsvq/YIMlAlmxJdzXX7auV07D\r\nhxv/Brjdhbr5NCKmYgFe3VvX7J1mRpeQ7LMvCGJA6DNOWN/5q0Mm1GXWaSIw\r\nxsEhQPBnG+CT8O09WFkAbFJ4N4Mhny4ups1g3O0iXEAJYtsAfagdgnP8RWCX\r\nONwvgWjgm1hTsTF17rv/5aAWDFIVhbHG5x44lnI+D7Bz0U5KoFfCqBcF3/dv\r\nAZT8CPxQKP8cJwlkCu+B4f/7sh69UnPUatEbtFSitBjDCJUhO6mQfWDylxOw\r\ngyK/XPSlt0Xbn9p7lEHTXvTiuCYmUwZ68Fc=\r\n=8g+x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyiHBIaS2XCr6F2OtkOy4lAyX599ix3JBbojNGiPHz5gIgGidW3kgqjeMLZuULDhtDbEsuIVBNHyEReIsNqOlqKfA="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.f69dbd3.0_1646356477904_0.4966358112442497"},"_hasShrinkwrap":false},"1.33.11--canary.d02db46.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.d02db46.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d02db4612234602defc42cf286c66d2d84f6898a","_id":"@atk/mise-ui@1.33.11--canary.d02db46.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-QbzbsPRt5Ze/n/Wr6cNPQ7SFGEdGFXhEStJux2sff6usg3lU45vYhllRu0dxDtO6EE+NM4cCY/0HWmMhRAi9tg==","shasum":"6770f89ced517a427f0e96d4c1e7b5822264794c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.d02db46.0.tgz","fileCount":304,"unpackedSize":1335640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIhvpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9cRAAjtfH7qZB0yZUvRM0DOfeoVWruyIo3p+McXJVklIkPwozXqBv\r\ncOQzqnb5039JnOMUBFIiJYQgp3/x0sqSTGOe/5DbO7qN4eJJ7vv4p1EbbuOa\r\nglBA0OvJ38v09GSUvwQKBewGH04tyug6UQxG16Fl6v7WZDCy+V43uyKeMC+5\r\npgF3BoSmG1CFzvXsdPgw9EKJ4emOds3hfNEgSVxGB+eo0BfcpU03dGWslKdB\r\nx8Cj7yNokjcTFtCmNuIJ1vJzYr/Qkl6OF+EgHKix+MvdvQxr+m3lXylrpiCs\r\nQ5JckKg3BfZnTVBUChwQ7kXb4Goan2rL8WPqXzwpNz8Pwnz2Y+ULJZ0gysvO\r\nSaSK74oBpBXIMREvYg/KBljawh+3AldmexaNF0Ml8qVHbOCK0Ubv1wOvkd60\r\n7h/ZXwQE30xUfJJeJcYaDK5MnL/P9B90baE0Axht/dvYj87fbM8UkJWhgqgV\r\ngqd+unCRaRtgCwdVLsUt39VqeNujWIw2RR7kzBz0KCaXhGnEKOM1Dml+9XMw\r\n3YahfoLr6WbxButHK6FT0IEEt3Zz3o+S2ZoxcGHHql8aCV6YIFCPXtOvz+Dc\r\nGuVRhTliLa691BiZkm4DoxQXGzozHKNSI3eYgCwcpXbTOL/YKKBpJFh0meL/\r\nNs14tfTd0QyEkKhyyuZadtrrquuqFb/mcx4=\r\n=8EM7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIECnBQJ8YBeAz275i7YAkYbKKQErqyeau2n3mW4c0KToAiABeqeboje7glWPfmjY6AWMYogr1WhWzDegAyFKGU14zg=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.d02db46.0_1646402537783_0.9175499758221823"},"_hasShrinkwrap":false},"1.33.11--canary.b75c538.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.b75c538.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b75c538ca4f18487a136a2266a36d3a86f14fc33","_id":"@atk/mise-ui@1.33.11--canary.b75c538.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-ZEriiLC+yf7uz3EdKc6KIiiB2vQtiseY3jdq56e1thLufjr8QjsyynYC2YfWHhQY0R/TuQwWVNaDeOPn8E2BsQ==","shasum":"3c856d3c0d164db97709bd2c27eb64974cc82e4e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.b75c538.0.tgz","fileCount":806,"unpackedSize":1734627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIiQ9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1KA//X18xYN84U93YjgyUSWVLvjRXtx+b1Ne7f/5tB09T/ck2211W\r\nsIiXLWD+eKX8t9Bm76j4RVkkgYLnuxTc8N4R6IhnIakugvqypCvF1Xk0tUVB\r\n5CJcVW2GPW9i25JHLGk199jUlxZCVd8JdYfXqoeKsbRrc/RS4rP/xKYWXqxs\r\nlZtJbDeIecmD9ROQ72GDCyEUgWJApY9wSuoe+Q2VJgQvqRTgCKxcCou3OZ3+\r\nOhkaQYjFB/kc6KrlaDc5zjrMZgObsslxnyOWCVXHWXAavPy9Y1CT8+zE4fwZ\r\nJ+mT8rmM2BzaODVXTmCk0Y8HrFrDFyc+X7I5nJP327IXx/8p1M5WedXRdPmc\r\nQPfT9Ev96VvBTEjCCShmFtF9vK/ojn57jENrqyb6FyuXDRSq43UrRYZn9DWf\r\n3OBWuzGsvu13+K/Vsj75ynwlTX6Kuv5ToZ36eNIst0ikZJE58l2GsnqLjrlt\r\ngz+0oJz9CmL2BK30yvColQ2oBhSyZaVAh9zyL8RQWLf6y6wt6X8cMpWTnJtL\r\nZROufKlB76xhldYmisIwHfwdA21Em9FAtVdcDONylOU53VN5d4tYcpQFowUU\r\nO46ZFmyE62bP55vb99Ev1hF92G5wqgOp8JO6ElH76Fsg0CpPfUIeLQvfu/tV\r\nMwa1+2XCeN5WHZ+0PGevc9MqqYjA6vs+6+E=\r\n=WQCx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiw/MDS5t4724vhQn7lE8Yt7M9K/Z92uzLAKprgDYsRQIhAI6r9/BJfDWXvsjiJ55ePK9fXvGUjEMcC2pdRHlF4vQW"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.b75c538.0_1646404669640_0.5445784584408231"},"_hasShrinkwrap":false},"1.34.0--canary.577.34c5cbd.0":{"name":"@atk/mise-ui","version":"1.34.0--canary.577.34c5cbd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"34c5cbd116ca11229984547e53eb4ef9144c40b8","_id":"@atk/mise-ui@1.34.0--canary.577.34c5cbd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AicRo1Ldy/K2sBCehA5s/lrQy6qKOEhbBQ7v816tJ5C+EH2mxOh+0z3En2EfKfEDoSsAWSHr21EXATyHDtq0RA==","shasum":"a4d021252cea692f5ac8f4c64af19b6272037b3c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.34.0--canary.577.34c5cbd.0.tgz","fileCount":825,"unpackedSize":1768823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIkCPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY9Q/8D6vQABoRTmR6pBbrWk580egGaPezVxgAINKeJzggQDGGNwPe\r\n+L3M5ZnHLqedTcDbivYazVlGIVUrOH7TOEspTvqNHJ/rOSoHjYibebAPE1JF\r\nY9cxAAnJKd+rEn+rEVws/vxbSthjokpoPUtGA0qpfV5mTbb7wwv/TB6oTZSB\r\nO/goMIJFcWlxo3l5vdanwlOrXzAqeVefZCBo5E3kN5xQllkTALRvTG2XLi2v\r\nhInPNko4jriirbjitLYru6pqlJbaS7hQB3GRO0reMu0RixZddJt3QcGVzF0+\r\nOBh69t43dvfXCm5BLUknuU8BdLN3ZR4/5t0GTdQpIpJtatP9u7wFiT1SzvZq\r\nzaNjgs5WFbhFyJAD+oC2uHwYHg41JQ9vEec6tRJV+bg6pGg0GIdmd4cz3U9r\r\npAFESHWcHkoD7F/EKmodQZPxhw/9BW2jd2dqU+6Yk9rdCmbJbyp6vibN4H9q\r\n4t7GPoix7eckVugzgw5cqduzQwtnpNZHpID27f8FbEsiZPHdhWov4aNfT4hb\r\nuVvFu8ZZmY/5N+3dvxh3DZKWheM1ikhC3EXkohRhBVPW55LPpdVz8sipCyJc\r\njnGHNJInQN1tF4USx2Ok2vhevOL5qWDEsRW5+VsZl3uaXCSipDRB/9ZGMAdR\r\nwrKbiTco012gDSXi1FgqqTyulmYBP4n2jp4=\r\n=+h3K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDY8v/hS0Qb5/zrtfFT3dtBjSE8+zXMHjyL1VfRfNku4gIgFVzS449+GuuoZzK3/o0+gj0uBsF4H7tph1c/KFF5i2Q="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.34.0--canary.577.34c5cbd.0_1646411919218_0.005398672220359613"},"_hasShrinkwrap":false},"1.33.11--canary.283ae01.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.283ae01.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"283ae01e7c82ffe9891a1f89ed533511d9ae2108","_id":"@atk/mise-ui@1.33.11--canary.283ae01.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+y6QXoZvc68knvgkK5Nv7YmJ27ovD53SocxKGP4Y1v8gf5CqnNLyrSzDJokR3rvzcIlDQeQ13GLood2Qezvt1g==","shasum":"1bcbeb413d7f1d7dcba33d6e9f0318e400ea148b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.283ae01.0.tgz","fileCount":825,"unpackedSize":1771514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIksuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhiBAAopTkeJXOK9p0JFDwo+ids3rWK7cVBDYLu6OqdNh4uu+5Gt4p\r\nu38GBcqOKdEKY2tJWMe3Djg/PjRPMWcMZervUg40vEOnICjy0t6nAjA/u1qe\r\nit285WOuB2+7gIDqLdll2srhILtioymhligHm/Hsp4fr8IKz55UCTCODNNKo\r\n7tabAomgSb7TsrngVkdxKt9SCVupB2TfhfzIKvuDWdamqwJW4q0LJ3Ef8nEa\r\nFGaA3CCDdV0fPszzFPDVWloepLGufNpShphcFCuX68NJzCD1n/lwqk9YFsbw\r\nO+Gz3VQaKhZ+A91xQG6dS3bh/YGOQATZLt0BTG45ZxtwQyU/1fU9MlKng6Gl\r\nKayP6q1KWynX7Ii+2JsmkzkV9nRe+CjzJOA2hKZvPsbdAe12br4wFmHCvdq/\r\nYDPmV2myRbXxDuXeWLnLLGw3AgY0JVdObXkMX2tgrFOAYtFejpuchCRtQ9xx\r\nYMCpMfg6HjDLZmxYSXif5fzDmzEV0WEynZGtzSB9tU+R3jZ6F5ofzOfaxkOt\r\nFbRo1wIAH+oqliqFYts1SNbMZD7zcDiFTiFzMa4OwMsyM+NqxomgsoKHDhSh\r\ngecqPg3Xl7XYk6MRRdCWUyumPRiqpowIKZKhjZ4hTDapIZNUPwjQvM5hiVqa\r\nT8tvBQdZcL2DzKuVKpFfKqE0xJXVvEVzWIw=\r\n=hf5p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBhlApHQcVVGtrtfAVJH+tfdGU5i9uhihSFOZZI7kWHAIgPasavagLTJoAsN6LLTU4k0lzkTBDXVxabhIaQFn/xpQ="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.283ae01.0_1646414637840_0.02404015962613859"},"_hasShrinkwrap":false},"1.33.11--canary.9408235.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.9408235.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9408235b2f5ef504995ad8e2a48b5d5d8605d01a","_id":"@atk/mise-ui@1.33.11--canary.9408235.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-A0OmTAr1hgxhhColscZPxNQ4x3XrV/EcaXuPh+VAEvhWzbw+zyzgg983MnV+1DiNJ9hoNGEolKGc2NVr0jeT0g==","shasum":"f439aa321c3e46be69e48f75b6e1f66ceafccf60","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.9408235.0.tgz","fileCount":825,"unpackedSize":1771514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIk4aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvFQ//Wvpjtsj6tVW4i5EakbKA3rbNx4CMGBnc+Fpp/+L3Y75OLssT\r\nuwXX+DNqUrihP3XzkBLWWoYr72WgD13OSqXn4XbtzCWhYtf6AALNSTFfr5t1\r\nbxnbzwSBOuW6WDWam+rE1LNZ78ooQCyMvKDfyrMnSaKaCGFyrUpGz5xBkeSA\r\nctJZhP+xhjAtwnZHz8WkKVliZKnIvXeiXW6n0VweTzeqx00VQy5edXMTN35C\r\ntDFfEysO1c52+5+x27LZmNGnOJan6H1UNKdRYF6lYFRbhfF54B8bvuWonPbZ\r\nINHoAN1f9MU+4xvHyYFgQ0XGE967hgfE7zkJg31psFvHxAb8A+Y8KB1ru9hZ\r\nJiFhS5tGLpGfCSM17pWlfs1IkFvjSPT2zwd3VFK1Q9vK2AQUpXAhf+HW6Vya\r\n58oiuZUFmK+/pjDNRytbD5BW3NIYmL2j9mJ9EsEBAqmSOOKuqc3L4rn86+mC\r\n1ucUbJrnN/N9SmZRQbP4yBxKIRR6ursLTYjq59BUyBufTcL1+3csIuJTrn3w\r\na4wZc9TXrxVrujkCtYSpCSpAj0z3XcYbBsV7vkSTcpszJkamk8lx6ML/3iM0\r\nedLtkBJ6AB+k0MPlMxxZ9NgzdAz/gXFMbfWh0wkPyGkFJs5AIaU1PrB4uo33\r\nBLvf1KHbkOmPb7Lit9SZhJJ/7Roe+VhnbMA=\r\n=dM1X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyzReC7aXZAVO1ANdKz1ueFOTzYwWQT84bvn1f5ALEeAiEA9VPwuUsDWvCaZ2t46jT9RGjQ4HYkCFMWVJbEmm2LPLA="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.9408235.0_1646415386371_0.7434921190230761"},"_hasShrinkwrap":false},"1.33.11--canary.588147d.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.588147d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"588147dddab029f110724dc56edb0b1b8a0b17f7","_id":"@atk/mise-ui@1.33.11--canary.588147d.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-P6cGns2v2eSeDeisFIhLvtelE3pz5VMbsVjRt96WDsglsu4DPtaCV/aQWTFBlQJDgsZqjzDK7AurpsdZxmQunA==","shasum":"098e2c0a2fdc4d0237a1b82fe8c1220ec2b624d5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.588147d.0.tgz","fileCount":806,"unpackedSize":1734575,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJhjlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow+A//aYzYXcdSzgfWaS+Tr64tg/XLUl7cO1hmnD39YOSMV477dEiG\r\nhOcy9VjQ8aogsM29mwEXSdJTFWzKnKnLNA4NpF89581CQ3vhJYKReEJP+Rno\r\nwjD9HRfAteQwQ0aBO5i4LrndAYFh/de+4j0+VzODPHtd49/2BXIZX7WVkQjQ\r\nCNqr+jXIgjU2GpnxVouVek3EcoFvCaIDq2/XKEdhltZUmJi1USILzHwaUSA5\r\npT5PkIIeYIQnwvH3MHTsydbiW11ZLVdscSfsZMUy96dwolCUy4mdiDJbLYNc\r\nZuZ8fwJZxuSUESwMWL8tsP9kWlCzMuvbTwd+xe2pnXcSvUnMiSedDicFzTJM\r\nKhEhBmSPru6BTBmpZj/TR94oO65MLX6GNVkBPEKNIpyg8vzEu/MPJ/zuD3bm\r\n0iySyUYV2S0D9TjlDrB1L93rI+2T3j3vRKY3hYyN7hPfKznrJTigO8FzKauP\r\nYlxTlliHWsSQ3Zbl5O6/jYDBrFr3lVm5nYh13fYwMm+Nt5IdcpCKb0SiXF7w\r\n+5wmzQSLJTbk5Oqi906VVxeez4g3C20mUgHiukeFt4wtL3VZzSs95zT8qDJt\r\ng+fRfBVOl/CHZTtLIht2erZkujispz4F5I4BiKH2zWuFfN0DlUB35gagO5is\r\n21IJqoiq5uk/XpomdAcTTXk1QCFJwQqML90=\r\n=9UE4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH2qcKMYSnBl1EyNu49NqqT1kCRqSD66TUjkUHrQliFoAiAY1SUteRqEwSKlU7q89eh4AEvJXbusPj8hP2SBQNMg6w=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.588147d.0_1646663908836_0.6471167094960526"},"_hasShrinkwrap":false},"1.33.11--canary.173e8e4.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.173e8e4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"173e8e4cb2ec0bcb9923c3de2e07e4fcae5d0c48","_id":"@atk/mise-ui@1.33.11--canary.173e8e4.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-zD4bcPOc7G+tNNEpuzyvkaKVZrdWmRv5LAUJ5QelX8+IjmmqUdKJybmyiL3MQTYVxTtts1iq26lRtRb8fmkGgA==","shasum":"feab11144885c9e1d0448549e0a246f90902a4f6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.173e8e4.0.tgz","fileCount":813,"unpackedSize":1760246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJh2TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFQA/8DelL9+xc5GsAAsNWMeerx2HcaSZhfu0y3GFaDvSSkwtRZrxK\r\nUV5RDKsrCOG+Pd3CZkNQYLaYwKpRT20LXel9IW+pAAJNn/Pkhct4P99rB0cR\r\nJOQqZ1k1pq9rN3v/+3PgnDj9jH/mIJ1I0U6wn5frMzEs1nVjFFw46xTXlIDr\r\nAUjPuhYXjDUTr0qolRhZyMqS9xMROd3ndO0Xo7PC8Ou8nW6qz81hd6uB9Rrc\r\nh/h/bvSkaKlKKdY3ovqZ2i9rmS4ph6W0WaWusJw3QTesAgEM7njU6TccMByA\r\nS0T9ha+ZP5pfYwQINjF8dWnLDBzQE22ixFM8WwDZfPlLId3jXcFHM9HBp+0z\r\nb+dIv2fy+TOa8DTUOg9eDZXDeGY9aQZRcYqSxre5fLwhy+yhEo53ciFSkgjF\r\nX7bJz8WOrwTqJ8Y3F9ygZXdmGxH4+ijJ7UN5woPVae3pq+dqLsp8vS60Qcci\r\n70PjEMNWXuglLuhZ1RqSWwbzxEZuDL7e6ZPN5vb3MbWbVQDt2Tq1zBJWCkCW\r\nXUVbaQNTZgKXfwbq13cDN+x6uy/2EuCzqty78rSxUZFMN95/O67lH5mv5Y2+\r\nV2PoTswBRPJDgzDtY3shDsXw6W4stk2f8XdoMoyPZPi9ab5tTy9CHJCzypuJ\r\nxHe9CyqmRgh2OWelkzZatyEp/64KsNfwR8w=\r\n=HKGP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9hymy2wSmGt9BwKjiJaaATZYTSN0eHgz+u0F9RaMCDAIhANUPJb38FJwKixGSX5xnb5lqIaBeUjoGTzFBXmaLDT7B"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.173e8e4.0_1646665106901_0.2917795350179848"},"_hasShrinkwrap":false},"1.33.11--canary.b8b483e.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.b8b483e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b8b483e9a2dae26ad0d40b35f6d544f22021050f","_id":"@atk/mise-ui@1.33.11--canary.b8b483e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-zoNCq2iMw5NNcx60R2EjlbRBQlgCT+hHGzGRs1/PYzKimhzLqTsd5HbF5S+I74tls/B1JsTws11DjmJRkJ4cXA==","shasum":"ba93ffa7c85b78b57201ce30eb5e3644b7ab788d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.b8b483e.0.tgz","fileCount":825,"unpackedSize":1772259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJiUVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6nRAAjsPtkGPtg7PO0droCRVQUkWl2OBLKQ4LwxjpqIS+L7p8QLnB\r\nkO8NmH1tsZHI0e/7EfIxKeB9ryGn/Y/Oqj0tf9DKoc6dFbwIsNm/EJj0ZwQ9\r\naCO+5lKJY23UqU8/dOoPOMQqz8vYWy15lN/4aajvu1eEwzJXmRLnPX2gzTgU\r\nCyhp13am+6y8U8nAa8j7ShLc7sIBM78e8HWNFY26Ia8PRX6e30sjnTCmD15u\r\nxArWJEwxKxJnuHhLMPmoR0g4KxicBnQK02l4CmyYw7uMZZBikubTULaCDLoy\r\n4M0owniXcdiohLUK5EfbL0MYm9UVwflrOqKQTkjHvSCEAfs820Xi79XfBSc3\r\nS4DYYC/crW+LupirLySVXeqwqz1SLVwXylsbbdysM190YPzR/mdXqrt6FYNU\r\n2LnmXWB0KgKfo8YK0EyqQOm8fkpH1UMlV9TUFpWfPam6b7rlG4AcxS4BIcNt\r\nfkMYWvrNYQJcoQayZcXqIt4JCJEsP9Ip/2JpwGXwDKaF5XPuhZMbxin7zoo1\r\nsD3J0pwjd3PtPoekHbUk9xW3Qfbwqfnpxwrm+boAJw7TlH4bUWysmG5TzOor\r\n7Zhy14eBAtb116V3lWg0kKWAp3jS3VPLlZTD6DWt5iKrhGuEX4Mzw5Gplbpu\r\nisOl6XdftIbQEruIpxXLpRomsffhkuXsnhQ=\r\n=yVF1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEVWlruu1i3AgR1hZ3LH0nGVa2OfClNU7D5zq7177efMAiB6ZN8v+sCDcskc8IhS2B5R9GhHfI3GSLfSvJzcglNfRQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.b8b483e.0_1646667028932_0.43830969031620426"},"_hasShrinkwrap":false},"1.33.11--canary.b0f5b24.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.b0f5b24.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b0f5b24d36aad47e21bcd7ae792345748f2678de","_id":"@atk/mise-ui@1.33.11--canary.b0f5b24.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-SY0EwLqQCurXL6Tjghh8saDblsE3je9o3g7hbwN57xfS6v+4BxbRzR+MviREX1VJR5oLnWI2jfMsxe6yUNOfoA==","shasum":"649092a850c7152252581de2638fd070ebb9ac0a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.b0f5b24.0.tgz","fileCount":813,"unpackedSize":1758215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJm92ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+Bw/5AaAUUPQRYnhQvyse++ZtJisvIxm83MNWkP+JAxpCPa+jXL06\r\n7B7IXhM3cJpnr0MsOR+dR7iVTZkcPNBGb1g+gOwfUp95v3w6Nu+tgH0IAJJ8\r\ncLJ3gBQFiA7CHg9a8LAxS7aXVq3UgarCG45fT+OliyUQAc/5Cf200P4jouqd\r\nAJUVgZ/l8GE5EYaOcfSYEdkWwKPr7m9ZyEp+i1O3R49KJ7YAgaBV1EcVzn6r\r\na9ig57jrJ7qtrE+D/M6BBK++ftwXYRwj3FwubxcQ8hYV1T2F6HpsSsOT/kkH\r\nVR7j4q+iHPBoIr+gByzMtf+BIK+0JZDYYirPSyAKI/72NB9MrjnN+aA4d/dn\r\nl3f361ZhpILw68xjlLI3nqVEOC3vJaYxu/FK8BMf6Lw6GSA/uCtidlW/TJA5\r\nNvtttNcgJtHnhQ2h2B+KMV4k1v8IIx3axiAEQeaHDBOtb3OcGBOR3l14QVTU\r\ncoerXRHcZlEtET7Xo1Xjw4VSEwboyXNnjbibPWVCax0cE4eN498NYX3O/fIO\r\ndL6ZaSTvRP+wl4ULJI3p/ThPvkFihoG8cTpdcbp62CltcYIN4L5iQ4362vEB\r\ns7vZ78JLNhIQ9FLaMXJnmMuri5gih7nC599zMJ42neBJIM7Af50r9adWtGkB\r\nY6wgpMoqio5Q5e5unfUhXnjJPjCXFoJn8H4=\r\n=tKmJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBSQxuJeOxiTewzgXS3SrXwcIQnLgDCSIg2MXY0FvGaAIhAIpb5+rVEi2Qx0IIIDJO5TOQajTzz+JOqMGaKYNadpbV"}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.b0f5b24.0_1646686070236_0.8591315639932668"},"_hasShrinkwrap":false},"1.33.11--canary.fcaa2b0.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.fcaa2b0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fcaa2b086a3b7e7432f5c7a25089714af2752c8b","_id":"@atk/mise-ui@1.33.11--canary.fcaa2b0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qppDYoOLFQBn7RZRO0JzZG9VQdTFHRerPcEBPhR7QZORrV5Xg74Or7lhjzJli0kUmQxOlW4+CdBVMP3X8ztyLw==","shasum":"c5e24f459816fa6f0716d0c4b494bbb2e0e2f13f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.fcaa2b0.0.tgz","fileCount":825,"unpackedSize":1774114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJnktACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoF6g//VnBeJL1VhsY75DxxfUsoM1i0b+6o/vEJyiKvQbLzMrJabyWU\r\nM6NBj99L5pyHsccAmftVvdAHiSe1f279WZs4a0Dy5yjzCbO5rNygilQMLGW5\r\ndI+iSOmvyIxZWI2BQ447w4AaIOA+WrzTWcqJr8/Sd0tAdAeMwLhL+MEib8FV\r\nXuS/2LjkgPIQC6k4Poi2SmZFNjZ5BK7HGhnJEQDNmpqIZUThr6M0pvAmgjAp\r\n8NIDzgD0W6H3mNzH5e8Y2+vMBCv2EviVkX3hV8IhYMVRxinBJhZUD0apiPRc\r\nXlgOV7nTOgjUufvxv3/3AU5tP+4hwDa+QKjUvEucC10lnNNxCISxCx53AV8H\r\nIFwi00UKztthxkZFfKFNzhO+e7E1xgCtEjYPBdga245AnbXtWrxQ+oPGPM0W\r\nMUNuQZndtdkZvU1YphpDP+mJE7BkMyeVQrcVXcIQq847/M7af+rATIadmWUF\r\nDTDUdcVvrUWekpduKclkV+HD55rkNT7nz1jtLO8B2XZu5Dzblzus5UA6y4Nu\r\nk2W7CptGMq2D0qyhiZv9bpyfC8lo7IknaQNQDG0kpAHKPuAGjxH+IsGALOP8\r\nlb7MmkCKr2JbOUkhUXVt886G2lcwdCCzLEh3I7HUmmRw8PgtA3tmjgTn8tUw\r\n1gKsCQu1QBx7c5BFmJBk0eyVHOTdGAK6/FI=\r\n=ECVj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJLgc8csnsWR4TUISYIXs1sNC77ApjsFDJAdZgzW8qxwIhAOax9T8T+Wa4Kol4BV8wkFrM3CFbYYVvdqezILzMjUfC"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.fcaa2b0.0_1646688556823_0.41471623188825224"},"_hasShrinkwrap":false},"1.33.11--canary.69439f8.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.69439f8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"69439f8c6f17a3af35d1a67c67b4716006e36ada","_id":"@atk/mise-ui@1.33.11--canary.69439f8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Hg454OQJAH6whTR3LPlJ2qV9urGj6uNHcMDSPng6dEpKF4/+64w2rbOPzi8hJAZde8pOvBx/YtZmBqjhRATTpQ==","shasum":"08256afc725e9bcaac8d57196e9b67e6d72e45f3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.69439f8.0.tgz","fileCount":825,"unpackedSize":1771936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ2N1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx2RAAnNodWr6zNtMGpYv9tA2VyW6QoF9nVephooE7rpN7nt6svxuK\r\nFzLN1lTFtSeg2w/GlcHYE56KE08P54OQbuSf2RkfNTJfRgCaLE02PH12z8sa\r\nSw24H+yNQI41oPgEVjWKcCrfTZ4oAOgX5ZPTcFUnYow7eBHG0NNXkYYj+2Dq\r\nokLkrcX2+wfnQxCI5XdfI3oZIMFRbq6bSLTjcef70XJRduvtCHrx65ZWlNHS\r\nUMPqFMedH4+gzTZHaUrVig/OC59M098RNptRfzhc0dMZMpxIGrpS1hnZQjfR\r\nmcLGmFKlUOB5ptQM96W2u14fnCysFqWkBjEDlS9KN7jmigCOpEbQO4rZC/PO\r\nFwmtWFHjTOe/lpc3wZONJ22kG1vjGi1MOfBa+Ievu2zINd1j9WJ6FrRpFEvQ\r\ndYdLdsgRJD7qF/5w9/HFcppDJVYIgrZIZU0SPw127DzVKq0ZVsF1F+oNnwF3\r\nyHau5REwszv1qFqhP5GJoAouxL3qI5Tvx5DRK+3j4ugZRFb9klJgLl0BhIgS\r\nh3NXNsvc+vWikqrr4bF2QR/FEGkH7twz+xEuLOMEZqetNzGTiXl+8xAcI2r6\r\nT2QlMT1pZQ+ZmxukQpaPHlJMNh6o1CCHSq0UQymSGz4ppriqqy8gILkRivUh\r\nBuGbT244Ef2BRoeNPWYE8Y/RghpX8NHdd74=\r\n=O4Qo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYO9HpAZ3GCqvcMam55EORmH4Ei8pkba/lEaegrUX29wIhAP15uiotEii4TE5kTR9ZoY+U+/yI7vmo4f6wVQ85Y7+g"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.69439f8.0_1646748533491_0.30551069874277514"},"_hasShrinkwrap":false},"1.33.11--canary.4cc212b.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.4cc212b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4cc212b33df984a3ad35e058b52dd431bf651d06","_id":"@atk/mise-ui@1.33.11--canary.4cc212b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-132P7m/4f+pE1++ERQ8leyw97AVSRnWTx+WAWHWYBAjXp5ZGIXysGJX4xLMNLscOIBuuOw1oZBj3HzTE4yAMUQ==","shasum":"066310b967e4fed1525800bc977eef8793559902","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.4cc212b.0.tgz","fileCount":304,"unpackedSize":1335726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ2c+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4jA//b0PNJDZfEnIGTqKrrsSM4L+HzVtEtAegZKved8/KP9WPJIuC\r\n87i2w5tiJWMFcoXuiATKZCSaIgwyOMjh2MSfZKyc3oO0ukzjkETyK2cASVLE\r\nbJYB8CNUmFt9IMcXcmgN5/xxX6ebyrv/u3TL+hu4g8pYZC/P0zsTHa8VyL66\r\niuhpryD0VbU0ZD2nkIpx6/Evp0go54tlO9brRzHSzmMqnlrhk5mqLoYq9C59\r\nmuWmp4RcjUQ2jjULQeN7KUSa2ZefRnXcco8QWxHm1NuwySXVstAfOoPxG+lS\r\nkAc+y4YJQR3vDsR/Dc0egATcnEjSv5HdNhXdjeuKlH2p2btzGs1VgiNUJN5S\r\nfJn5XTp2HA476QKnElO7Za96ED8p6CWpLpqecsN8tnh2MMV2HxBMZyc8FhT8\r\noSpyCxm3BAV7RzyPTr2FqfwDk/EqG2Fhvm3q2QfTksuNkgrZPcgrZX0wgnJ7\r\nIZeM79zWKzQJKFbWl7MV2curtkwXaBdCPVX4BwuLsAUwG1irHtOiWL43iulp\r\nE55zlkG5uJZI2/TAJjSwKgQcd/RS1lDrcTIjaVHLuB8MT3uVyX/AMYGJwqdj\r\ncXpiweEIOygKmCbxL+r5WmoS8El+h96OK3UgP+aGKFy0+nNRlbWxp5xGY/tl\r\n8rKIBYU9DB94/7xv5OznMVj9tuslRxJXs9k=\r\n=nGpC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHFD2GQb93thVpGrqptyNEfBCJ7ZmjLXtceyR3dGAlJnAiA7C4AxhYDacjzCn0iYQ7vq2mfByir4zkuqfoxVJkjHIQ=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.4cc212b.0_1646749502316_0.37289127123677734"},"_hasShrinkwrap":false},"1.33.11--canary.ae309bb.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.ae309bb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"ae309bbe4f759c5a857036c9bfc709cf60c3ab92","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.33.11--canary.ae309bb.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LycgNh6CNuAVibBsY0R9Y6aMNE4y6rd0xbPvn/UMiZqBYGaLY+7xqhiOGyMoFLOSMex1KfsPC28TUR4DoSXyyA==","shasum":"b62420bba58b063aa463d44bc31b336e737771b0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.ae309bb.0.tgz","fileCount":744,"unpackedSize":1700846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ6dsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9wA//Uy2mH4gbq1BkjVRD8qpvmEIWoSUwmcHdJkecDQlFbYpFMHC8\r\nfKY0Evjlf1anrIhkx+NvjVtdpG9LPfPZj5sKrTIPm1S+n9QFcahnfZfLPd29\r\nia57kvOCoZyzLqDiZ9OO4xf76md3sV/na4qyc5qiKmte9hBUIo76gFcRcDiE\r\nG4TjsiQNWtAItll13XJ3frr353gxp1mEz+SGklnfwxr7jGR74qKm0Thv21EA\r\nQKifi4PzDvwWrVfk0pFyE+U2D8M7cIQmGm74LJbGb+EKkPJGB+E8oBl92HTp\r\nQX5gM1pAK8zJoWQfaFCSROs56VKgzATWBFU2eelkAHGlpNL9C3sCOTAQ9+6z\r\nyRMXMYcT1ZwOnfg2Fp0t0CNHRhdJ+1YmRrZOOe1de6Trm84czzxNcYfeDhs8\r\nRvaSGPN4tsYWHER0x61L3Wgr0GvIse9RKH5i5oIfmM8xdLkFWxa61ZAZktcN\r\n9oVtC3+/koRem3hTwzC/wxbsB/0ES2Q9co8YiX2Mr/pJqFuMn8Sq/D8YM3i6\r\nfjddnYLc4UVXytB93uSVF2+DvM25TKbX87GTEnDJ3ClY+BFri8EuV8dXZnWV\r\n5um6iFL50h23OMdYwFobiBW0tTSHHIgoMXa+ZgxmOKv4cbnL68qYA6U6n0bx\r\nZYrt51kKuYUvEn5glIlJ98tyZGAG5hrwhms=\r\n=QhJD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeeaujV/fo534K3AEoNAusboRW9UxsSIfk4Etq2keySgIgNszf93eQektuNh+meFyobrUG7C06mffI/7FiIoR/wk8="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.ae309bb.0_1646765932074_0.49992533052315813"},"_hasShrinkwrap":false},"1.33.11--canary.8eac163.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.8eac163.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8eac163ae302bbd377eb1802b29955413f70f8be","_id":"@atk/mise-ui@1.33.11--canary.8eac163.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-mMpMnb+oFz7yreYrGrGpFjNvrrAeHhOAWrFI3Nav/AK5/+Cheb3KOQ4/bhst5DvRzx+e3ajD6xUcI0Gyng0W3Q==","shasum":"45d849d03dd8681b6c66543512d74d261bd66878","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.8eac163.0.tgz","fileCount":825,"unpackedSize":1772325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKR05ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrImA/9HOGsmDaHr9DL0lCv2AxpeMMVfbhu+dzA5YzcrONFKgwkgliY\r\npeU8WptRe3XvcOiw88kfJUj9tDGcd7gs8+e0WEuZ+ozQkvw1jILJhFDJvo7m\r\n/YEsjLcrs+KwqvF+DyVcK01XmQ9S8ai7ScFLup/OdJym35Y6bhQvKHMDvmx0\r\n6vc7ohfYnV+JRh8StovVLkLeXCtn2fmun689wFOFld7McNocuwZHwCnz0qUE\r\nF9+dkYr6CS5jhPpl9jqnRlvne908JdSl9v9xG7LKUt3nt4JXi3DFsXHkx40k\r\nLGH4MGO4w24JqTJuWESt03LnteN5wRKnFvbScoa0qPaE/CJ9XLyRqTc1EryH\r\nFYTVDTcMLF26SxMe1TZ2yzqLJ/Qe38ftOcauOl8lzVRAyJf4/LHpzvp/mjp7\r\nI3t5i0fLYiSG8xQ7hl0vgYHRLt+maqveqUo/aDXtVPd2g4IWKPz3Zg8uvOtO\r\nWZi3gHZTplzzEFisKSWKfuCbfjsDsIXj773B8XafoD/IJ4/YD4VIeris0p2Q\r\nNXgUVkkTqFOHOYLr3m6CeKQLPTXiZhustLPRDi7YK8JMxJ3JxdmQRICkpgzE\r\nwLezPGgbe1XmNaZwJR/rkSw5txLdyatafeH/w/6B+8/Csv0V1r/LgUFsCaX7\r\n0KR8jcDQoo5DwkZcAf5H7T7gAwANKeLQLQE=\r\n=0aiz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgVbOTT2cvcyhb4PVdb0yti6/DJfw8V4kbHw1/7hVzqAIgLjUBsvCfTRls8VJhpcqfGqah9lympPr4+R0DpSmzHmI="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.8eac163.0_1646861625468_0.5805942751246005"},"_hasShrinkwrap":false},"1.33.11--canary.9c273e0.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.9c273e0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9c273e0a6f39128c69bdaf5fb159a678f7d08992","_id":"@atk/mise-ui@1.33.11--canary.9c273e0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Mg9JrB/ah0S/OkIGf9GDLZZ/aCPDnfDJqANK7hl/ie9sSegZGsJyFkgEN+j6nM0DAi+LHuWs6p8v+Yi9dSIM5w==","shasum":"36405fb8a7708ec4b4e857462290a9199b85cd85","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.9c273e0.0.tgz","fileCount":825,"unpackedSize":1772343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKmasACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouPBAAnGaO2P5RwjUXMhrhZr0nh7ZQd3wwHp4Zyj+7MtaWEtEP0j0q\r\nI6Y7b53yuaGRULs4oqlBydkaoXXeOBSYhaEM8Naj/LE1/wadR7QKcMyZB8gQ\r\nDvJT7Vsh4xhAbr3IW1us1vG2fG9KvaWOwl3ejX3yzrSuUTn0KAb6VHvCFTbf\r\n5ofwJt5um5m95og2WOMteFkPukmzouaSPrC1NPZ2973L7haPXNrOzEtWGynP\r\nGVxjAYSo7j74emBPNllXZZP+r9tLG13+me90fKTuaFl2/h5cyDiGTzuBBVJe\r\n3oBhUlr4UOqBgFtw6JJS2s8Zdk6+rPcQeLpvydQ8Zzh1Zd0dMcKqZcaCxPAW\r\nNk/6k1k222jDBWgIOVseSaag4i+g8Da+O+xu5qkUaZqj/9BY6MvMDmVaCcCm\r\nf0qraFJ/GgykwWIhduU6SbwB+qPkTgvjmbM2TXRiW4CYWbVXQgIBU2dfs///\r\n/Bvyai5mNwg1XpnDd/ZFkzffBu9bd8ajdVUCeZn/p2rfxpcGSbEME1rPtBvh\r\nCmwmLWkLBkf2owbitwpIUq/fjj3i/KeEnY/Zajh459Tw6uzsVKX9mVGfQFWW\r\nRRzxmw2jhCXxxwScTQAkvI/0CbMMKbfKQOGbP9gM7lq6nF6HhtOMwZsYQYqX\r\nMhcsKm/J15zuhKFjQ3gT1tGN2H2gpKghs5I=\r\n=KiTT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnr+MSQ+JzU3+HG1FsSdjZXAsDS9KL6o8ryTvbV1yuiwIgP9dsXmdZz1glwshC/oRnuVtsRnHPIUB1DmIalufhgAs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.9c273e0.0_1646945964619_0.6057225562604656"},"_hasShrinkwrap":false},"1.33.11--canary.0e4be1d.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.0e4be1d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0e4be1db313d73f1cb8440d810c5ac691b85406d","_id":"@atk/mise-ui@1.33.11--canary.0e4be1d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AqpV9qQmtXgvZQxlUKIIIwyjbgWfmXEw0ItNUEY/P6QgyM8SGtP6MzCOyq2NniY02/Hl/g5r1DhTNJy2fmToxg==","shasum":"a848724976a1717992f5c26779eada9d89b3e0a5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.0e4be1d.0.tgz","fileCount":825,"unpackedSize":1770488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiK1TUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1vxAAjnkR6UCZdunGOU2xRqLGTXCoBj4jA52V8NPb/9lK8j2/ZlYj\r\ntbVZe9cLYnid0ZshLB1K/3ZxSqFXY5jXik9Xj7GvGGI0vlnBZ5Z8mpwYdHya\r\nEW+vH6QYGnsX8L44gIUisdMV6ZUTOPIrwVJzaOU8/iup28DuE2EtFi0UHfhf\r\n+CGVPiLxaQa/a0rnKYcx/234J7FXPs59fdfNMhHV3LdAyEhmqu7SseEeiGDr\r\n2hF21Z7/kaRuH6paloVVB8KQ1M+X/damJZbFpu/DKMrIIHlsN529sphze10f\r\nqXZ6LsTGr8wYAatS5oW/zEQya+B0qJb13aI6LQYjI0oDGxZOuGPuXUpilux8\r\ns9lCzaqDQeH5IyyDgO2jOLcsHk3B8xQ87YCObr/jy3YCknF9hvM1+ML7T/FD\r\nwakhNh7jECYb/1rhvB7+OjeiC1mxrhlTlgBMILMT3Wao+M19OSGztyvV2G/0\r\nbY+Qus3rfAyhwFw2I8HfvI988QMOHxCkB/l1zj1WzFGNFuRlC+ennvTl8x3d\r\nHP746JK4qvx8PRnNq/qFVlh8VCbx0ImobVu7FH+TGbj3pwP3qe/OXvTpn8I6\r\nFcvoVOhpU8lF4FhXhmQwEk4Hn1SprschI9AYSMgKu+iVYkCrxtyReOjIMtu8\r\ndNCHY7T/iUPYtmCJ3ys87+ymmZDtprhYCoM=\r\n=Dh0E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrLqXh/KeiP1y5hZj2jSsmpRqtIdzkNUoeQ4JBREATIQIhANTfEDO/QOJlPEnPw2EfliVuDsUeT1vjrNOI6nMKFK1w"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.0e4be1d.0_1647006931952_0.4537360487294413"},"_hasShrinkwrap":false},"1.33.11--canary.ac668d8.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.ac668d8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac668d80e22c9d6eb6cc100715e0338276179529","_id":"@atk/mise-ui@1.33.11--canary.ac668d8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oOII7c6Y9cmgZknE1wbXi3HUjZOz0EkHxK48mcFfutimzaxQHx+iYO184Qb4DvuzEA2dolBtyWSCUul7wUMHog==","shasum":"4706573b87e9f3a1e51d13e020222f4967577b4c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.ac668d8.0.tgz","fileCount":744,"unpackedSize":1700878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiK6m4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmph4w//WDoGde9T0ZUXQqk/qkSQfe5N3zzqYLmJQ21gEbUIFEbUaAmb\r\n3VYAGIuT7QeCbBJeBHnsJFKrvAzawIBQoTO9h3aq2GABjxvxp9o/Ujr9I89G\r\n4ndaHSMXYv+8ppd9fsjHpKbl8ANvS7Kimbk4cVND22R7lHunNQQ8NzL1c8jp\r\nIkRyNVIATHBQ63HTo6OawcBdB3tichwC4mRk0/Ut9EH5kCTP9AOB1i6vz1RO\r\nOB+yeeGopfigXHJ/LHlGWvu75wbWc4LESokNkoOBpmufTVZHPBsY5LfIYrK4\r\nx4jxTUPjPLoUojj7hmxNCwo9W1uUsZrE97peNAWn2TcUnYZksKBlwm3TTvcl\r\nrYAyB/T/8BKPEWClmit672Vjgg9bY8zrd8d1agQLb4l+MmuZtvamVSqdFuKG\r\n0bMWwL+fljZ11y3ry4Er8XpS8DGAaKIcEgwPheEpFlQZXkkiYS8Ld74ZeQTc\r\nOJ/Ngf2MGWsehpE8D0tRNvx6Z3r0Lmvz2VhcyIFYrVcuCRRijvChSxqTN+gJ\r\nSI0ZNAKfX8l2PjP1GzCfQI35liZVnxK12g0P0t7VMQeZGSHixjh6fsl7KuAr\r\nZL4PwgAWdn2EQGmviTrBcdjpf9pik5BHmKEFcd9bfPqplIg14ZDvp14yKgDS\r\nqFrd2hT6GWbGSSj9Mf5dHCLnLNm0FPE9MpA=\r\n=NZFI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqgtaHat5jQVcVjf+mJGz5gzt1LQIWsBpKCabOSINYMgIhAKller0bAP4v39W6s+HC9ISQFrp3MeVOUjIEt/1axIco"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.ac668d8.0_1647028663976_0.15855644400538016"},"_hasShrinkwrap":false},"1.33.11--canary.5496f9a.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.5496f9a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5496f9a27bc344ce21d4f6f37414bcb07117bfc4","_id":"@atk/mise-ui@1.33.11--canary.5496f9a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-HezibDZ59OQIjzovlvX3y+ilocmpYlZgmU/9ZH37qLwNEXuVuaF75FXRn2u8+/I+NK3ICyfovex4GIqi0Ap7RQ==","shasum":"0ebed643ead1b6c7064c35a91f2d982c091d2e76","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.5496f9a.0.tgz","fileCount":304,"unpackedSize":1335726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL2hqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDwBAAgJgSKKFZ4Dz8zL2PmnB2aD6ocv9HmMiM4d/6u8Z8G1EzCw+V\r\n4fmwqES8F7ErIRVA0ZiP21x4Ra61Qq7Wg17J9o+cnXWuLBDO7R3S1d985rvD\r\nD36X8h9yN5GRAuDK1S+cxriPR9vWlJC8ytitmha87q8NB9H2PpTzI0TtIvBy\r\n5iX6tpBY3RNqlPzs6uLUlrt6lSa7LvPveAR85LK56GL/LQiDuLcWlG39PO4j\r\nqMpATNqtb5N7ynvHD8UyDt+hF1UKl9WBCPzGgipFlV2Z+d8RAYlqUdAW4s9N\r\nrL612/HuDdHU3xd4NHX569FxIxuWdbR9r3hQMbp+MDH7q8crjUymlO9p3KMF\r\nKGCBhoPSb9/PxDjbmEHCOPPCtq31zwjSTh+pejvYAC+r3Et9VDGobOgBE2Ow\r\nFHl8RHzuj9T2++Mscb6NQTujMLbfm41Rrp5ye7YjdsKsWbtF6wQAM/JZWbUu\r\nwpIa4gegUtZtB34F6YoW1dPWlBhO1UJNWuiUDsdn8omdRafaXMCZHhd2ixr5\r\nmmxhze5rmjVAUjBzky9qXc8sm1IjZfUq0rjTaLQYv0WyvrfU/uC4/gG+twPS\r\nFPZwKX/WHTeBGcH5wLKGw3FcL48AMsvb5cgN9oGSMcjVeo+l3YEf53vJsZ1Q\r\nUF7n2pZ73R+wXu/CyVPriRI53Xa1Q9s6p/w=\r\n=3N28\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDD4ZQIWj8+kzMhDJN5jw/3U63VbLtGprs/ZyBv68/uVQIhAPa5MOZI48/OqTmgrP5d5cJ6ZUvi5Hchw4VcGgVpXmik"}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.5496f9a.0_1647274089936_0.23040379844680348"},"_hasShrinkwrap":false},"1.33.11--canary.45d3ad1.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.45d3ad1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"45d3ad120f1e0931a0663348cfbec8b3aa550545","_id":"@atk/mise-ui@1.33.11--canary.45d3ad1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Jlab+UJhQV7JD4dGoUwT3lLEfD4e4i1CMStdvu7VRN5oh0tX5vZNSf2aBONZmRaoJkIgpEKT4NtXDQliRsJeFg==","shasum":"3740ebb029a21aedf0986e01068fb046fbf1fb1d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.45d3ad1.0.tgz","fileCount":825,"unpackedSize":1770402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL4mwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQiBAAnaBM4qHf1rZykpfW8wQC8DUWbjuTyTeMtEgUFfcJc6jXkrTM\r\nAoMtfhn3Yyog52wxK0YgpwnykBRlPXzaT/HsCfNKRgHo3BbiLZ6w5JlsYA6W\r\njRkCvx0PuJqmFBlHr/NjriVkAqVNKroL7YBKqhtvZgX9SyjGrRSIGAdhiONT\r\nDa9cXQSYe1MmlQOuFdQ97SJM3fcLMyBms1ll7eiY8bHUc9mjt6ctjK0e7awB\r\nbV2eDCgX10by8mNCsMQkmTuN4pvGx2ZHoRzZpvl79tk/XVYF17KoaPdUagi9\r\npFEbimA4YiRogJSMCUuRuiN3oSx5lMhrRn8U3yJj0H0F8c0k0Dt4ZJfKwMZe\r\naJM9I7rZJArvTCHPzlq+C/IfbfORKAJkhdX3NaKR3IqEYeqSTdTH6lFhDPac\r\nPvsEagcutHxpA8jPdX8+XoF4F0yvgBLNv9beveXmrggBXaXZgIGIiWaXXY5r\r\nJiGXU6rwGnQsvkqaBQAA7yR6kVlkfOsZQLiEZxW0zlzRzmkZqoZY8j9TKP6p\r\nbWdosx8nUJITqJs/2RlmUmPpSq2o3doAtnjQl6p92JVUiZErCkyw8YZYHc3Q\r\n2S+7G+cDVt1/9dhXnflgT2pltv83WAkGhW3lCjEvLrptex4BMF7ClcJEAx49\r\nI3md9yJCOt0MYEG4ZM1yLFkHp4JX1mg0l6Q=\r\n=z+KQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD44NG0D3tE2+fRiTHv+EzkBChBt9hpcOBeEOuCWoewoQIgDn7ImF2u0ZanxGyYbtxm3qc6SdZhTmHpCOxzURxd5ic="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.45d3ad1.0_1647282608596_0.9014005444256683"},"_hasShrinkwrap":false},"1.33.11--canary.6ff7159.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.6ff7159.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6ff715974ff656b3c7fff98c8ddf98ce04c34ec4","_id":"@atk/mise-ui@1.33.11--canary.6ff7159.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tGsiGaOEftFIjFQAoo1WaPUI0m8nF8mgZeKfdAJ7xXLuFoeYUrykq2w2GYmg0Y7SFqA/w6chpBUGK6g0DrOSBA==","shasum":"6de91920c6f60203cdcf60c885759ccc122d2fcd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.6ff7159.0.tgz","fileCount":825,"unpackedSize":1770402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL5n9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5Wg//QO0nLltNByqc7iJYz85SYBaKa80N33Da3f0iK5uhr5IjqnkA\r\nWToLgHO90bi8xqWgDNBQlfYKkO7axoOwqmCdEJv511LS9hPuJXw94sdlPmO9\r\nXHJThOZsVzSPZhK2/aLZdO0kFFlhamgEwYgNfL8tSDuY26YI0Vqbasjv8+qK\r\n71594Ht16QibmZNNYfxph1mhwdKUU4eIq66OLY8KhaTkW0kX4xLNv4NUY6uS\r\njQNZoIT1bd3birjRONFY861MkTmQ6EMpcLVBacdeTgIEUjrxusCJ/+cf9GbB\r\nEKpP9lT/5uRcA5toUuIE8GqCI1LnUv8yE1c9ko/PzAkWeqWdnMV5ghl/U+yb\r\nJSpN7kf0KyEd3Avft/TT94bjKkpBHoH4M02msRHmFaUj1MkPY99MfoUckOP+\r\ng6NnMhnoHm+E76LiQI5IaEW1RU35j08nwQJNOVmQi/LAZz+bQSSbO0qij+e6\r\n0Pwyks+Zyi0cP4GhqHPlWqtJQGudWQR1YNbQ8O60KvN7cjen68dxybyCbEjm\r\njH3tbN+HNy4jTzFz9KvcwrwbgQ4gyigYwMw95KImkY6Nct+J7GM31IqdXjzt\r\nOlVDekxU1bSKVVYUiFgiE82OM1LaZ7iefLpiLdw07sRY2W+w+Ts/AoBqnozU\r\n45QM30h3umayXC3SaOeoHLoTyxPKglh16Qo=\r\n=FlSb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFE2Il/SGm0sjmruufbye6/4UiiRy/43YCbZE9lzCb2dAiEAvsgApY5m7POo8FFPm+p3SCxar7aivoClkqTeaao2eIs="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.6ff7159.0_1647286781004_0.32643338049817006"},"_hasShrinkwrap":false},"1.33.11--canary.7114a29.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.7114a29.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7114a2999a15d70a281122ef039688484cbce368","_id":"@atk/mise-ui@1.33.11--canary.7114a29.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-fLz7QMroHOp2g5pIVHsX7p1kuOrFVVFrT61QVA6l5kyBhshm5vD7RvmI3cN+nDxJ7qTftMqtNoovhSBj/rYiOQ==","shasum":"74e457ebe04ca3135b9b7105f58a473f36dd4765","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.7114a29.0.tgz","fileCount":307,"unpackedSize":1353630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL9JHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPpBAAh47IIcILfRl9/5ApdpaJLTZ4rWoArAnENH+0X16bjC+hMLbM\r\nQJTrq/I5TOZDVO6E7MwtChRJM+zs9+do/H2LjzTVpzYpnJzYpRKR7MtVtUU4\r\n287UoXo5o4zF339bA3lDXuF8dHi18nwFvpzNHK/23fnu63xnaYhAj2UbNcRZ\r\nMEUTluRDMB2CVdpmKwPVxQzp7NG+7qJmYu1uOh0NQkJc01nEXlZYg29kHFtB\r\nDT3YYzYAWxBmQz4gGwTpBGPc8Dh12i9onPB5OuanIoNb0VKhyBKbxN0ihYJk\r\nAngyLRDRWTrW+lBBgwsDoC6RdHcaEP9n9CUy5nMx5A50SYjfxzFvx3sjelIp\r\ndg9Wsl7Xb6JmvgNUzuR59SPfj3f+U3qTyI249Vu0lEnkHrErem6ujKF8t9+Y\r\nv+WIL2NZ7M2HFdVr8Ffwp3NhGO16RwLxUoAOHSwJ2PCYAwQ1k3uHNA8as8gR\r\nJSML8ZdKOHBj5TI4etSdGkGSFy5EajeTT4bfZNGI/C44P8GMuTheaM5NhnVu\r\n7A/XrMUJNqYvL/sLqbKu2aLtS82IfpDP4vzp92jUyoAuqKpI4i8sfavw9IAH\r\nLzSBrBCpHYLRuzoZ3j+10L4Xd5eKjKJcVjDNFWg+nuijhAy5EGaNj4vfGR3E\r\ngbyrA+oXVVeU3PqK8LsnaV4+ZqHIh9bJp1Q=\r\n=brbn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDe18kxrWiGqeWYquBDN4V1s/6J/ngn8p1Ct/aYqQeDDwIhAPPB+tmw4twi5CBWKwawZZiQXdEXcGWBhqGZ6fAiRULO"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.7114a29.0_1647301191296_0.7679332100871037"},"_hasShrinkwrap":false},"1.33.11--canary.5496f9a.1":{"name":"@atk/mise-ui","version":"1.33.11--canary.5496f9a.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5496f9a27bc344ce21d4f6f37414bcb07117bfc4","_id":"@atk/mise-ui@1.33.11--canary.5496f9a.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-eYTN0JLlBabobY051PwFg4EkCvauI2JWgQWcCyYDnT1Vidoi+eeyHUFz3vBhXTmTfzL8hnhMkQtuF/hATDvigQ==","shasum":"2318dcd26f2ff6bbe73d4b22dc21f69eb2fa53b5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.5496f9a.1.tgz","fileCount":304,"unpackedSize":1335518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL+EWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLqA/+IL8reRk4CM/5fqqxd/bDOL59VNpK59tWRlumHAMnxJnH6G2T\r\nR/vQYOjgAJq62XGxag8rbt7ahhkEHcq2s7S229Jk5oMhLUpeOyFQYLvbKrgy\r\niGWCsgHmYpZZjAQbhOEy3/ZmyoltS62UEJvxyfgtUGeip0NYiR2q1mcUPJ++\r\ns1k3TxU+x9XzTFRPUB7XL7OD+Gn2CXA7UDCKbjcFXBZ9sHp3fHM4Ro4SVddy\r\n0CB9nkxAWQhLvElcZDbDpNuUhH4Z5Dffe0glo5W91P3dW+mTLLDrkZRwE4jn\r\n1UrIPxDn6ohvQLe+QeNxundXO2Y+mzoZyF7GtF/oEACSC66qYxW6806EKtfG\r\nWA73D+oYsqvGD1CxA2dzRuXJnSe73ilz8yjZUItEzx3MMyNrNdUgJcdPZHg6\r\nMkY0G7jV67LIBJhMBWD6wnyCwBaK1/snLrQ5QuNoY65pkj8f3jEd0PJLBSz/\r\nEVEQTz90lOcc6rgmqKBiwVejKKwqRpVrI8qpsSuX/gSpiMYL5ZC0/QUgo0OV\r\nm8fexdWZwWtPqjrWvUy4jVm9g5ULam+Cbe8Ae3158DiUYr+F1nTpNZzuQ/WS\r\ncf4/m/e7UM+oQv9U9lWZ1d6/1OX9fSD7LfAw3fhxGpQDctE/YzFciMiSaGqx\r\nCTmDPzSRr0lGX7ZvA0SaiGVrJHbiABDGvpQ=\r\n=G5WA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJeVuztXUWX5VoUYtCaGubTjplY0zNy4MBugy0yzF3dwIgPs4QJggUd+eZXwbTiqCg0ZRshdS7+c0pxub6Dx73W5E="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.5496f9a.1_1647304982476_0.8666862386646861"},"_hasShrinkwrap":false},"1.33.11--canary.5e82e0b.0":{"name":"@atk/mise-ui","version":"1.33.11--canary.5e82e0b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5e82e0be77aed28e2e99c003d8b688c2d56e37c8","_id":"@atk/mise-ui@1.33.11--canary.5e82e0b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-d99UhTjVLyviTF4/pL6Xtw8+6YEcYyCguQbENH371s793EEKcwZ2QTrAN4X+M6vGA2KQahgbpsRCNzrVX1LGcw==","shasum":"7afe3dc0d1fbf6fa5df016d48ab7aa4a2cba8913","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11--canary.5e82e0b.0.tgz","fileCount":833,"unpackedSize":1776833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMKvXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+aw//RO5t3vfpiMS+wUxtNgLABIn/aPHBLdJW9OAWN5ZAVeWQPlZx\r\nQvoa3eg/Cdkj0Nxbv+m2dSSwfwu5sVlY4zm+FxKe++MSL0BwnVlsx5nB2Yt4\r\nmNmWJtw/sCPqvBuiWJsd2xfZ//e4e2kOdhQPhuFsSHqRKngkxlULqO3yRqx/\r\n2qXYt9la1JmNVCNbEnt0r4jDjas92V3KMV7qeAweDhbu3TmlIBSzgL1YDqzl\r\n34/xExVK8aG818rF2gHjXgOjQybQEKvwC67IyQHOQJ3rIVjlzdQfVREj4mpr\r\n4GowmPAkd89NdnlVEUjeryTgi1ShWFhlQJutfFB6ViFx5S078CFKZl+uCcEV\r\nKL0z6P2IfDS4CjMv7RKxbdWazqc0Jpdt2sKHzYw9joxJt/9wwBI4EfZ6Yoso\r\nJ54SRzrrLGsv8fIszLCxDT070qR4WXygFQp1W2CrE51i0kApC0+pvIcvp5rD\r\nCFSo1XkDRAeqRzn8oY8IyGh5J9dGzAOGNFbUBk4M+r7o9Q7jxdBBuIux/mik\r\ngDP4lgkLs/j58kOpqXh28aofCTYCK6yu0wUdVRTeIk3Pk0CD8HS0WJZYK/L5\r\nscylDLfTvuVtU+zKdSpHxzpC5pl21rzI0Sp9vHFKeHl8UlrHsLRmQ9bBxCnp\r\nuoQ2CZ9wjDaJagsNzndWjZIAaw1bGB4VA64=\r\n=9CfP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAY0C9mMpeUlq0c+5b0uOvqH4PaKd/7ZXeO1+FPoeG3MAiEAtyFoZuovTx52W/mVs8fttS5M+Bds+RO+OHTg12lFE+E="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11--canary.5e82e0b.0_1647356887467_0.6164216330807097"},"_hasShrinkwrap":false},"1.33.11":{"name":"@atk/mise-ui","version":"1.33.11","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"14c8ec2ce785d5b6b71f516f43a6a9e61e6452cf","_id":"@atk/mise-ui@1.33.11","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-y8rmcc+xNDaMS+3HnzF0DI8nZ8h3FrbiFW1iL5PL/SnGUT4wkdv8ixRirurUWXyU4TMBxbwKJKZ82P90sACLoQ==","shasum":"d51ff4d3a85ee9f54251ca139aff3b9d56b2fb66","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.11.tgz","fileCount":779,"unpackedSize":1643007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMLegACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoY9g/9Hb49TNsKoftr4qRYLgLRJhHy0q4OM4MifGIqoQ3moed6tAZ+\r\nHJOc+CR4zGrwjCw8bxz0PY2O/6/TZVEQisK2PMNWD1jd5YGWfwleO2AjFBmG\r\nwmvQeGaIgkaOJvQ5sdIHxdOP+ghA504Le0IMg2mhL2zyl2jbViifCHMu09a2\r\n/3ltTMcNYRV/OKe0bWOfiTmMJbOyxJEd5VtyUl+pveAr2K5xOqpDDNZh710k\r\nvvsE3DIfF7BfV7nTP6GCnxZF8JeuY5+kdvYl1G14C6LfWDYhmR9qe7zZMjVx\r\nwwqmhKEwhBoVRvnyJJ1RpAGGEgdwP+Si8cK7woQpZpwiNl1vTPQuG+OTd+7s\r\naP5bvJJF3aP/osHOfGgXxQIuoL1DkGTYbop6arKpOCQcabO4PL8BYiTQsLT0\r\n8FsfrMRZUD9y9lAePx3OyZCY8Hso0y25lIs6jnc9c5bDAPo89/MJnzCmVo1Y\r\nd8+rKbAJ6Oxgv/4vNFmV6uBKD5sQR7OjnlIbp+C5DlBhL5uQ3eJ1xaGobReK\r\nHt1t6Qe134wvbQ5HckGdf0ztJH0jpy9NFO85ppeFNCAZXVVL4HQNSGUbRS4i\r\nQqSo7oN/JZiEn4gjun+AzETqGxLBYFyIBaqKk+jKzJOPnTnuUWdlcQANVSww\r\noh9VsyJ5ssSXbGLvIdqYuA3D8mOja3lKZUI=\r\n=1qPC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDFHzJcYw0ouWP7AFv/GL0iKsO1ZOYsi4+fPUx+yN5n0AiEA8U1L8KPzvnIBjEA8qD07WrTwu3NvAXGDjRQeVbWClZc="}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.11_1647359903838_0.515375218255063"},"_hasShrinkwrap":false},"1.33.12--canary.5375028.0":{"name":"@atk/mise-ui","version":"1.33.12--canary.5375028.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5375028294fcf03ab5e488612dfd62a799523130","_id":"@atk/mise-ui@1.33.12--canary.5375028.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-tIhK0U1OqCalCX9jWoQluhqbwjix0imMkmdfiqcO65JVGOEfCH2w8n8LR26FhbAgpTk6k7h4vNC2T/gsJE2G6g==","shasum":"2030818fa63178d90e128320357d81b78f64bc3d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.12--canary.5375028.0.tgz","fileCount":317,"unpackedSize":1372743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN1WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoN/A/+JCpCxpmYXsMx8xQuzFnEnYUUPdsFq1yBuc2nq1f0HC4kO6oX\r\nJAl6ZSHhjsmaGSHFPxzq5CEuJK0y2ngbvcWgg5GoYdD3+wI4nplCMabDONxP\r\nySEmPqTUOGLJ4wmTyUYoofdXY53yhwi3e0OnDvDIL4U0fu5Fk1iUtosWtqMI\r\ny3rb0S87Bf0PFO9VXExrmwhLZLywuuZW0w6oxNkprn00MrHyyu7GOACyS/Lc\r\nDDWiasRlwvHCguJj7L9lzHHEvSn4usik0jmwK1a63Tiu10eHDyzEp6n56V3k\r\nqZV5S/eVya87MHWehQJf2JJ7LYbVP3J6Ut/cpXaL2/pPDbRmJpf/V+H7zhOG\r\nd/iH7D8J5P6UdVo3JcpGsmEusEtmxfGurK6qkxNX4NtSL2CzevChFLT7s7K+\r\n1fmWx4V2IrjJUa9k2giax0Ws3DlLMoknc64MH8tentXYHqIS0Adi2hLi6vmB\r\nadcR46dp0S6zz+lao47YyGLS8FAHmOkDgV83xxBwdlhf9mWcUhE9GImcwjgt\r\n2+M/1fgynyoOtFAi5Y9Xfk6a8B/UOj7vZ2CW3Ydj59xGdfSGATqwDWRb+xAy\r\nMSHjXjTYuCtFNt5j2ZDVFF+3Nc0r1MDRb+4ZCXoQ+TefWSe2Ungt2sn3pIFx\r\nKdgCwfcKFQK/zUu8KIHxTIpGPBnMk70zTlE=\r\n=SlVU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOG9fJ3QEv2FF11HaKvTrHpEfgHCavDeTPCcd2O9zShAiEAnbpzcKipReGwk1p1jjJ0lc6OloGOdvPgte03TSWBO+U="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.12--canary.5375028.0_1647369557952_0.3880029000313152"},"_hasShrinkwrap":false},"1.33.12":{"name":"@atk/mise-ui","version":"1.33.12","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"9e0a3aded9b62c0a54aa02ea1f73091cd8327583","_id":"@atk/mise-ui@1.33.12","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-gtJbT5eMaBvkOPgSso8HNcFwxq0bKmOMJOClFkiS7Mr4obdaJX5IkHoXWFW5mmoe/3/Kn0d+9hFTndVLDb/4Gw==","shasum":"f818fa4490e91726dea91c13fd7d34badb7fda32","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.12.tgz","fileCount":821,"unpackedSize":1749863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMeliACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAwg/8CThe/rqpFotgGcBstX5KNQC/NQ4Nh7esqu4Dzqq01aLIMPmn\r\n6DLvc8gogcUhnv3pSiDozZty46VvCILPnIUbrQrX8iPb7MNFahOWWbzDyZeB\r\nRnZMZOYfb2jzCHFbe5hz9nxaJ0W008IPw1zKxtTcOdsrkWTnvTgAa97HUSoQ\r\n3QcUVIO+D5f0i3bTX+NsNfFrVidVhu7PP89BnIwAaa8dIVzRgKIcenpGUF5u\r\nv1wJYx0fXITWhxhAvC/S0Zg/5QnTSKLTt8jp8njLtawXd+KNn4HJDPEmE/7Q\r\ns2IGhLuHkyc8Qs8HVWh3F7i6FWbew+dieIx/M0AaknsnzSQHTr7gBk+kMrgg\r\neZCFdhOyM6ai0UvqaogyGViDT31OzN0d95dp7kfMRobGop0L19EkQwgOvTQN\r\nO17IIjHvh1OZ7wuY8/0sqNfVhEXV1i6LhlSzPu2QRxyv+ntqzm1NUADBp031\r\nA2xhlXgkxcP7JbMy2iXLzB3mSBjmSFVb0T4LJ4zDv4Vy2zdALVm9kvoauPrS\r\nUqCAhqeSh1K3hSXGjlmHPkG+qM954Z+vPJSA/UuM4Fcs9lM6KcB46tuwX+lt\r\nt3j2qEAk/m7w88z53geKLkrfp0+UKYWVUFhMigjvLXBJDqcYt/aXMidEsU8O\r\nPMFFur+Ha78AvN0cXyXvsM5UGAfET5yJd/Y=\r\n=QYoc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5TTL4SD74iEmm41UPWwjPTwFlppK/BujSkaRgwBRJTQIhAOXPYyzHqMhYynwZGl8prEQJTY6mcn7wrKlpqMFVms7P"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.12_1647438178203_0.4502440440857547"},"_hasShrinkwrap":false},"1.33.13--canary.e11a56d.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.e11a56d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./global":"./dist/styles/global.js"},"typesVersions":{"*":{"global":["dist/styles/global.d.ts"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e11a56d0930b1c667f3338a54f2457d142f116bb","_id":"@atk/mise-ui@1.33.13--canary.e11a56d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KHjvLMRApesZ7dW7/DPJKfpn03I8eJ7osVHyrjKMl8ANYsygDZ/u3ebjPz1eu5dueytqoNbNLKAouIDAVaSrpQ==","shasum":"e9df1f369e66b5ceda4d08de74ba10eee3a9dc02","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.e11a56d.0.tgz","fileCount":833,"unpackedSize":1781289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMg1rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCtg/+P4jd8P3H7TgiHcVuCJYAr/HB4VpBGE/uaJ1uVBsycYGHfJGU\r\nJaa0DgLq9KQL223qXq+c+UD0v1xIOKzKPS7j+ay2DPpTTc7lDpqxCuaX3IkP\r\ns+RulpxcUpjoCULApdl5TvOAARG/wBmGifpYYd9hGLXuo/O3UrHNKLKWaylH\r\n23EO9RphRFcD8QyBMFlH31dnQZxxzXe+AfGvj4CkJbOkPobtD/wKLGhZC2Fg\r\nGZC3Ud2ddwwDXEeBpVPsJYeCNrxiWpzAE4B9iKeLhtSDXbBAPIOxmuDjMaBM\r\nv4eNflp97lgx31j0xAiwq9Lel+W68h9Ub8v3rDOPdDTvY3Gz8RLUpKFJts1D\r\nsyoXnp6OoKlBvVyDbm+XLpFBs62w2ayxbzEdnSuGsdRt1WnHuR6cQnMAUfMT\r\nGczaqSfGBuA6otEDV+QKbPt52D1Q3/QWMy4SoqMWG8yQy8ni3lJoCT4mxI8t\r\nteUdXhE5PU6fe3g5aOTUhLvs+n/qrlFHAyBospc2H5JIZMASZfDUSRcBqd2V\r\naFsijkxEwdftHgGXHAK6Vmglnij9e0ZsACAhu2Ehq4lzhFFwT6a1zyHdMFuy\r\ngL/n1JB9gLiFPiniLgPMjvBa1DtBuRjYlMx+CtpMcWvwdPz7cs7obmnazvYF\r\na1eKOtqKopw41BFDbNEhfOrvFqLO8lnuR0c=\r\n=1dKa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB5C8f0Xx/dUK1XripceVdjLhJ9Y3samytrlOqzbVw6IAiBZUxrNNr1fVOzjfVllL11eqSiUDFfDn8VVguu0u8HY9A=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.e11a56d.0_1647447402947_0.16029118363930506"},"_hasShrinkwrap":false},"1.33.13--canary.de7b8a3.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.de7b8a3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./global":"./dist/styles/global.js"},"typesVersions":{"*":{"global":["dist/styles/global"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de7b8a361ec2f9bfc8afcccd0531cad1cf61037b","_id":"@atk/mise-ui@1.33.13--canary.de7b8a3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-7+Yw7q7HsVdHKC3z34CFgc0YbSH7hnVux4A7ko7e+wfQhIj3ZB5XGgec2RXzB4f99wJ2zhqSGRf5Z+2FU6KfQg==","shasum":"c58e0df9f1ae1cf5f5b02cb804c3694169c59b41","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.de7b8a3.0.tgz","fileCount":833,"unpackedSize":1781284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMg6HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3kw/7B2aqKWYDT4HzPwK8jH0M86fdWZbbKMVD72Im9fPctZFbQph6\r\n8ecr3onPbsDZ0lwSbSJToka6/cwlsIl7KpxA8TrglHTl3DDO4vOCnXfLK281\r\neroaTbVDIGogag4mQSi0e0VNTn0k0rxIfWzLneWOHETXGTiZSEWdSbQ2Bsrl\r\nVhIhGfeGVA7KX6AD8VwB6AtYxXG5QWYDvLI1AediRDSAIBZCQ4CwQcCXnkPQ\r\nx0LrcmUNwzq7uaW0+3WfyOafcLaSia/2E32+DemCZztb5rSFN+d+okt7mZgh\r\nl1bpVVJmtP1WfppCa/vbGAPKA8VggH6P24hq5jT1jAjrfgpxv/+1wzrj6fm2\r\nWipzK8XhmtijBJfcO7BY1CQl0Ja0fEV4wLG55enhLLQqS7N6lOy6ZNvgCxQp\r\nwy/T/zY3h6rVM2j4DBTgN9mYBOsGvXHNuceRthXAM7ihUPq+tw35jcIaKFTw\r\n+xxaBn97IjOfPip57fkdvg07a+vGLfvvmX12mXj4h95Uw2M56sD3Allau+le\r\n6prQEOfL7kcMYu464IfgJ+W/gsmqJfOT4aRltsxowqKdyn4bEJri+xWMe0KI\r\nNFzS25bIPvJuMA4frm4L16NGGjria//Wg5uaF6oGDd4HGFjTj+tljLAYTBQA\r\nFMOrEnpZZ33Mp9OxiUvMwwhF/67+EIxxov8=\r\n=o24A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpYCAy0hTAQSTh+okuyT3b+fubzUjRZgwz5bQ3infSqAiEAyHY1rDkWQIRSL7NMUxzauNKfiD5ybV7GqeRFBZBNhyE="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.de7b8a3.0_1647447686840_0.7316543071654291"},"_hasShrinkwrap":false},"1.33.13--canary.c2c8ef5.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.c2c8ef5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./global":"./dist/styles/global.js"},"typesVersions":{"*":{"global":["./dist/styles/global"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c2c8ef54ddb45527722ff08ed241757fde3d1d89","_id":"@atk/mise-ui@1.33.13--canary.c2c8ef5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GbYmcTC5mXGYC0ZmuN1fSvXx/9PLt94cPxiCWQS8GXHhl4DwxdHOXl3Yqzg5lLXNPuOfBPIx2l/hjx7SZ5Wiqg==","shasum":"87e56fdfa78b9ddbf0ae9700f665413aefe6c6d3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.c2c8ef5.0.tgz","fileCount":833,"unpackedSize":1781286,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMg82ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/rxAAhT0oXVt/+6uT2pN7e24swmUj5PGW4QEnDKs09RFkxtj0C4os\r\npp85VM7l7cFleGoKQrC09t9ev4b9bwfGcdcMFMq+pirGJRTMCLTNoHAVEmCX\r\n2kIPUnIfNB+Wwqe7GYeLEjqnA66vdC2ukJEQzfp5Itxm/t5BOYf/HnwnZYzG\r\npSxu+U46mxix7uTlGnKZ9qcLoraTXsujXfD29TlpeupcV2MezxlMqy9g7hdA\r\nqz6qXmgToouyGa58cXjJt3By8GIPRtdoFLAiGQ7QJ1fG2VHmqgBPT7Mo8+G2\r\n8tnjPPOSRsnM0h5YgOm3OqJG+QRP5k5hU4W//eZKYYW8Anyi6f2J9zU7k6oa\r\nrs8K/7gVtv9KsT+tPJyTBaDa5QGTIojfFjFw30hbrhpYpDEsFwxUaYwRTfI/\r\nm2KMd4MYH0VusemyPLHWGWjbsrueQmQA1T3q0G1QzonPHfBiaEL7UfQZEg6W\r\nUpEyMoBJpLYwP/gJw+whGbluMwVASsa7G327/KLCi+gvwCfmi2X06lVlj3aE\r\nTJFnRaYHW/qO2MAB4sJcCXJc6z0XGxrSXytkc2V7ckyNkl7h5ioWam+pBv1b\r\n5rBFD47y6VhD11pXem52BNzEv5nvTFaOzhEeTK6outdLp/tLJ2/eRQ2IUI1H\r\nGUzym/DknsMM2VDxjx9Wk4zu5reSScfxbX0=\r\n=i6WI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOTX0DZWA2iVAjgqTaGP/N7Jvth84xsby6Z9g6JaED/AiAjJUlLTL+LzBz3+VSi+FIxr3N1NAPIcxRrcDbOtrhsbQ=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.c2c8ef5.0_1647447862137_0.8731560523179187"},"_hasShrinkwrap":false},"1.33.13--canary.57b35b6.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.57b35b6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./*":"./dist/*"},"typesVersions":{"*":{"*":["dist/*"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"57b35b6cc2895a3297f6f4aede5bc7c2696a73da","_id":"@atk/mise-ui@1.33.13--canary.57b35b6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-8C4qxheJHabswTT6v8MbOv9Ac7AsNZNgtxLFNz/fqq8pm0lTouBPfLbrNYpR7ufa01PSD3rmHx2PydzceS3E+w==","shasum":"9234a669cd05fe0d9c3aa8f1dd4c13257dec752d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.57b35b6.0.tgz","fileCount":833,"unpackedSize":1781219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMhZLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopWhAAmopmkRZu8vXtjn1jk+06V9p6DOzdjtgszR4Bn/vLW8xPmWqi\r\nGBrRHHYVGdZSDEWNUmMm6evtfzxWbU/XK5cLCia24zPmOz8QRE96/HrUp/8d\r\nBU+b5WVdlYi/zDHetWW2R+egmje4AcwkHZWESaPAG9u3pp1hQVQJS4WEeitR\r\nFwcWxHlug39y1TXSrP1ieGlDxTvKD1tYTztlLRF9Pa67NVW+E944ZLDQDTpp\r\no9cebU08dmt1DWUzmKCKeQLff9jvFrkXoU53cI3ykptmQVyWnd3W0lcOpZ5K\r\nFtgMuIPhcXQXZ1Qvs/BlnUvJqMfg9LZ+OUJ8l7kA+YQ7HEz9VqBsorSc/fFd\r\nX4v3lQ+DOcIlQlRkYlLpDMrPE8Yn2NFjDodVvENwwzXaTVAJgMKzdtzUMfDx\r\nakDERCezrMHgyWsEsBXwuZfRp4vi4+iySFBjQpza6F+Qltf7ZCswA9+am4wr\r\nq7lYuZV9pXPZ66/en+aqx0CD86iCSPRYVVNdSR/GShKo2pTncSx/VKxtloQR\r\n/iLkaLF3FmVF8l99PmeDkofSdbOBVwiNvJjAW3PCFHC+N4Vq9j95YuNbfoML\r\nm+85eTUFOd4LBf0Bco2Rdfn8aC+mSYHCVEMOuDcgjSD/HURnkgvVXjLLYCBo\r\nJ7Hwb4ACyG3uqtZwU7EN+KI5mMYd09GVHBQ=\r\n=uwmh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDs7CMl+fMVbSqIbHZUbYGcZqOTOMHqrWHcNEDNbAyz6wIhAKVIt2CD+xvZiwRGsprljPM7jCTLcJFrCizO5JeSrUqw"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.57b35b6.0_1647449675223_0.6493146451175638"},"_hasShrinkwrap":false},"1.33.13--canary.4a1ab89.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.4a1ab89.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./*":"./dist/styles/global.js"},"typesVersions":{"*":{"global":["dist/styles/global"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4a1ab89a33fff1a25c8428bde940bbee7dfc5a0d","_id":"@atk/mise-ui@1.33.13--canary.4a1ab89.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JEVet+Uo79QlpGDl/gcGpZQWgMrKxzWskUhRSRgc5vL4NmkcbfOFiBuBVzQYmXJB+bF5dvjfu7pc9bWF4xcBsg==","shasum":"13337d4870c78a2e815ce1f6fc6651ae32467f2c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.4a1ab89.0.tgz","fileCount":833,"unpackedSize":1781251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMhm8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+4xAAnFFBh5J/59bAHcV8EsnHej9qPKMx0HJZowZxKa69Tz+iJebP\r\nWv5zJepiZo/SVjC1q1oW5ChK3fJQ/IU25+qy34F9ccdJk1IYgrtprPdho8gw\r\nDZApqXB5nS0kF4tvIpw1WpAyt922ws6dnhnGtE3UO7X/ipCp5//7m+KFajdT\r\nj5Aot+8WHIU0GbfOxnY4cwOJChWWevUmYf+QY55LlgOBeJx2dRo86ACHMqRp\r\nTUkPsF+j1UXOADlNK9YatXRka7T829tFYrCnc3qlhcZajYJfiWwTyqGECaj7\r\nCgJ5pawuPn+tRRwItUVq7Dj8JjLFn7F3srXyNW3YeBk2Dfj9MbIAVazPzze8\r\n/DvupgkHZPKFHcXa0C6U1pVEsvqpWiOFAQW7RQArj36OmNIdo8zFUh3MhP5t\r\nWbD9RzCIaab1baIY3+Xhpz28XgRnKXOTTAJVn8NiXh2uOLuQ56as1MGGrk7R\r\nIDlWlcp/em68OIPUTvKPzCE8+zr0QTfZV4OFOfP3uBgz4HZ8FfkbOxxVIx1M\r\nOBRDW5YU0jvgOQcUBfKL4U/yRnC22zrbII7TSg3EIWJjn6cLxhyhessudI/s\r\n/iXlUq0pmOQdQ5XWMhNRbjJ63GztPuhyvwQm0Ne6Aj0KOds9cClwJTLu5cxu\r\nwLtBSAvnc/xVukEYB6+79zBNkXL8PEjJmcY=\r\n=61tc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGjq9DE55uFediS7WzJabwW5rXiFWAJhZGAt95PzbNDEAiA7cwZaRlHeSJSC0dineo8zBVy3jyNBbRxOVPvU0PfWPw=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.4a1ab89.0_1647450556362_0.5398349730454377"},"_hasShrinkwrap":false},"1.33.13--canary.0803e6b.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.0803e6b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./global":"./dist/styles/global.js"},"typesVersions":{"*":{"global":["dist/styles/global"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0803e6b3dc3d0129e407e25b4302f0a8a9a40005","_id":"@atk/mise-ui@1.33.13--canary.0803e6b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-zTDmhPAdkmsdajaEOEMvyMLF0dVFJFwnvjVhuMMouBbUTYEWgykaUWWxSiu5qocvGGTY1/8CpeDQJ1m4Ih0Wzw==","shasum":"6f166cd55295f8973b09d4c157784df119b5d8c2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.0803e6b.0.tgz","fileCount":833,"unpackedSize":1781256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMhrcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxVRAAh3MMdHRA+X504SgculdXAOwRnVVSCF+uUIyfAbv3vVslYk7r\r\n4gMSlfZG7yd74sMUQUCLdZP3qkJA2EYOA8WHMuR1OCFFCgFTb7PgNEC+gEtu\r\nfZG+q+mzdyE0ZqSQQVm+oNzFM2fII2H9JMb9YTDxFsVCdOyZZB9r7+5MLBC5\r\nWSQy9F5WM0Q2LxQGD6Fyp8ckGwEjThJA7h3F4TriT2YQv3o5s7c/97nzZYKO\r\nwO/BM2fAedgbMcedNl4RLj5UK1u/7gs484PmaVz+xyL2ElS4yo5e+oa0z692\r\nDqUUoZf2gpaVD8nDoaYraTG8Ft8z7tNo2UpcWgk+VV1ZoRKqODzPCQ+7DdZM\r\n2TKQSC2HsGcGHQos8uxiEMBUMWcfYFFf3dwqvmA2TIObDb6Dg9VU+ATApnS0\r\nnlPA+lIDU2lsZEEEzmMI3AhlP2r7EbIukBF0OjqeTVrQ6WCLDr3JYaPX5MKt\r\np2WVH626vnxoeICsQdOWJgLGggmAggFIq79AZhbNxvidAJmkBsOsp0AA5kxL\r\ns8bT515tRyARPY+I+KSbgLackTQ/fPBS3MdHusbsVlyK3m2xOroj/2qdLb6M\r\naDZBW2/fWi87mq9WQtGhMmPXXl4VdUVMwHbbYaqqwtMC2bNEXkqVhfMsH+Kz\r\n59M1j8v0iH+70zIuWFzYnv8syEf8Zkjkflk=\r\n=bu7f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbloQHqLkuIe7OtE+QSZ5IrINeJtePQqWOZGrjgWZEyQIhAIkPL8iIvysyOGcBGf6q6uHM2clPV2vbliACJ5cZtHN5"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.0803e6b.0_1647450844031_0.2780042604630135"},"_hasShrinkwrap":false},"1.33.13--canary.11ca484.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.11ca484.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./styles/*":"./dist/styles/*"},"typesVersions":{"*":{"styles/*":["dist/styles/*"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"11ca4842ed59771e0ec007c93b7fb4fdc19b234a","_id":"@atk/mise-ui@1.33.13--canary.11ca484.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-0ikp9PTDctPsxuEXCiuX9j7sJKYn2iEiWNhcHSxtBsoVbCkDc/NW5f6XmWEf9NW2ib5hJRdfQSRsxVM6iixkEw==","shasum":"36e95be79e8e8d278920f97ac75aef5efe3fc567","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.11ca484.0.tgz","fileCount":833,"unpackedSize":1781247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMhvlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVOw/7B37OqARl00Tuln//aBZT/yhjvi6VPazMkT32W3P/tDCFkv4W\r\noWxHnYbEVabsa8AiGCUBKRAVxldM4pFYqlOp+qFB3uCebioVGSFJmwp+3ula\r\njYNnx6cygQLvvdGxg4pr6Cexuxr5/k3ji/5I1tkqT0oXaq9DVe5d24Ke1qqf\r\nLdGkZ9X8KeMtEdGsrE/Vzfus7hUm2e8fHRzoUun/rU/VSeO0WWHIhct0aMmt\r\n0RQRvQCYhsVniCRNBH+r1hdBS90KSxLASS9XbcSvOlSmFFDrGlpMZ38zfnJA\r\n7Jf8W2lHhhbSB6+wfqV7zwS8ONdcXRs5PUD9yG0EO9zwnI6zD/PP+JfENTHS\r\nxKGGnU1zFVpwV9g5i0spYr7dKkhklHjmxPO45iiro+033LHPK2KckFthDcAE\r\nx0WDAqmEx1sbE2rWQjblgpy+8DtkGfXJbwJPOM392LPz0piIhAstR+Z47P9G\r\nWEY1/tY8ER/+bIP46tkktn+4shAFJYxtftvrZx3OrlM5znCkbDsPjvwwRk3U\r\nG8Iwo5iW5vDrXom3LHpswHTjasvzkky7YMNrN19QoaFChbfxQIDSeYGvvmVb\r\n3QfTBGyHX9xbX7kXx8MBwlOsioVQizrQDEI+T53Mc36SDuLGddLsfMfQStZ2\r\ndMMU8kk0tRYC99DQIApGoQlO65Z0gw45UAI=\r\n=0LC6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEAGAl6D+O43oAaC4Fe3KExX2U83VddyUIwpkxas0jbDAiACN2dAaZA+FNPymN9YWsI4CxZQXy84X7HGp85hP/WWWA=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.11ca484.0_1647451109490_0.3416889224057289"},"_hasShrinkwrap":false},"1.33.13--canary.197180a.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.197180a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./styles/*":"./dist/styles/*"},"typesVersions":{"*":{"styles/global":["dist/styles/global"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"197180a5996c79eae8f8d6c46db1847daa29604c","_id":"@atk/mise-ui@1.33.13--canary.197180a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-nGgwDmMvwJs6jg2RvLAce8451hgSKtO6hLOQgrT3Dx7ax/pPEFLQNY02npYK8TeesutsD4T0kdCG1eujRSpFuA==","shasum":"9ef51c60d8efb59f69d9eda3a07478296f0bfd02","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.197180a.0.tgz","fileCount":833,"unpackedSize":1781257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMhyRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO2w/9GLp+J/a74Pl/f89csi8k6tW3MbyNxsrXT9S5hgYgQ1KEe9G9\r\nz5mbWZS+oxH1yW7mnGZ0cpJy70AaKWAST3peRNRHTIpdk2qcqP4WbzhqI+cx\r\nJTk8EzDkudIis6cV77GAYE73vL/Qo5rco4yC80AuGUywqWnljgbmggOsUvY+\r\nCylc2knzK0qWCqVwqdwbiq7oir9SbAsvxLaEEQWM1UeYHpK+jXswMAQGwW6J\r\nFhw/D7nCr1NIDyPYvvS6hrIqhZhflwo1gFM1FpOOAPDl+G2eu4jY46msJNDS\r\nFo15VOS8U1o293P4dOijHvGF2Q9EnGd3Hw/617R5qjeq1herhKDm2jT3Wrr2\r\n2iPdkYYKO8BIJvFtUcIgthznXUDwe89BWVL7EI7dV5i7FX4l4sAtZebiKZBL\r\nxZ0dnoynTQlS6C1P2Elln2XMsVuTrO92OIcjC7WFjovG3HDHttWtqb8JNZPC\r\n7p5+jitnYyJMVcKQqYJRK3LJ6dsBWikGUl81N0dh+FPVCdXt/mZm216Yc36T\r\nkKQtrr4A1kNSKXCXdUqyFo7NI/njGXLZqSG/kgjmWZ667vWV/4JjWtqehSEX\r\niugSgFn6wZKXPCmN6+qDKd/F1NVZrLMMbP5b8MKh8WRPvRWjTvfEtHJgnqW0\r\nsuOM7m0WBi7f5lmdoGMpp2vNPFafREwGCDE=\r\n=NbF6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYPPYNzTWxjnKGuKzxALETkCBQSWVAj92rqxpHkcFRBAIhAOUxEVeieZklz71DTza13c4NhvBpbTlUZSgPQCbFi2C9"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.197180a.0_1647451281128_0.21806603832445792"},"_hasShrinkwrap":false},"1.33.13--canary.27f9c04.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.27f9c04.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{"./styles/*":"./dist/styles/*"},"typesVersions":{"*":{"styles/*":["dist/styles/*"]}},"author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"27f9c0410aa6528ad8bb997d914c57205f60ae43","_id":"@atk/mise-ui@1.33.13--canary.27f9c04.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pibL1oL1xgQJfQHt7vZduGTzluSPr/4agifnJ5NCWhbuY3uQlwlEpwEvrSznkvnJKi6P/DrFVEA0HR+bQy4+jg==","shasum":"43f9915b4b3e27d0ef7a5c197dd837b15697d3b3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.27f9c04.0.tgz","fileCount":833,"unpackedSize":1781247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMh1KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPOxAAmY5+44fT1lrmPKiFqBG1m5xvbS7iEQythY0xaw61dGRzLdoT\r\nVfh9fGBJmAgsY50Ab0W5DAF9qEooYS/Xk/q8wGeXrWhFQJryNp7RxxAH6Hbe\r\neHkLUKESURhlWZrPGN2S+6oPxSTSKIdTZs5z96tK/hVqGAmOkYe8MQ2FEfqm\r\nc6JKXywGCKWkwvLmjggrTUeS547zghoFqYItVZCqUSCY39JzpBYBCbpFu5Wk\r\nGlSyD0kxJPOkYjNnT3gNtObo7ldJKd4FrovARcK1nZoqD+lfMIjMcTx3wllM\r\nuD2R0C+boj7fIVzU45zD7LyezVbXro/yAEXabxRFWzxgGZ55kkhb+Nt10+YX\r\nxHKLDJfs+4KatJBHYkHNfE8R1qJNdh1MdlVL5DCcgjSRbWs+fY/NDOIaODTS\r\n+IzfTEHsQm4Ey4rj2rFOdb3DNmfV8mqWRFJcKWKo7wnCc4ovPJK9DJNbCxXC\r\nPISgjo7EKnNWcA0VBfFfPDHFFx3YdFCrMK4m8nw4U7n/2ORsdLVJmZC8To+P\r\nZIq7bAdA8lfasZAjhtxMj92jBx5IwuPKHS+wClcGGL+K8jsvawg39FayBSN8\r\n7e8bCMzrmMOQML8ImNUsxhbZs8r6dil2BJ2ggD5swh5ymRBtYVeiJiwXJNvp\r\nzApBN4FrFpNN2Ezz8nNtXwrVUj1B2wf4YPE=\r\n=FacA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGD8Mu4UE10qDwockmeUjTBypzwTEXCCTF5u/vNC9/axAiEAqrjapQkQxZcGqWu46xnruuUi3vms5ZGKWFyeVKuqY+0="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.27f9c04.0_1647451466292_0.6199454312349391"},"_hasShrinkwrap":false},"1.33.13--canary.bc38e55.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.bc38e55.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bc38e55b662976df2fdb9ad5432e8e7b4465bbec","_id":"@atk/mise-ui@1.33.13--canary.bc38e55.0","_nodeVersion":"14.17.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-bZftGqvrxgpWMd5vg1OFLhHXIf480yaIHNZzZhchpOoY0tUr9jiSTUHgQ3wwSmMeJor9/2SczTAYQTtTDboV7A==","shasum":"4d74a97acc5d419c8a176423ea79f91facd61ea6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.bc38e55.0.tgz","fileCount":338,"unpackedSize":1458379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNKLaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Vg/8Clx9eRxmCwS0RoiiGA9hAJwIhR178PaIaWJ+AHUnO23BH2Bt\r\n8a6Mo73f94a0E1fGd0l40sl8xsHFLuYbbHL5gGojlqGimraHOYo4uC6Yk+HB\r\n7CnDO+pmO6dSQ7J/jjYsZk9IxeTkFVGYahHpFM+0lg4YqZmTI3JcjrmfJi1k\r\nBwCZpiS4ex8w3nrtlNIdYb/b+4u8Cu4SkkVOb9czoyY7bHKYlD2bvNlf9vH9\r\nygpyM5s84WdvLunZ4I0rC2BfgVwlbKd3DiLSipLyLRToSDbKb+vfF3rJD/Zo\r\nhUxoIaLqAOXi/b8hgAsSqZtQqV1vo1fUtHRjhhkOSoh8Jo2/zYQq0ed0BIAF\r\nNzaYAOCShmlBWFkqJMHoLfPf4iMUEHmF2UNvbqp+DoUvCHFC6VAKBSM93rIU\r\nIvm/yFt77nPXmD7DSwXn+JMcC1xrfMKp7xqoGZqvwOMZGGTbWXSt06Vh639x\r\nRzr0jkr+7f+7Kl9AXJxcPhBxk6qHC2D8LlBSAUTpJr8mSBiU3mKq0IO9cpwd\r\ne1x2LMie9qjKEliPA9BV+KNOpk04YFZWlB4b7ro6hlpPDQgwIZ6HXm1fY7Yc\r\nHzTv4EKUNPKn30OxsvRAQGKExVCrfq0WMrlhiJ4hKMD4g3SGCrTehklqeSz3\r\ntP/zJJkCXQBsv3vOQcPFgKckOb7F3Bo0dfc=\r\n=CiBK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBj44cYfKS7pcKYR7P4xlADPJL0tML3dm1Inpq2ipDiAiBSR7x5vbIpWNhrBegra477AprDMfOsBWYho1OeoBXASA=="}]},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.bc38e55.0_1647616729845_0.5251291403129819"},"_hasShrinkwrap":false},"1.33.13--canary.e1e8c07.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.e1e8c07.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e1e8c07d3a1e9bd3e65ce68a63e85eba8c8880ba","_id":"@atk/mise-ui@1.33.13--canary.e1e8c07.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sfYq1aECPZRKOkkVbURl8zXJDOMldJNpLRkTM5wqMkC6d8vwBYRwlbqHxXzaOcK7Ia+uhV0ERUTIOhNWuIJiXw==","shasum":"59f9b1e11004ed3027bd13563778bfcc05390c51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.e1e8c07.0.tgz","fileCount":304,"unpackedSize":1336987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOLuTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAXA//SOJSGglo5lskKuH/+iu2sPOO+gSnx/Ilid4l2Duj/HMZrCZi\r\nIdV7uhgW+WaybJPCdjPIBj5AzOO/bnA+Rmh1gK5b1EOPpFxMmQE5KUgEE65r\r\ndO7ywtWQIxo9KjvZvLYguwBGaHjfNoutYqQDhiz7cKF/hEdpV2n+Ca7YlK1y\r\nVYFi9WE9Mex5qBh/ioX70CcmJUsrNm4pl/aC/t2cufkTyndkQtn63e0LCLgv\r\nv5rZ9kemL5Q5ELercCniQxwatGkltFIkMWcaTb88bIhvRIisP7pXYrBYYZ4e\r\n7Kkgx879ucFJIDuhiza+Zz/dKugQ+ijiyqoczTUjN8WHC6wooNGnl/oG4uo/\r\nw9RTcDrY2DP9UY4Cd8zxJrTARKNjOw7cg8EngENLGtceoqiiMlWgKH+Q0QUd\r\nYyk7Zixe3Ng2AYMuIA84SZMfMgV6H5bw+3ak2lBPvkQMGO/qt64eVSy3lhAm\r\nRm3qd4mvVA1vZ4oCiNmB32ZKX1ISZHGYjgQqKfcIu2oHUd/SAFu6UeXmHxBX\r\nDMQUpqh3RvGUccUevjbGGx9f7R651PLbgg+8QL2HBirvmtr4eZOfdVjbVBQP\r\nGYZWxk7/GqeZS5FI2i2sTrufOSTvB23k+Tbs7eTtZ476uRVmoatdDv8Se64s\r\nHwmvFbxz3HRcZA1oFO8fensStZLoK23ZYYE=\r\n=KEFo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn3fFz1vIz3Ix+clDXrcrooCezEofv465c/Pv9E9OC/wIgS0+N/59i0p+Qj49LmlBTgTnwM4lbq4PxC0logwg5QZg="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.e1e8c07.0_1647885203148_0.8308668514585449"},"_hasShrinkwrap":false},"1.33.13--canary.941f95a.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.941f95a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"941f95ada5faaf2195121f2ce04c274a3fc1ff1a","_id":"@atk/mise-ui@1.33.13--canary.941f95a.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-sfxsooCTzrxA/UyYyFpLZ5boDJ2oPp6cVrwdexOiD4vgVEQdyC18DPN4lNkcUO1FYTmWGByEMKbISodg7QVw6g==","shasum":"bfbafbd20baf093a6c1c481b4d7e99267bab651d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.941f95a.0.tgz","fileCount":328,"unpackedSize":1444420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOxeyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozHg/9FhQNeM+BxMfIAaITiwxGUNojVyi5DCeQVWkV/qijVU5GcY+6\r\naeKEObqBAoewmBv6FJEYJSDF9mmFa0zBC6x3ivXwK9nviVJIyaFrZx69y1Ti\r\nlO+whmw93PHREc4XjYMVABLrD1IDJqZ695HVm7x/uk0vaEkqrTHwy4xPNksb\r\nkqRJqHsB4djUR+sCPGIyBEArxGn00mmwQY1/NeF2V8OOm3P1xI/JtL6ZN7aT\r\nZgF9dRTdnpb3oQBcjAQYxUTGbvj7g20JuNsaadhd0vYcORkjGLftqMVF/Z6T\r\nv+EzlX/O+po+a6Edc3uMrMKTrYI3tY2B8tEFiZa5J/0hx4l7HozixHkTIRBp\r\nOb2ohaMhn7oMLiTw8CGFIYEslUovaZB5yZeyMCoTJADAM2CCKDQPDqGLs4pZ\r\nO1Bl250cMjjt6vurxRcOttTEKDBHl9saKgnBHH7HlpGfRgaJ8951bInFYolW\r\nsfbDfY2Z/2pGrPCi03sFHK7atqpsXKaay7DwjZWpQNumnK6nL0o3ky3ghEUr\r\nAS6eIV+Lz9K5uhoARgn2kEGTvO+tgkFXy/S0mpFM4gJeVvLimXEK3zye6imT\r\nAsuEcHg6uKRFcU5KcJbUOVdXyeVOsgBy2kSoEnIhGYrJEJVDrzzPMbO/lKbC\r\nYphEBoRdl7cxCW8enY948XGxzCBKqvET+XM=\r\n=FFyZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYw0nksBF1EkQIyMkreR/wI75QB0y4AzjVrJylffRsgAIhAI19P14dD2Tai1lcY/Nwlp+HSFnW/9ioDTCDXIb52PSR"}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.941f95a.0_1648039858551_0.04515459936001376"},"_hasShrinkwrap":false},"1.33.13--canary.d7ed47e.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.d7ed47e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d7ed47e365c85edae4ceb215da287945b0bc68a8","_id":"@atk/mise-ui@1.33.13--canary.d7ed47e.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-CpWDequdWzt59tp2d1YPi23Atew3A3NXPlopxxArOVyRFUFdiW93RCsWtrtBUtOhzH7u+NgYzNOlLr7nro+fjw==","shasum":"435826767320ceecace7c4e49bfe9015000ba175","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.d7ed47e.0.tgz","fileCount":817,"unpackedSize":1765152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiO2NxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9rQ/+KauWxXxCAvlp0H0PzX2ACnku26I8auto5QN8sNEt8xQtu3Ti\r\nG5SkK7Pti7IztakBuzDvfEwW4/HR9Kr+kugZTGuGLc2hkmEdk8T0vFE4SRfV\r\nk7gszX2tY3cu7lp7T4MMF2Mo+aLzl6uJBLm6ZNwURWzHTP9RLGIJJYnzetHl\r\n/U/trXEDgdOJjI95Qlp/3xIp1ntupMKL/EcTMm+ExwGh3MV4l+kxQdGNFnUA\r\njs+dPd4MwD7T0XbJ0KhVeJqdEVvlXwa7+o1qT50r1dQHV0io/xbhX25Dn7ZV\r\n7dCCi7Dw1mSK1arunCmeE5qPMQwLMWFkWsid/xavCsZbOXBrGdAVSxVk3K0n\r\nY3KyxHdr6BxJQ0C7y7pVWN5YOpSBnwe4TSrew2jiQddEzgqjVqu3dpE4Uys5\r\nZ1E2temptCsm9/rjFxsZz/YabgVXdiphOarQO4Lyu4IaVypKGUoVt6E6IOuB\r\nwR9UtjiJ0/t46LK7seZtAlFSeqyUHZCNijTQLlYDalzWSyzAzytJqYTYHH93\r\nPuQ98rHdiV08puXQdBD1c5iM00azXRKIPGtBkPrqseanRuHqDtc6VQSfiey8\r\nIWPoC0bsBXuN/BZBmzcXG/cJlxy/Yrsgd0g7MWjbLD+3UqDSBmAStNGkX4bT\r\nhGUhyXTyZJc40x7h5qA+x5UfAjs/RiMBm4k=\r\n=F7Cw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAtCkoZ0Disk3vwNcEm0zeFxEyaz5/1pCs+jEQ5g6iKUAiA0q9fsiJoKrWQTEWJxCkavjGJ29PVlRtvMDT/8r4OPXA=="}]},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.d7ed47e.0_1648059248993_0.5413363183819573"},"_hasShrinkwrap":false},"1.33.13--canary.c75f7e1.0":{"name":"@atk/mise-ui","version":"1.33.13--canary.c75f7e1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c75f7e1fb48e83073e2eaff3b7bce5d859bad28e","_id":"@atk/mise-ui@1.33.13--canary.c75f7e1.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-YA4dpMxis6BiPqnpMdEWniwLn/CaRtF0mXcP/oO7upZn3MP+CSIyhd55ILf8QKUgbvpq+WnY4g16kuB3PKSmsA==","shasum":"57e1484d82c85b1d9668277e84984a1328b0d06d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13--canary.c75f7e1.0.tgz","fileCount":328,"unpackedSize":1444378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNMiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLgA/+OOqtYVftTUu1lD5aKFj0F45orpNAl/jdr5vo+IGbtyxMAQSO\r\nn7aVIbspvFfPpIpZHhhbCMWrd1m+qIwnbIzSsFD9dxdVG9DYkm93/+dxpntX\r\n4kggCczEXfmADIVkddbaA912YFRZKL9Fx7oVsi9k+W9GIAVtPp/vsyabxXBx\r\ngKZpejGBHe5BdqecG7UBQUyekvkbKQxkbeKezSUy2U2pCJjEPO6I1b5/7F9m\r\nP7j1o82NyUjJdeWcDRh7D+5x6QJxinm3XAOXUMct9BCYAPCcxibLm7pRCofG\r\njdk80v6moF0b366Ef6gKXjGg12bsJ6DpFOSy8Af/MN8zKUPQJpIAJ5v02lyb\r\ncAx6FPeOZjTbynCMotB1Tc1AO7gI5ZmhiJBAg4YJw81Tj2Rc+8X6x7NQ14bE\r\nvlV8ABtXyHt0I5QYLm1tDrkbXmNUp/SHasetBm96gESd0WnPz8+Pg5+KY8e4\r\nhRRYflbnDLiOF3NeWfCj26JyjfzAmvamlCMMyqI26J9vTvWZhxH60GSSNh+n\r\nmFB53XtBj2irWbEaCn/YQECnJEVWIvRuzqqmX86HIssecLQstTVIhyCa1jl1\r\n1nQLRl4Uoyi7J4vS8h85/B/PrtQK1XA5FX/a/0u6WXmXNUAfafpxu9R/zCiG\r\nJY2y081S/x6ZVfrbXSEbncaQGJXFY28XhyM=\r\n=wmnQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICp7EH7fR/yWrFAqAsHgHbPoQTTa9nBYk2cDYoufNbeiAiAzCTExCwMZunFPiKj/wq5067gfYYbONM2Madg6tyqD7w=="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13--canary.c75f7e1.0_1648153378126_0.4043101084615508"},"_hasShrinkwrap":false},"1.33.13":{"name":"@atk/mise-ui","version":"1.33.13","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"43f226cdb0b2fa1130479f3f8d3e609e6c604c9c","_id":"@atk/mise-ui@1.33.13","_nodeVersion":"12.22.11","_npmVersion":"6.14.16","dist":{"integrity":"sha512-JvQ1fcrHAqF/aFXXUdNnB2xrdbi+fGQ7VZWK5jAueC669pqk7rHEYYgG+Pl6hyQORAAvw/OVFP/BC2bxlgn3ww==","shasum":"f715e1dd80cc364f02ec9decd1f84c2c237c077c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.13.tgz","fileCount":821,"unpackedSize":1750338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNzXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW4g//VAJW83GQOst3RSpF1YPJoWmCeKeZqY1lOXKUHvqE4rXBNC9K\r\nqccDxqWOiiThfr0LW/Lp+Hi+OClDuabvy9hseiAneYqrjzNflv0XOlOAENnj\r\nW3e5LtrqAjA8cihwHcs4DVFZAt18PdfxFJ8FhTOyIcfK/zcicZWFJTVjJldU\r\nTsS/XeGO2LadFsOxuOZu8aUA8GQz1vgxVrLpJySXu8ZfpEULCUvMtZtjljMt\r\nPncZv836QgIDUsym6ysOhMoL1PUbKzI/dIlcZG3Qee9G9WtEeGEQaRASHFPY\r\nGg5hLz3KQAH3j4xlGWHWLY3Yxz5gV9K0cKx9maCNiVnOTnTNQOMCt/RnrbJa\r\nU9Aw7Mmxvfqk+yvGARJvc/xXyQKY+11I6v8Saj8kOyRvui/KUqV033XSUfut\r\nPy3I3MSxnk30tHFmiAyki9rXO2fWz2HEFC10/M2E4mmLGz0KXmqtwPKKYsDK\r\n6OpLpCLwuMcsWWDcLUgrGGw07siRpDcDavCih8RFt4nXg8nZwX4TSK0utQ0U\r\nSJjIY3l9UJJGFcljJYzgfT6BNO7CvVGaPJK1vXLxur5IdnmN236/RUIglnTu\r\ncAg5Ch4OGlL5CiaHli83B0GtCFN6sW68YPwbcg+rDrn6689Ljqi6Fco0GB6q\r\nVJig04Jb6wgQK0iQG7ReWQLOT7DhxCilI/Y=\r\n=KM1V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiKweqRmvNwlG2mXihNHjRJFFFT4bkIgNkd+gySxmrpAIhAKjqZAbx0qFW0WI1FAgslLwYKmrdiK2vFIFK0uIBys0u"}]},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.13_1648155863323_0.21253197546721836"},"_hasShrinkwrap":false},"1.33.14--canary.e1e8c07.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.e1e8c07.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e1e8c07d3a1e9bd3e65ce68a63e85eba8c8880ba","_id":"@atk/mise-ui@1.33.14--canary.e1e8c07.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-EDCuEyIPHOYH/VgN/SSLQa7ubHCe8Ej0+rJ4GHSBsnVcoUSpi6q7dpf9uAhhDCGjgXO5Vl98nQsxPXKm/pUjWQ==","shasum":"91c615bda1d9a43ccfa3c052da512b70506177ad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.e1e8c07.0.tgz","fileCount":325,"unpackedSize":1422430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPctAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQRhAAk0vb6VpXCISN2mrBW9MLOVEAyh/KD/RB347adFOss313UoNa\r\nT/ag+QmH0H2s5Z3l0hS62vXNIdcTVm0h/Q5bEFItblvnImkKJRLn1htO6AJB\r\neTI/2VU/ONba0RV+Bnq7J+G8inOA/sVp1cGICfdeUJbt/WocXzPBsGq3Cvkf\r\nTn20eumc/a7IKyKE22kT2cDpsAmSkEPwITg5PEc01OSykV8lMoB88Sn9zXfg\r\noAdVjP0tGjYc8K6iKKnlz9EU9tgrVA8BuHkIJ5WspbkmEh5SWarGPYuMzbWg\r\nLDs2xf/7Y3E4pTuIAdffqRNVXkeXT9AxteZLqpHecD6t/t63s/vWmppp4OD0\r\nPfVBWt2lAGZIQus3nwGs0BnNtHqC0TIEE2ZtxdIfxEAj6tZNd2YtqA34GU6b\r\nS5Ai3DKYvX7lxrLe+3mhsitdLV7jNrvvTskHywBpSuUUPYCfuy00EMLyDUKK\r\nDJ4vH713ciWUJEOXO6aGQV2X/tZnTLaNKYZaecQSQ8sHfUxIdUz3uGirc7mv\r\nZMo3q160GXAGniPxFWMTURwXpDMaFBlAgscT/TdegHVS6yVddzZOBN+xOyd/\r\n7dkynS1slGTKbD1m4NQfEymtgo/HCQh44E2VTAycwQgp82BumV6pDp0E5PS+\r\nt+xsO65PirAra+UQxqktdIeRg9Bi02Vt7uU=\r\n=RNqK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSvmedTSb2meoM6exfbxlwZVOCdE58KPe+rdCof6/ylAiAuYgUoh9REJXeW1gWQJn1KiFtxz1it3+G4FwoPONa0wA=="}]},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.e1e8c07.0_1648216896700_0.11025395158067686"},"_hasShrinkwrap":false},"1.33.14--canary.5aa7e6b.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.5aa7e6b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5aa7e6b67591bf51c69486ad9239a782fd9e6045","_id":"@atk/mise-ui@1.33.14--canary.5aa7e6b.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-34dzJBXi0QrkHGNkRg4WDyoKmO01tD78958S9/0fJBcHMOu6pW/T7nZk7Mq1t0+iQDYbo33pUHgd3Oap9LcKUw==","shasum":"62697cadec06f518a70752f498ae404e5cd1443a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.5aa7e6b.0.tgz","fileCount":328,"unpackedSize":1444398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQkZMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIEg//duQAK/lmcSDfQxYs8bHlbdQpE/PWhaRvJddNMPtItSiSiO7w\r\nZSBzWcgn7KJa2rZGRjDhxPWlwDZJdmDJCgq50ynV0RGB2UHwi08zl94j5Lih\r\n4wrmDDaPKSxY7HFOc5HqV36b4dAWLYnOUFkT88wSm2G/Z+nBkynygr5/GR3A\r\nu0/YRCdkQenznFDHbxsBO68/tX7KMYk3sqFv7SyJqb1v+LTLUtuXfU5WLvkS\r\n7PtSEiMC0pFuZdX+K395TNydWJNaRFEBiPt9oTbRisEheVNww0o4x0jPrA94\r\nFu9bxtZSOILwWvYzfxIwAlWycdTvj85GeLbli27nqjqHyUujNMZ22aNYgDxU\r\nFcfDd6/PqU6EbsX/C3b7sF3CoWhCuKun+Nnr/LrWfdS8Yk4T0CaSHvgwRUzC\r\n7tKZnQdAD8DG6w5qjub6UzEWN/czw1pY4Jl2CqdwWJA1OxTrVVjCNYNibwOT\r\nZ60Q+YJL7EL3hLjl68xdxhspoFr2NM+tWYt42D6tFC7FTYYtZnwiF2eFl3Nm\r\nU9h4yYW3Warlb3Zb8vNwWDkz+siEZ88rfbfGdsrgvLYByoMIZs9ryX52cPeI\r\ndmzsJhbYO2GdvIymECyYE3ueKUDTSMAotsyMvqb4F+/w8jjpyvRhnc/6KiHD\r\nsHZ3+oNnpZ24FufnjcIf7r67aheuGjCLtnI=\r\n=fSYh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4mrOgfAm/aH5k4i1bjjVs6+DJW5hFQNd7PB15G5DfeAiEAoZ/YAKZ7BmHOOy+XCvbSoDRG39QXsj92h7ofl1vRWKA="}]},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.5aa7e6b.0_1648510540689_0.2697039837519559"},"_hasShrinkwrap":false},"1.33.14--canary.56106d0.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.56106d0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"56106d068ba4fe09f0775d0a7578297d55f1814a","_id":"@atk/mise-ui@1.33.14--canary.56106d0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Phghvl9jENYtkPPF5Tf3rvvrJYb4Hy9kMii4JIGCFtYmpbalCpwlkraPAUkCPGysPEVUw+Jlliq31Siqk+nNUw==","shasum":"9942399990314bb5c7c2293e0d15da8d8db4b35d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.56106d0.0.tgz","fileCount":845,"unpackedSize":1806013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQxpQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjLg//R3/e0D3HO6yaxaUotr+hehC/7r2YCVdzcUoWLSo3diwfYd5h\r\n04PxU4nIslTkBjmoegFQMVIBEFnlYh4cduhXtsv2z0rVzN3OmbxUd++AeIXS\r\nHNK/JHx0gJsOWyD4/RtkMxbld4rK5ZJzxm+hCw1vMMnqP/yr7KmCSN7KdDMp\r\nPLK9xD51nilf4Gl6Jk+adajUjNgphj2VnJm5G1FnpEHpTMV0R2me8mHmD1TD\r\ntYjdLB3a5lSl+UxWpba9gmkGlh6D4sSLEDseUXNIKo2/V60ApUI3tA50nAAc\r\ncgtq+fO50vkn2A3mY6j53D4Vw2lARCQrFdJ6DfYL/p2GU0+ZRoVAsJhljhZW\r\n/yP4RZqhlntbmlAOf5XK0A0G5wBcjBGZhhYijVLav7ckirXlBX6+xSRJGXDz\r\n5oa/63p6ilBYDfuZzVOv2I5gWHdbHsQznhklQEFoXNu3JUIhhRTkB/2UOp7u\r\nWdFxHBHP0qbGw+mGmvq1YUTsOGyvS0bE89g8m2CGOuNItwv7xQEFyZ5GZrNZ\r\n7lWMFg3qdEDA3QWXswL3T+ztXM4za84FKcrwrRkFd8WUVqwPTo5VwQpMUbY4\r\nXAyzezqhb1arhXYQzSglN6mXeM2JTpCMapdRNEl+f/oU4yv6oT+Pv8Nihr1N\r\nkorULBtp35AyUSjoY6uJ5nVz5BX9Ym1XbYo=\r\n=B6mk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw3OtyTOK6ekB4j5Tix+wyuAd3e3H//MZL6kMSjo8DiwIgJ5AJI+Lmz+3YJrMR8cK50vUpfwjBSAcdObfucaFpvHo="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.56106d0.0_1648564816084_0.9669610505230082"},"_hasShrinkwrap":false},"1.33.14--canary.933085c.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.933085c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"933085c9c1df705d674894040eb28c8324f0b742","_id":"@atk/mise-ui@1.33.14--canary.933085c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-diy9K20uTmZiBbOqtXVOncKI3ivCAjQN+/au6D07LtjDtdZAQG0u89cBd/bxPJJ53F0r9b/3j4JF3rmYpG7YUg==","shasum":"678a6ef797df5d6a5d02cbde1da8d0d13c16ecb3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.933085c.0.tgz","fileCount":851,"unpackedSize":1821501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ3cIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGrBAAidgEOWiak41xO7XwnJ1pPL0/1gHJEallObDSr6yDvDFr1fLg\r\n27njhE8Bc41G++KvadDO5oDFQqyW0pO4NiZVWYC3Lddi2kjco0jKLmLSN4gA\r\nKXIMoeAMCKJ9pP/lwx84L4vIqmRN4ltQI/iERge3RKckplFEAqtiihO3a/yW\r\nzWrLFq3rQSrgtFKNRQSEKzzCji9seaCDEEOO4BrdPqAage9h50pf03uIR61E\r\nDfkXQZBUiDOJP3YeZS03bG115S2y0PjMwKPxqa/Pniv9E+Na37XgrrPV37kx\r\nMjZv8SPGKs2aoXvn4+zRydysh6l19diNUPGT1fSJxktMTO+PG2HHtSEqUPIP\r\n4aeiGPqk/P0tp+kJwA3WeUXGE0LdCFwyP1HIoqp/wEvqO7LXxN7ujIcJI5ZY\r\nmlZIqv4r0nkj1rqlyRJLHzrKR3/JNcS0uh5Ss/n93tBa4weXEP03Vheun4j1\r\niIW+svkcV3Xv7Ekw2WZJbULp0v/2OjOaAFXZWNKtbt2DA0ms10jfcjwLs0Y4\r\nX/ePXqkwvrgMX8nfUadi0bYjWog86jlhPpd8QtaxmaxhH4+kn70bOyh3pAI5\r\nhqYS8HIwXY6jef7SKI7gefI8k5YGqgwAmBKLiuosUMTd2n7BPSVWBpyDb3SV\r\n1jAJJUxulF63G463HoYeh4e1F+Pe4rtj/xU=\r\n=QQ/o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9XySA6/pigFk/NE34zfsJsvzkx4G8gYby9iXj+XUzJwIhALn1U2/BczJS5y3P/bq6HI/3eE2CEStypjBYCX0cnQR1"}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.933085c.0_1648588552263_0.9526945861184499"},"_hasShrinkwrap":false},"1.33.14--canary.d985f99.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.d985f99.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d985f998bf5437f3d8563c1099ecabb8c4375df0","_id":"@atk/mise-ui@1.33.14--canary.d985f99.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/stFfSkbobP34dO3buYe4AvImZfvv9l0KGRX5CeKExrmgp9rzOvb1KLGqIbaqWUtZF87qkOUIi+8u1hSv9TwTA==","shasum":"8284be8e2238c8da66ba7023057652db100e6155","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.d985f99.0.tgz","fileCount":851,"unpackedSize":1822605,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCvGMRmUItyRx4ts09Y5vc19kUn1Wp3sbtFhd2bx31RAIhAOmxqbqFhSq3l8xM+cQ/o/8S+3PL9VrxKu7gV1Fl5O1Q"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRG2vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsHxAAnZLJ2xeGaCCUyd6Uin4al9Vr0z02UxEqMwjhiIDFFJhs2VLQ\r\nM4BrDcfpY1s5BEuakc+5suEmkXtZ6IptDHXOLINh7zsyhdJjIrL6Fn/S/Hiy\r\nOcl0KpBAb4GAi0RtNhlxMlAKs/1IUmKT8TJo85fbJnWJJb33ZLNgFqrhft0B\r\nwH1slGbEglMJqgrpPkdhEodd/vRrhkTngXqtG4eMwvPjt3yd3JNXwN4cRNZ+\r\nZt8NWd8T6b1oPYJJVBLDC3QyzKZZiUg+lcd0gY3KtGU3Ct9wI8RmM+Df8lIu\r\ni2TgRJ6Bq/KQ67osK0+KjjCnyiVXlIoVgYWxi7bLtcELVBgZZcapc+Zb50NU\r\n0P340WrT/cXG7Axiphin+EoFEJd2h0kfjchHe4S0+5NTpXI//rQq849aufWY\r\nrMthRF3kyguGItr84dOfsm3/DsN2CkBhhGv0dhlCXLYX4V1RIS9cZQXZ9eJa\r\nXsGRFaP3/IzYm9oQXjukWWD8GcqdQiPqF4sT4uCi5UfId7sj+NliWOvpO6SX\r\nDv4dI9YlsgT5fy0b27ik0aVFzSgAeddD+Jd5WG2VzKsc7wzkNO9l+HpzeQqN\r\nZ6vStOknhNrTyFbOZcUPLITDjvG6bK8xb7JdmDgM5crYjcMT9Y7uKrhMWqrf\r\nnpEFqqtKMgLSzAv03o3WU+vAS6qldceiVvc=\r\n=HCzH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.d985f99.0_1648651695213_0.4497234219972841"},"_hasShrinkwrap":false},"1.33.14--canary.d211014.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.d211014.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d2110144b61a90f578ddff5d2eec8f66423ae52a","_id":"@atk/mise-ui@1.33.14--canary.d211014.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-gD5qJ5j5j3mCgt5AUAc2TtWnkh0tUsvHFMNQJmVLeXOc3pZ2neftr/mn6mfJO3y83A99L6sGe8LfFXUGkTOSZw==","shasum":"56db979d0347fa286d1bd754a9e94b1efd5d369c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.d211014.0.tgz","fileCount":851,"unpackedSize":1823798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU0ADp0t3+bM74cIVpVUuRywmpLseYXvTA7l9uhVbFYwIgMoMeuQeb45LZJVThEsWY3+DXJMm8shP2zbjlaDNe/qM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRHMGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKlg/+OYc52hT38pN/XyxRsifCS5+X+r6qpBJrz5qax7jgDNtPWU5A\r\nK8JvGx69QzC21wcODZlP1nCLc8dW6X+jYR5Xx+mhozK3YRArrgBu5YFTA0fG\r\n9BwGeNgaR3F7uGl6JpVbPLbZaFIMr0loiudg/cPVI4GPEFrRhxm3Mf29aMWN\r\nab/yz4PL6x4PYFVx8KhT0jHeeeRryOhS0X3EBRhZk8rtJ3npPVu8To483HtW\r\n1KeKD1MBi+sFHlof/o10rlW0dochGnpo32csNYIFhy5CeUXYOHjCF2StvHvS\r\nbvao1v3klnbukVjPt/ds3wHosl9tdbW6komq06LsOExspOiUUmcMALo5eMHD\r\nn2Kv1pJ1LFqTqond8X/YjLpozH3j2wy3yKEVJ9wVPw3sNm+IyLnX/PEUc5DT\r\nST3Z0kUECXCgFs2DUANuWVpkyNwHpavaRQt0kgu+dNMSemLQ2auD51qnr4Rr\r\nR6UjbIOUsp15KCsr2Fd1aYV9PAoVktFhu4jzJsApyHCmImmPbWvkPe+dY0lu\r\nsgP2iqOc4cbmWg+9XfuPyBOQ3+bEVq/NQNNboLMhmVUCgUwAbPX1OMLQYPBq\r\nSfeoUAYZvnukn/jfs0ZHh4cgsgxajFuYEzPVVtT280iadKu8/vbL5CVN5xsa\r\n5yzLKM2kXSok4Ap07R2PwT2rBGcD3skI7wA=\r\n=Cg84\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.d211014.0_1648653062000_0.9126528835725294"},"_hasShrinkwrap":false},"1.33.14--canary.a2f176d.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.a2f176d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a2f176d0df523de9683ddbfdf12b905b4bf2b595","_id":"@atk/mise-ui@1.33.14--canary.a2f176d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JCDw1lY9PgXv9jnmY4W3C7tf8BbUd5sQxzGR9WZ7ERlxrEV+Z8Sk83hrQ9/CPIc3FITQXUpHPhqCJWlbdYEqmA==","shasum":"fafc02477adb5c55d958eeebc920fa5511082123","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.a2f176d.0.tgz","fileCount":851,"unpackedSize":1823712,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIANVirZQqmAQo0+e2sBn8IXqjwogn9MZYmQVJ4z7nPt1AiEA+sBMrxt0uIQc/YQfTfTfPQdC9nFusuRIpVrVqSvRMxA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRHUVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrR2A//cvoPW+GAsMatuVEk5mzYuNEoWSXvR9EnyTlm9NyM4LwnqWGs\r\nYIN+Mgv+P3pqdrIxRqTnuDTmSL7HG4U91YgC3MglGVqce7UdFmK+G6OL1Loq\r\n0lsE6kSvVzcX+NDRvjYF0K05/pUIj0AT0lNP8Ajn2rLPWvZrrnMOyuHyxcES\r\nxxF3jLNfB8dQ34YSJrdIHR+lMHL6NXBY+4aYXViWyrgTox79ABcnyOs7+4IY\r\njqCn7S7AX6o7BblX2WRmwX+C9ga2NPnrpGjj21oeFPWUVIrO5PWiuV7aX72X\r\nVRZNVRa0hbnH1R9OHDJq8t7KuzKll88bv5L9VHWT4Z0ttDLq62DvDnt/iB+G\r\nHKqgiYsp9VZy5sSJAfgTOR3d/44xecD/sWEPT9l7ilWcZhUKQoIUy9OGecyB\r\nHK0FcoQVyVd9Lfc2GU9HZs99jRsfhxvrePeGOpbXiScb+FQ/LfJrbaRJEdze\r\njdNb9ZVZbNRDg7ZHfYhEd5qK5i/tweR3dGFF2Rvz/lwsqVmHCVFYM9wIn+zc\r\nK2QbXTEMtUKgq9yTSbRl87XHU+SKKbuxvrV/1UBkKznUiQqvGiusaLf87z9Y\r\nTvL+61dayTyKCsqCxrvEfJhuBiA95zoDKhJb+KbBr9ddbQx+1dm+wxNo+B0W\r\nbkt4mga+TSLX7dJlA28fH9+AHqOkHLLIqFI=\r\n=4+CM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.a2f176d.0_1648653589027_0.4380793414841313"},"_hasShrinkwrap":false},"1.33.14--canary.8074063.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.8074063.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80740632cc35272204fb2be27136da8fe341b529","_id":"@atk/mise-ui@1.33.14--canary.8074063.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CcAenFax0xc1kYgVrpQG27+7GCaFRAjt7Uz0Rzlj+EuU6XnlfL3o0Az1By0mRBldnwtCJeMrSkzTH8KIFA9M8g==","shasum":"2a62b1229eaa0283393bd1ce40169e98a9bba13c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.8074063.0.tgz","fileCount":851,"unpackedSize":1823712,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCawvWHa7qDZpI44IhEnoM2m16ojOYtm59Iw9mca7U9swIgZ0WpsdnxPuMZI3VZaBJdyEbHe7arfupfDUKULI7a7gc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRIBiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOjBAAglgEJ5zxJnObBpCnI41s6nJ6cLFxnp8EZclZNTv0P9ZdwC+x\r\nk0iWLQQPv6vtlybnfzbtDwW7PvU9C1td7Laz9WxcDVSv+qTBCOzuqk8uJPzt\r\nW/lVSJX+lwuS2rub96EGNTrM2syz6mDHpltE79yAHG4L+cIh8vEpYAPR6W9W\r\npvnCM7XppqlEHn6mcWTTUJ/toPWJLSLdWwoky2X6jp6j+hdXeBD1MltGOSjm\r\ndS40SuW/pRjuJTc6nT68xWxG9L0Oyh28D+peHSbuyiODg3oa8EzxqPyiogID\r\nQ6vnVjeqQWHljdaVLUXUga5cmzrk4YjuEKJoSLUp0uIouJ5VV/5i3iXzko0C\r\nL8PzW7+xom0ns5Pk8Hvl2/M+mVcOCJhbCBeY3plg6c5k8Ij2I0JZ5QmMCquO\r\nluiSP9C5zQc73rZpseTCydb4j6lgIbB1S40U+ZA5l+MTC4IjZ2iaQDoLmdKF\r\nP3pKoJwGXopi6M1/epobYPszg+quWLETN21kY0fetNkf1xMlEi9UxPbdCXXv\r\nTv387TBtd6x1l210e/OQzdy91erog7zqxpxSPbBgO/voZBxxD5WgUDEHr2sC\r\nY9jWHCWjQjvAx47zI4meGB7vmPHOJTtH9CKi3VFEouMP244DkM2lVa0bTQ3c\r\nceVK+UKsWCBG8eDMrCsQpNSc65KrHZUGhfI=\r\n=IVO6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.8074063.0_1648656482283_0.78612222259408"},"_hasShrinkwrap":false},"1.33.14--canary.4590bcc.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.4590bcc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4590bccd26df17ce3e0f60693fa942cf20b19389","_id":"@atk/mise-ui@1.33.14--canary.4590bcc.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-0xNUaFmgVdGPhnzDAjaGNqHVhBglzknhgr3Qb6fNR8n63uWeGMVG0l4vWkCYclEP/EdHFWDZcmpsCrViMS6WTQ==","shasum":"0fc8c098ea51aa05744c857d8b48c97869a2f41e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.4590bcc.0.tgz","fileCount":330,"unpackedSize":1451232,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmBj0Ot1QJSs/qzYTs2OEoKDG1kLsXzWGsgpddhBOh1AiEA/nXzIBTlJ4OG3nls9bawK8Lp/IK2MAfkgrQYOPBcDPE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRNACACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtBhAAhdAo7m75k/63uqjTREfIJ7xWIcxSQ/JlLixzrhSjKWTSbvuY\r\nRWvR8iaF+Jgea2Y0iOpVazU6+jLnhTkFpr4NsDjouyLYULzZzEMeRPORHSh7\r\nmeVMXsjC3YBtwNYRBIg9sHyahVlbT5vV6N5k629t259surR6fH2zV2vyTvRf\r\n3TjeMYjFBEolaMyz8Who7jI2hKz0RJ8xNYAdGEB9IV5tU0uP4sLJRQ8JzqfS\r\nM+Oy3Do98K+zUGs8+FyImHddHJVpq8FnCFabzhGonlgio2AConYfbCMjxQSc\r\nCogn0+q0Rzj5Uq/AMDp/350siRGP2n2ppHqWzipMmZo+CTzVE8n4PF+OZcnv\r\nonA2pZ/bpml2wtk4WoG4RM71Xhj5+XruYUp2cBL+8qg1UsWyMyQSpDY+nVfq\r\nWt1lW8g/7erbs91oXXqOsXVo3sp9x5fIUb7VbAomZHYePeGRfGewvkef+4+d\r\nfr7XxfrtzEMmbE38Gupeg34bHQOpA+gr9ZXiVvwXh3K/1ZcrzbTKvEhAhMB/\r\nG2Z14P7pe8KepZeguBgtpuVhIY1bnojGRYyv/AqfJrZp7rmcAH20eUR8bE8q\r\nDSKms0a1hCjQ1oRJ32hzWlVkTBMVDM5fQQ82BvDJ0qhonsmSYY2jQv2TP6Wx\r\ndRcYY5pNC9Hp58JiY+q1xYqkG0uGkXucoh8=\r\n=jj90\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.4590bcc.0_1648676866115_0.323757667559315"},"_hasShrinkwrap":false},"1.33.14--canary.fe571c8.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.fe571c8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"^2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fe571c86d7a52d8d7eed115850c83df5cbdc3bb5","_id":"@atk/mise-ui@1.33.14--canary.fe571c8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-68R1Jzn/4j99KHyAloVn/aCWJcUTVzq9RxF5GwCz27AXxsL0UYFa1FB7JwIK5OghTiZMKrHNnlQihqZpdEoBXQ==","shasum":"419889aadc201a742263891319c5bbbdc1e9bc5f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.fe571c8.0.tgz","fileCount":307,"unpackedSize":1352821,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8IDP2QlAptTLzl6n4ha6YyEuERaj02ERIDGJDx/F41AiEAtmKxSyQNATCjMhsfCxR5YV4SfvVVsnp2dbnp6zOUK3I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRaoqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGdhAAjsBSSwI4pOI4LQ9FDjA59LHHGqZRbLJTXT/YZqUVvRKI35f1\r\nu3frTJufXRkYZH4gcxyxzHAA+6RM55j1DECW9D/moOJRCG7IYXDVN5VP3SwX\r\nVKz8cOBuJ1fQC/0PaIf1j+cKMlH7VPMmDlQu9UagDq7G//IKh7OJZ07PmI1r\r\nglpXivl1SSz/wVNe1r5wEgoaiQexb4kXEL//lHI2CXfzQjotfEaHAuO4VBjs\r\nT14EjTRC11GCx5bZ3X1ft+eLb//9AIekJZjzrPAUB3EjV1XSZIC9LAFd4lGG\r\nsOyrSMpSEjUoDXHYK9+LDMsyY4HiMpQF41AUnlg8w2w5GvgDZtQfu/JUq3ii\r\nwOUkAv/BoSW7qeTcSTT//l+TeIPlWtHWZnwdk9BlW/34BbpFCWhAtKkQ1QTM\r\ngzZJud8pwXVBz4flRfGw0AcbJqxwhRmIhJTOzsIEeWUYd37PwLkP4PD5KgxZ\r\n9Ekvef7bC6Q0i0NwP59thUSDS32NeCMr93wHspgAYsfXp5HqD88CIYIV4Zsd\r\nxxLtQtNylXi0zHRHWFc4NK0NW5sr3lWg6A7k6bF1bVx+yRmQCm7POspWpAm2\r\n7sxKorHRMLHtMzKrmfSkhAafnmDhLDY6e3nLm/AxpSPMjbFAwRBQq/DBkcto\r\n47GEcwnq2wwPQ6vvvujM0pkKH7ON6/TrXH8=\r\n=IfjQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.fe571c8.0_1648732714139_0.599470636300605"},"_hasShrinkwrap":false},"1.33.14--canary.3fb17b7.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.3fb17b7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3fb17b766171a8d8b3e777a1c8a9bb0ad10f7d73","_id":"@atk/mise-ui@1.33.14--canary.3fb17b7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-v/2/gyYzrDRLmVIv/w3VYjfY+P2zJmXJMi2GCF0HHwhwWFJtQHDepveOglSwaMES9gAFwOyMZtobccMtFcPvhg==","shasum":"25458f36e7248812941a41e097e75b9531f30844","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.3fb17b7.0.tgz","fileCount":328,"unpackedSize":1440250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAG+96QO5mrcuRZClc1EtDKaim5UTAT3MD7DbW7nkQH8AiBBx6zL2MeKhO6Oe9eiOalf3AlgidjMsZtlgJ0f8CjO5w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRbmUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7cg/+Mr+x/DaSzQVEYlcL5FVnA40AE4xgziIzJiMHvZALbIPlsn2n\r\nrXGIaUK59EmTIvEPoS+S6DlINnokcpw/PYjsGoqDmdggGO08AgL/rYmnrzUy\r\nxa+8VJK4B+IAbOcP+sfGL4EbahzVwbQPpm2iVjanDZs6+E2945da4FgPe+lU\r\nRfAmek/WzXLEjInGznp/jNX42QKT9MAFTFYCEXc2vLiTNMi+vF5kscVfWo7h\r\nPWg3vgeVzFIkv8PG2bmgF6uRAO2TLMR/fWGHnuaEMyfasDOgCa5vdXooRIpc\r\neSot468JOePie6naZi+9NHVlC5Ms+axyIshOwCVEOVyz48vXwHgG/h92PiYD\r\nl4F9YpUOXe8XIRlAa3Aiit9O6RGJ93ZLVNzX/Wv/mwpvSv0GNIyv4P419siy\r\nNDFS0EAgX9f2Q9Hgxeso2vD4hOrYxK0JgQcspO9BMv92/owWF0v5no3vb7i4\r\n077FLBeBZXWiD6omNHFC+UL10HjeJi0lxjfn6rUaIAh4LxVn06alszAIB6WU\r\nfxHu8W4C+FP5VsDQyCoydePSpIQ9DTd6uY05q+1DG2kXbAsH/+hIHFxqoc1F\r\n+rgf1rdTPzWv+y53F8OiDlBJR4L37rrfy+0Q0s9bgYwtR/6Xd3XiQz9emKSi\r\n/fskSbCED2yBM3zlKbPjhCdBbjAEDGGilu8=\r\n=duhK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.3fb17b7.0_1648736660089_0.878056796408816"},"_hasShrinkwrap":false},"1.33.14--canary.b6493d3.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.b6493d3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b6493d3a9e413fc0a4d2c48926ec3afc5eee5386","_id":"@atk/mise-ui@1.33.14--canary.b6493d3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9Zhv8qx+TG686pX7giZNc+4UFin7OZCp9nV9a9ImYPs1+HqDAMmJQ+T98QqSwlJnChtFlvPFk/5SK3taVhx7Kw==","shasum":"530eabc5a2835c458e1b074596653bdba86025d9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.b6493d3.0.tgz","fileCount":855,"unpackedSize":1836277,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAazf0bNKoF1pxYDBtc7Lc++RXTo9HTbqDaparQsRaXMAiByb+0Rq5ALQtWu/fDWscvnnq+51EWwEpZ+GELuj/21MQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRxmOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxWA/+K91X8Q5XW8oTNWwTOYk6sn+nNh4mJw8nmWGlTnp+f05VPP+X\r\n399/c/S7cb82eaRkNiWf23cmrLjkGBD1TvAyQidX1peR/RrGPj4Q4sjWxZOo\r\nz1cImIEqCjSLV6YD4/gAbavdRHDYWxeOWw3H8DwgVK1HMfPZEEgW4n597XA+\r\n2QBlswYbNnGhDnN5DG6oVr4I/QL8YQ7PSKOCFNzV0eN4nT+UxfytnI+NuRVv\r\nW7j/V5g8NkNMUkSJ5pDjw4cxu/cyNWzLnr8XkTUYChqx/LEMJIz+DqQef7EY\r\nWBTv6GoQhcKhRuouLoOweMSx6a3eFIExKQK/SUqWUT+sPrqvzXP82Uh7/rBX\r\ns34E+L8/hJf+DHFhIZK8FukUsPH153i4NEc+F6cdhcrkrAyvv/hxz8hpjjwE\r\nLJN8Egcy+L5CtDbovzrYN9WSA1CgNTlt3gO60WPxmwhV5KzQcMrsN9x+m5SM\r\n5ZIeif3LKXDB5S0wToFrzQx1Lbaam9Q6OYjErMpabAMNJsEBUd1pAd8SFsxS\r\nNy4GhhT85JnQBx6Ct30Tl6+myq4rl8rcieRKDPe8Tko2Mg26IQDR9sAhftwF\r\ns4kJWXbkHj4A2NJSdbiM7OisOUqrvnk9QHcs1sb+50DSQjkniRx2xULWD98u\r\nDt1Ppe2OUppk3MfMl8LrOvXgdM2lcRM7UGE=\r\n=jMzD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.b6493d3.0_1648826765965_0.4506824614114664"},"_hasShrinkwrap":false},"1.33.14--canary.126536b.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.126536b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"126536b2ab7e333f9280dd6bf00677c27b2a94ad","_id":"@atk/mise-ui@1.33.14--canary.126536b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0PqRi6N3D5ljK0gf8YKjU9drYcwpD63sWWTdkikpH+Zmo9JewqvrxRqgmONFQjrlZgRJGNmy/8vzRTXP5aSBBw==","shasum":"d8b6aeb70e4807c9b1b20ca9f309b25d9ed55f71","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.126536b.0.tgz","fileCount":818,"unpackedSize":1770886,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBeBo+NQJKLGKNjTvtfkbSp5uHU5nwnmeaDKB6LNyUb/AiAXx0sMXmFvSCdrHBZIdRBv8dgX3sMXYzYJMAGzm7hfBA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSwG1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquZg/+KQkHWHZ0f6/sWWjm65E0MWoYniW561wcujcPkWVinR/hq/E/\r\nDmvthIk4vhI7ar2/HCaKQPiwOnBAAS0gnp+7CYS/3n28hplRz3gXqa/dmE/x\r\nZkFqIh7acDg0+ZW2Xw/2ZymUqV3Qig7/rfeYuWgxmULMnumNi1tFs3NwM0nk\r\nKx/J6u3SdlWSwXFWU7mB9SGmZywNFw72S3wXpqEuPOQp+4qXhmuuS+kyr9cP\r\nWz0h9ePNwpH0Xd6Bhvkv2C2M9HHHdwUXpHX9ychiEJZmBfWeF5BwsZ91VMQQ\r\ng4f92zKStRI/02j6U85+i33YhKN+8M5+1LpIJxxkJ+h5VEA89OsCkU15m0Xa\r\nQ2bvWPvpOffIW7kyJqEwRjC9hU0aYOwLblh1i91993Rhtnk9myX1JWIrStYI\r\nHo7SAcb8eYUAm180uj4GPQPimxZlIpFJiRLIjMVp2n6S/1G3nqy17Hk5eym9\r\nztWtA8jSHFCe9hQtYfi6ayrwLl78ocrNrUtCqAWHkTC6UhRtKS3GgBZbTfq5\r\nxGkRP28JoeDlYPFigBvDZzPwktgzZ6P1hpLN2/9q2rJJBw7PJYpEl65wvEmT\r\nJ+yRRTqgiQ1M/Fp91I5RaSaKiahO5cW4aNSr3Wqgtf7nGCXRwldvFfdRZTE9\r\nhsM82nyD7IqTyi+CIXwurYR0hFh/CeUhcs0=\r\n=Bw+J\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.126536b.0_1649082804963_0.9973038487487877"},"_hasShrinkwrap":false},"1.33.14--canary.df4fb68.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.df4fb68.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"df4fb6850c95436807186e7a26c8e6ced7b33d35","_id":"@atk/mise-ui@1.33.14--canary.df4fb68.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-jKS1zXvDSDZamWjEqlLy6c8GjIrbu0euDUDbk9aph9mCn1yc0gBay3pgYE9AuJL7hc2Ru7e3IqIpEQfzJfJD3Q==","shasum":"f27dce7f23417ad3bcf94cb18a3b93024bf31f3f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.df4fb68.0.tgz","fileCount":861,"unpackedSize":1850069,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQGqHc8TLxF19Iaob2WjFJQFm4hxVlI+c++XWEFDV25gIhAOMjWUtvr4Im9iO/vb0JzF+db5Sa5GdJqqcjv+UjRdD/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSzQ3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNnBAAmoiogBa08DNnZP7FCQs1mP8cJA+4EvoIyUifkSB5hT+ESHId\r\n0UjSOHji1gpFGuk282XusZa/6RjT6hiOQ/5wIKkyc7vGITTu57WMz+1OEInm\r\n/Vyw6oZE3kAEtTH+amXLXp+1AvBFI7kh8f2/BEuJiOp2zOKkc+g4KqMgrdWG\r\n26rCu5WEbPDyIeB+M3JMtt4d4Mnfa/Sk08qWmAYUWgwNbM9Ju9FdD8qe50jq\r\n80/HtLzf70EusVBhBq2yPU58pTkWQCNoW8KCojiKg+3/3UXlycXHch/G8v7T\r\n+ujv9hpY8DR6VqxaVEaw1i/kQb8KqboJzICBhbm4Su4tttz5LZ/Wt8kwoZJ9\r\nOhyoJq9Lv8I/HyT02abNKeLS450qq/zOAev5xF+j8pGKBuq2Qd3KoOghYAlf\r\nuyahlOVzf4jUwz6mLiKfUoFRAt6n1d/2sJfQrEm6Mx4mYV7ScKtJ8/ugFfLx\r\nJWhCdBRS1rIRlskeVKnLqPdXEgNbJNm/BZ99nUQjQaKf4mMGNWzc/u7/NCuq\r\nAKXYc3rNzDibUOvzk2ogyj9SXwslINx6uzJPHGdmdncYgZs1iBCjblfZUjTE\r\nyY6YR4ITSQ5B2w7JO04bk2RnwULfUdfiwlmZftpaDFC7xe8m0lqGtXFgjott\r\nud30OPfx9ayDDhawxWNUw9gfLZ/7F8yPeQY=\r\n=B9/w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.df4fb68.0_1649095735039_0.882535371973266"},"_hasShrinkwrap":false},"1.33.14--canary.3e3fdd5.0":{"name":"@atk/mise-ui","version":"1.33.14--canary.3e3fdd5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3e3fdd570a417840b43babdb2aec8ec26f2385e1","_id":"@atk/mise-ui@1.33.14--canary.3e3fdd5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6ySZEhFUSJVvQyov56bcH7FB6Dlu8MLCS2ukapQLQdLeXMg1c+t1oi/wdVk3EAPeozCavkSsu40NegSdIDlvdg==","shasum":"4db29c5cb1d055193a9dce39f868729e91ab159e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14--canary.3e3fdd5.0.tgz","fileCount":818,"unpackedSize":1773969,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICM/ucpU3tmKjst9UsOAMXzYNI7Ugz8hjVsAA87hjjEGAiB0KY/FoRI8L10nJtzLgmVcJ+CV6Bk4CeGEOwJVW3czMA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS0FzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8lg/8DhKCh0NrfNcWny1n8pHUIacPcFpsNusdRPRZXteBznemc2yt\r\nH+5woIhiSZ9Takl4Ev2Wrmm97c5ackRC5uxMdMYHtKTr0UhaNWZ8WeCh5mMO\r\nmcdaOrFixI5LQ8K1/FWCmw/N0NxV6Ebpq+OyjWBYJLgzEZTlICsk1ZHx8miJ\r\nvJQ75biMwLnlFsdILvzLd3APj5Xh/UsFmK92/hfKaHs3PqyT89HY9Wxyq25M\r\nVyBCse28Mf5Si2uF7oVPABxQRxiOIVYrLizaHP6xirigtnf0PyOu5R9zqCUx\r\n82w4e2YxsrjEqkxWQbZF6jnQaHsDtZmKxNJck2YwX1QUyI6s6K44Gw8e3527\r\nBFmwJKS4OjM/UmKha58EW2q324FI0um2puCz3oc8XT86SavqmhczsF+9OpYU\r\ngXeuDLjfXFuB0dXq/+YUsy/sy9pwj2qWq/bwN2R/7EMmRwtwZcWqK158CmtD\r\nLTOOrq0nU2wGtkQ3HE3KRXoYmxAcn5grQ00C69l76XqN6AMKOOnQDbvB0ehq\r\nww3u+OIx7nmdDgbz8ArywswyE5s86bEkSrmMw3Q0su+3EHL3Td8g84eu9gK1\r\n8MgO1mLWxogvb7wExsz/JLwNdU4xnFZDo3eoB0sKNajBc9bMriPDLcu7MEnD\r\nsIZREgZOdXAUzQJJ+KOX3WxPzBVjNJcSBnE=\r\n=GOVD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14--canary.3e3fdd5.0_1649099123145_0.48220443730573237"},"_hasShrinkwrap":false},"1.33.14":{"name":"@atk/mise-ui","version":"1.33.14","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"69d92cbd56a25d9c20b4c7c17dc2326203e4e4cf","_id":"@atk/mise-ui@1.33.14","_nodeVersion":"12.22.11","_npmVersion":"6.14.16","dist":{"integrity":"sha512-R6xphO51+cbKbus2uWnwkwkjRF3emvM+g4pmP7cXc6J/or9qf5CG0i2kw20MIiBypHhxe6XX/nUTejUxB+6kZg==","shasum":"4c6f6a2e08b2fc2cc314b046543636e2714f69bd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.14.tgz","fileCount":821,"unpackedSize":1751534,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm04QQGIivU0U0jw16b92YMseyZFzHeR6L6ysJpxDY9gIhAN9OS5MtvK4qtIJ1EkQL9HnrjYada+7ag9jd3mfAxkoH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS1SVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJ7g/+PuJ0OmTW5gHpayoDSzaOxOZXu//SnsiXs4DgGjRG/gfQ09Yp\r\n6jXLKRQnLGjWrodnpoYnaCOt6Hgo6feDerYqNrmDx3mwn+KHV1RuyIrISWvt\r\nEvAsdJ1uBWecFLR39ZWJ0PumXPoLVGTPidFv6RxcoIOddruXfQoYsjG4pcNn\r\nWJwd+WiW0/nGmzA5aKtvdk3/9VUUcBB1L6QE/RPxhsdQAGQwG+KglufaOimg\r\n73xluAAfLg4up4GoyQsDTPTb54f28QtwH8CMUMYckDTmGMsV/9tRYdGYsAAY\r\nq+JvwemrgvfIlv8ijRds+FUvJZVF4JNULyt2AGmLFmUG6AgIoH1yW0EWgQmr\r\nPP1Wf8wNygMzlaYtoYEudeTNigIqfn0GTXklVL5C33wX79ft7Kukxg61Ieim\r\nSG1H1vs1cC+EqtNYgl9rLR0et/iJa1D7QcOnuNa9F4951w1q+ltEIiYBOLV8\r\ndVwBa++GLE/mCpyW3tVRzXzhGVwXhjbPxd7p67ACs1QmUnAnwaBMrjsQciaL\r\n7rhEJJ4PRWVQJUTu+4cpvx3j1Tu9VB1S4jXyIwAO993NwjlZyxBuMt+4J1Be\r\n5GonI6FjUho/RL8SwYxx/zOYpkd4T5dis3imVeinlisA53RFa4XIcPff9sXc\r\n4DrMPAb6FZ++R3pr1LIBZkDKqHBLmRqS0+k=\r\n=gUC5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.14_1649104020982_0.2529311333004034"},"_hasShrinkwrap":false},"1.33.15--canary.75c8a66.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.75c8a66.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"75c8a6639019bb018d4658e5c614eb4849e4b2ce","_id":"@atk/mise-ui@1.33.15--canary.75c8a66.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-jh1M6eugBtbjjAN1LAJdNbcm07ZUT6WlByFv6FQ8vQIxtvjubGN8dAaNIYgdrCjykW/z0F/CcU5FwBuImqqatg==","shasum":"2634dc4122ac6888a9cedc05dfa865ab020fa874","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.75c8a66.0.tgz","fileCount":330,"unpackedSize":1454582,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHMObd2ROEyLQnUQtkKyQgeipVgkkfG+yMrDcfK8Oz5RAiA3+c8+h0f6ZIhMCOtiblpVZC19y1OyIkh2eQJsxrQr4w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTEf5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaIxAAk2obT4u/yCr8CHxJU7s1gAcH1iPzv76WWGyjMlutFDfWzuCH\r\nQpfkZMPm4vYyjfpv7vM79HwfAhEVVdBZWC2RIn+xO5GCCI11cyR3yVziJ+BT\r\njD3FCDgbsKxFr61oGwdntP8NT+36s4HglZGpQt2vFXy1ilwzgRVGBWXz3cEE\r\n2RI5DBjyX5N0PrbE8RLRWNRiwjjtpukO3UYJUWrFSkwOFYj5cMfdLuxqhwNI\r\nJ+wBz/eO/xNs1UxqP5TWCZpcLdP+9KisWgA/zed7m1IMoKpSMZOPcRKaYcKL\r\nvSstfanPd8as2t/npvI2KVMvrHi3VGV1+Jz6U3IXLt2OMtNQ8qF05nXlF0Qj\r\nniPzEJKXUtOd5O7JCi/lqWzjJKvGQ64F89o+maDIXYFRcsbHXlHhaIOKNtcT\r\nJ4iTMeBr7u8yFUi5paA1DVgQW8/lXonDRR7bvuQ00HeO1S82XIjX6DXDArw1\r\nguV1f6k/blXps9BOKfdnELLD7Khpr5DT7dugohU7phvN/ZonUNBvwPGIMj8q\r\nITuuKN2bnNgDXXeal7UaKsgFflSJE8+hiYwg3BoWJiONIp87+Hx3wBn3AZhq\r\naDf/4F8KwvDHJAgbLbLgNw9wRMs2vpDbxI4k4APT1+Ka/8WDlgQI9aGtvRnI\r\nFrP3iJGp6Yx56NWgfQabzXtwg+F9Wh1+M6Q=\r\n=waCy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.75c8a66.0_1649166329325_0.8845209729001045"},"_hasShrinkwrap":false},"1.33.15--canary.f27dfbd.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.f27dfbd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f27dfbd3d3eefec49f96aaff45dd3dc6913796d9","_id":"@atk/mise-ui@1.33.15--canary.f27dfbd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-iLpYq2aJ3jZm6fSyehx3D/chgNcJhE502TK6vNVYw4G3ov7hfU2C0UfUfXrUpHY3J5znVjCuKipaxA3H/Kj8zw==","shasum":"0d7018a2a6e2dc354f7da4017dffcf3ac715f9b8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.f27dfbd.0.tgz","fileCount":861,"unpackedSize":1897382,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBdxCiEPJ4KXGIH1fyKWoaN6foFdpm5fjXTbLc93O2R6AiAgZiw7BvigFy1oRF1L7lxVAWYMeVQDWV5Rh1fFCOfEGQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTItkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofAA//V7RKoQhsOedpvJrSg4Tr09apSIXtTij7VF8ezejz9UwRLkm0\r\nMlbsIJHoT1f5Dq2kbI8tdC9m5K+3ZVFA8W38ZC50Gu77fC7OHISSu2bwyYpA\r\nhtfy+nCRgSXg8X1Vg/Yae9O6aJGcW2R2vwezBALmaw1lp5uJs1tJd6tcxLjs\r\nmg8wTfDo0j8BfWdxL3kXI/QsV/e6NL1Kwzrc1tS1wJ7m7/H6Gr45Ch7QS8pW\r\nR1vU8S6DeSLQCMdsYoCWXvR5RQNxQlXGeeAZ5c7TL2/UudPehSmQRR8xUs7v\r\nY4cmY1zsdZBofEUtt7pPGjtzK/+Hdp/pXmLDLjd6MNrq55Ians/7/TgDW5gG\r\nUlcOgUA9DhCcVAgHtQrTqCcWmDHVsagB3VDiOkh6mkaBHvIF5aHUO+DNB6Lv\r\nDJc6hYrSrEAVp7wvCXeA/nvqTm4TG0vO03rZes/AE0rccY3IwTwf2jt/3X2M\r\nNSUelCl/84waHBhMiUGav6dlliVDeEIpRx23cJxoeCZY6HZZIJ8Yhmol3Y4A\r\ngM4DLBgkaGOk2qD5czfD2QvWmkqUfWolBszdfNk5vjtfjmx/P8su0YfpIK73\r\nld9xSqn/e312yKcpG1aYA7Z0jbzsTKXtHjhPqVRFJJFM3iCkYYJf2gWKPWZN\r\n3YuaPXhXkyaCFGO/5ejTUEz52A4iP4FgIAw=\r\n=IZkB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.f27dfbd.0_1649183588075_0.7916813304186692"},"_hasShrinkwrap":false},"1.33.15--canary.f27dfbd.1":{"name":"@atk/mise-ui","version":"1.33.15--canary.f27dfbd.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f27dfbd3d3eefec49f96aaff45dd3dc6913796d9","_id":"@atk/mise-ui@1.33.15--canary.f27dfbd.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AwcIfbKaWJiJ0/q8XunuT5S1F8SN495ek8Y1lxyjotiCOgXmOFLt44cjVCwueW5N2MNHiMhVNhAFM517BxsRyw==","shasum":"dccaf059a185a7984c5be5d41dca7ffdb22d1337","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.f27dfbd.1.tgz","fileCount":861,"unpackedSize":1897382,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEntDtYbK+UTpoadF8Fr7W6Eo26vnSWcibfVlb463Q2JAiAmEkmtIxnyz7o1zveJWWXupOY9dMAxs7emfyVNRlilpg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTI/wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsJA//czdQ3VlNcCz6OBRQ57EVvPtgkiist6fUttjhuO4YfzkiRb1a\r\nd6vdQF4lFTE25DuGm1NIZFxiRwl5APXKgHqlyKTpMly0qnGshEicSANRgtGb\r\nrW6+sdkVDXo+y99NuGmlegDPP7aRCmt+/jbetykfuyGSpI7nKv4a50hevCow\r\nqoTFGom1PkotIe/JuxKrbw/EZzCvrBghbp0YjmcOOCgXtJUBT+m1LSaPiYbC\r\nawzltWyEz8eFw61Fd+lJopdytUCMj/9M5kLCeA/5RL/hZlo6uipK2wwezqWS\r\nhyXRyIUPrkmRcLfg5DIYZm21IvAWNkR5qO4JiaydtmNkS12SzbZPnk2cSLTB\r\nuNKLyGQY+504DeHUKBUz/UlTw6GNHLUrMAJzAA1a/6VM2VPNxZ/volQUJyNv\r\nMcgsClmLFEBJ+6hKMAOXwwwc8Pe2oTvin0u+ZAl8s//bvwwPSJyMQW5YWQfq\r\nvcs+ASdkz8wSHEtHaiHyMfCXseowE0cUbLZX4nQ+2rOUR5ZwBEGcTd+aFco3\r\nlhkb9wBJfjGY5YcX/suX35PvRuZN3S79YAsQV1wz+dhsMxNzINUJK9kdrJMi\r\nAFVz3vN5tRD65cBiI5tMawx2iGhibmZMp+bx2Z8FtDVA6Uy/J5JEULvfZs6+\r\nk8fKDJOpK8HTApnWXSvDZ8yikPuSy/n/arE=\r\n=1JOp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.f27dfbd.1_1649184752724_0.31598099708601013"},"_hasShrinkwrap":false},"1.33.15--canary.6085006.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.6085006.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"608500621bd2dc0375fd0e19be4b83dcaad1ee53","_id":"@atk/mise-ui@1.33.15--canary.6085006.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-cIJUYD5XsBixeQgF7zC55JNRCbV/ZbW+wg48K8Uy+ZcSWn+Odxb2GIoUYesrak0/pzCkanYV5s0lY/0ZehTBMw==","shasum":"f12c5320ee0d7624b69d5594b28816ed75e20ed5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.6085006.0.tgz","fileCount":861,"unpackedSize":1897352,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbnLqzJLmkHgv23J3bO5lZGanVF9y35rtwU+98yAB7zwIgRjc162g5sAOJMSF0B4zPEnUr/tawBsHfRgnmD1FyXO0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTJQ5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGjw//ZYbm9/TV3AFyjDbMQQ2/ua7NQmHb0wxdErdCK5r3pQf0DmJR\r\n2ocJLSpTjXsfiIqJ3GU2ojzbC+ulRiV1M4DSTojNnuflW3za6oe+WH4ubP6B\r\nYvk46S4+eYOFPslOPuHSlMbwgBh5Rp0CwRsjyjLq6KtpJUQHcFwgX9wdz0u1\r\ntNP2yNJ8ee2n85/xY09KLPZTB5/cN40k7+BOhlena8BEgtUIY6R21gCdAZCw\r\nnDGLOIxw5PfWWfGr8Ra5RpL5ztgDx/TH1+amceyR6sEPo5FJUvfrwwYouHUQ\r\nSZdBSQoTD9Eh5VovK3dHzqztViRRuhWM8CotZyE8CyMLMoTGSReaZxKXhvwg\r\n0/9zyssLeK+Xt1V+Ysoposnwtt83dzhyVy+1vvRFuQh+XjaTBWikUD7nqsvg\r\nUg1OyL48GchFNq00nt1lHlwwyPoIjzW020AEn5NKv9AUzz0mAaF4UinFHrRQ\r\nEIfbM8DDbosZETQtj+JE5i/NJTvzSPrUXarfDUppPYeoFyX0At4aCQHjVQ8H\r\n2O1KpHT9sN5P2bVdW4d/2ecAO/mFMKvyey8C1PT+SMUeAcfchPQdLsbsyG/6\r\nWm41wl/c7H6sFG4cshWuYX730Oe/KHsJ7U7iwgeZyxqjgNT3a7GG/UStC3x4\r\nQ33Uc0bcv7fW4GZMzAkyI1tJZ1PMv/ms/l8=\r\n=c5Nq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.6085006.0_1649185849431_0.7945057178697554"},"_hasShrinkwrap":false},"1.33.15--canary.4691b7e.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.4691b7e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4691b7ec3c6b3440b310b84a74b9abe496139835","_id":"@atk/mise-ui@1.33.15--canary.4691b7e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3t0sTW2hFVE4vUn0IBsCwfccShfXLLI5A0KkpAdaS1Fgzk25ZY1yEO2x64ub0BfOPe2OWefEuCnoZvhXpBI8jQ==","shasum":"7d1fb2b2cb2329b4a0cac6c2074b2b5bf815467d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.4691b7e.0.tgz","fileCount":861,"unpackedSize":1899199,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvB2unsVq2TKkun27/QpNtm9zxbOn7yK1CQNIOzIHCtgIgR+RJWfBWeL0VWtSio55bUCZElwqOcwicI4s1AN/JQ1I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTcvrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK6RAAiHMQU3pxK6blsC7vNLgYKcIjwBsiOcKSmQ69PXL50jmWyFwN\r\n0tWhCfzJ1IDRszsb6fnZDVqLPrb9/GIx79nRKafvv6bmAIIsG9gX0UCZiFk2\r\nJ4d8S35Gyh01BALjw1qbb6ICCopKNOUh5uXejYUpNBIw2rnb2mVaev2DUGs6\r\netZMOXxp1fCcL0kZpWsQB9MpEXGHz7h6pSYJDVh630n5+JEE4ompLlKe1jKT\r\nUzm+fW7sdAIZLfyokR1bmOKOH433Js0FNXBn1Gaubm4MYtY4eHC7fuQgfsPN\r\nR10hpxB9VYNjjSLQye4tID5vYgoLLUNdGNsD7eDvy3FIkieZXbT3mF0oEsSI\r\n47L3tDwblqzOJP7O06BLPyogpQoOK1QNOfJ4/HNkS4u/Hy2TxCnaNbO+ldrF\r\n9OToordWt7RQ3ppgIQT5igBgWOBNiAWCJ4daK60ZpaPSGqUw2zyUyoHjZiDp\r\nWwrwR0AfVNJhlOtJFAT/Vep1QueRAp0Q1OF3UGICO6OzY11wZHp3nTAR/YhW\r\n0UTN8s36SZhAxqvIvZzRwTj3kLn1l41iMCMWDb6EqG2ksrMIsHvxxsdpMiYY\r\n97ZCpv7cccSOaMBSVD7Y3MK2bI2QV416s/FWJmk0BOg61dx2pb1O7WcscT7s\r\nM14b8WHsFrxU+DcFNhxd0nJOBEEiMVduE84=\r\n=243B\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.4691b7e.0_1649265642812_0.34315562904324226"},"_hasShrinkwrap":false},"1.33.15--canary.c0ac45f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.c0ac45f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c0ac45f9612682688887984ff93b8e9a18fe335e","_id":"@atk/mise-ui@1.33.15--canary.c0ac45f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-hzLtriF2mJOIgJ1TyXrJ2lqJfcAmnGEyQDr1FZLmhNSzF1GNDeV9bYPMwW3k+554rEnWyVdkZvW5vfr2ZYRg9A==","shasum":"cb6f377190f21a255265be9e009d2f4e56b03e77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.c0ac45f.0.tgz","fileCount":861,"unpackedSize":1898729,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBF1qaXW9klvMNe1MskZ3MzC2iYfCWwzNaxTEoOkrHYRAiEA9GpOIo7d20+dcwMEvA/du6f1TSVKMumlRfuGy8ATVeM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTe8JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLPA//QLXsGwPKWr1PCdzW9nC6Gw566QGzXAMko3MPL7JDbMNM6jac\r\nfFjmhxBzzNMxf3ZtPPOEoY0f4J2ZfCGI3X5bZLhqcLQINCb/NntJxgSbf+xH\r\nRQSRboNKbmWR69ZwLUHf1ObkYY6A/vnMPArhk6c3D1GEF7ANSsKlkTdiCyt5\r\nyaNoSgc2veWRtZmGLP63lzC2FwJm0p1XlrxaSQn54j6GLaRyoOElcHg1Gq8L\r\nRN03tPlA4PDR/X8Kl5W0VsSMzqJnrAQ1zX7d1JsCPRzn+GPTVjg2wQzE8ECe\r\nKAhANiXll4pv0wlktdONWa6a759KyjIdFzDZ8qBsIGgcw5JyQRPIqYdvzRM/\r\neD/aAYmo6zIx5PXy6s0pS4Mx/ASLRPV/bep4X0Cz60kA8k5vAE1lIRIWZNwQ\r\nOa/qNU6nUsbapG7rkwkURFg0v611FPg7501IZWgNmL618VR3FJHVjkkfj1NJ\r\nWIt6fY2azKm96HuVat/Ddqf32DqUhu7b6C747vasMwBjAzoiuIb4ZtT+7YdD\r\nCq6ZYm1nKDhWANtmtArCh5WOQCT7BA1SEJ7vbDEPoNqNr0nAtUIRrdqdiCpA\r\ngO2hkIxIa3lkznJ9wQ4t4XX+4uHKCkwlXDAU41SjexTcRcP8untLNK5EVsdK\r\n4VZ3+FXsuQA1swBYEC/YUovqn9KLX7wZKtM=\r\n=r/QY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.c0ac45f.0_1649274632709_0.3016634696523215"},"_hasShrinkwrap":false},"1.33.15--canary.a7e100c.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.a7e100c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a7e100cc12d56edf6d7575556d11b09b5fe910ee","_id":"@atk/mise-ui@1.33.15--canary.a7e100c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5sIkTSk8P87LRvxCXcA/OS3pM0rePRZ7L+twVgHDViHrZK4qZHTe9KPuPojdBWcgT/u/FXgt2BaSq5CRo1VnVw==","shasum":"4888399add393df1064e0ce150fa314c992a798a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.a7e100c.0.tgz","fileCount":863,"unpackedSize":1903167,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHUcmAOxEi91QFVTDYA/MSHgmd6x4XhgTF8qLUwnXY0/AiEA77zgFS1eNIhCT6g8kHWiwy9m7TrHfw3sceZEhelAiYM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUGCUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMNA/9Hv0E9ZrPVYClGVX0N9W8iVh61wPYEGdGzQAqKIbV0whvf9kO\r\nA2EgM5xG7s4cubRj6wYY9yD03t1NC4UulI/FAke7pSkNy+Eok4bGY4z7tL6D\r\nOhsGJ6P6H9I+hQrVNnPdZKwguQUGRmgTsnQRtp+dzK/UzY4ZeZ9GKbKx4n8I\r\nLGbr0tP1r8flxl+Y+hic5+0+4/104lvWRGVd+bec3MufVtgpIdMzXyPphhkg\r\nzm7xrvXr6BdOeGDl3gPDEOC6kRI/5rO/xzJalBhU9fOEH/gmyGwZvTEXOsS7\r\nNuYI67pCcuBWpLomBFOM9U7UDMA0FNMAe8xUBS/VFKwX5wIgxmY1WITUC7JZ\r\nXHU0cq2EOJ3Pbp7y+2krg/XhjFX9ApJrxwJSWRmXqXW9UI9FTx+/urJbi3N+\r\nyPMQZfL+a+pxo6RmH6Tr7SnFquFh6WNkNy9T4kupz0+TzQHlQfBK91FstH5E\r\n4NBbRPQH1y3pWGWrDnWrC2mvL+HUZRjcrCWBhrPcegqi8CbKCb2RZR+12VZm\r\ni5t4gbl1vdMtx0x7ATwfdpnVI95WGT+difXQn2OBKGpnDAhWIRWI0lugfEUo\r\nVSPn4ShAejckU/bwfOQ62eZYRwzliKyNnkudCDEBBxXOD5GRcaPJgPGjutD8\r\nqQjmzZEI8RK3NjYUTXbhuC2ncjMVe6KUq1o=\r\n=CwX9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.a7e100c.0_1649434771803_0.5305947734902343"},"_hasShrinkwrap":false},"1.33.15--canary.ca11794.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.ca11794.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ca11794632c2240d9e3c6665f22ec3e1471280ba","_id":"@atk/mise-ui@1.33.15--canary.ca11794.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-QILg6wmhEd5nLQf0spLekcgUcRJm0W/lBOipcn2FsU57jUiO5WmeOqqfSeCHlZClbY5aPq9/SYFTnQt6zCDlCg==","shasum":"cf5b3344038ef3c7444d102ff8ed171c19aa76b7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.ca11794.0.tgz","fileCount":863,"unpackedSize":1903586,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG86RafodBDV1PANVODNgObkpeDztotKn9wc/MPvShpMAiAj6ilGM9492PJZL4har6NECnc2lJvEF+35dUkBokLC6A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUGEjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9Sg//ZChX9cr0SScNveeIgiTL96mP0xGE+qBDZ1H0SdEMug+CvNYi\r\nFCpHHWtMIzRhn3XLh2WYdlja9mSe+LwQW9toQUz09ZP/jemE/7RwxYeBLZQd\r\nc8c2iCrsiAV/2bdtPNtPwdHKWX6eRGjwgjhKEmIyT1R2HTcaBnqP+l32S6Cj\r\nweCVSF1fITa4b8ftaUIU/A/NCPZr9fgEPmhRCLAWUenWmMfZE280SQmKhPF4\r\n9Jj4EkWzqa8GUWRW/hQZnXP11j5dXqRx++WeOh+pfOMI3ZIXj6Q9+9lXElya\r\n3hxOwATgjlttfyHWx7uiUDVjB158E1EX6m134PFWc8P7bc204Foj5CL/U/Vi\r\neNI0GzSDHC+exV3DXefZT8d7YbBCmv/yZa84gZIAYOGHUHr0J9NULVRUhomC\r\nOtGSLiFUOtGI5sYYnLau2Arktk/32MoLNAn6xruEMEpHF8H6JSg6Ykw3ArNP\r\n0RuZaSFd6NN+WdlSUjJWMoDwQUuzoL1oQMSGrWTJpc16RiBTL8/Te0R4rGu8\r\nO2DzsBinkQDsV8fRYM0S1votFnYXxDn1ffmBtaC/uhVcgrQBs5J7eJJCZbXQ\r\nmGVk97cLGSiei2SEYA3BhbvHg9M28oTjzeZBC1wVCxXEHgo7ZD2l4SH4GuHK\r\nChaiBN3YW6eJ+lhofftXOvRdYPsF+wlzq/M=\r\n=Mz1T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.ca11794.0_1649434915376_0.8241792048289502"},"_hasShrinkwrap":false},"1.33.15--canary.49f474b.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.49f474b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"49f474b68460cf12856103a6a18d85f9e67c1c96","_id":"@atk/mise-ui@1.33.15--canary.49f474b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-o9gac72iJwpNRZ4/Hu+glnQP75sEPBmXr5LpLGTwhPRGf8L/aAuycLmJ1q0wa5027HfGr2qnP7/tzhV6Sw0qHQ==","shasum":"0138a22ed1b26d85966fe8847e22f4c8b5dadefd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.49f474b.0.tgz","fileCount":863,"unpackedSize":1903768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTDLAm4hLVEfGngjws6E5n1qVhEI9NhbFyIaXSK2FdfgIhALtpiRSTsCmMo/m7iF4Mj6I5ExPdW8YHyETb+PUHzYQR"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUGXXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwHQ/5AAq1xrR0Orsq+bOIMm+eRGAnyUN4qUk0wRrMXV6Z3/dq9w+4\r\nbFXzqO/IHIFWkvyLxs+7ue8GT22tXkQOHej83SIwLoKojzTSsVpFPeptwZL5\r\nuEtaH26iGBor51X0hmu5nUYaiwyLEmC4y9KErYSKKhOHLjKM+6HxX2gPpT/P\r\n7AQDYhBzX/r3jhnXLgZKg+xtXsfJ8iiL4KPFNHnwDYQLopVUHx2DTC+Lx5Vr\r\nKcFkGBA2yDElbuAwKSA8a9W042w1GVexpwGLm7HDl6I7Lcq2KX5L8ftL1DSy\r\nZMWzjGl4AK1WTmDIAJTYlcdIbwts2D4sIbrDk8zosauMxtQ0t+GLtBo0qUmm\r\nYWvz5qoDLU/XX6Xg4Eyy5Oj5/KmLwqhtudJ87shj4iQqHxgGuQNRdOtkNzYg\r\np0x3Nnev328JSIMz3/c1LIygiEVm4abZP4TnlkLYfLASkevT5gURBMUgPkmR\r\neuW1mICcLOr7Cg43MRKB/5wgPVwcCARdFBboOT0BVBrRA9iAyrmzKCVYaHrw\r\nPCVn2MsusP5AavWKQXUf7DjwFJHeKc7O/Dq/UBzT3vKJIggSyIe3dHsPXgPQ\r\nSR2XBjEC44hWdskDizB9Wf30y1ChHfZ3Cc8dae548md8sCZBlQLLYWpcZS66\r\nn92px0kkrH+dqXFLDATaz8hBd8nm2u2ysiU=\r\n=Cv1/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.49f474b.0_1649436119716_0.6588676055126395"},"_hasShrinkwrap":false},"1.33.15--canary.5dc8fae.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.5dc8fae.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5dc8fae647b7578cb21578d73a7623c191e1185c","_id":"@atk/mise-ui@1.33.15--canary.5dc8fae.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-zAComOGxIJj38aJ9V9ecmkNHgwuWta9G1xJ7+5W9Y2OnNGW0YM6X3mzetJwIFv+0rfzVjrsoyAw6oihw8SUdsg==","shasum":"3a6a4971304fd7aff6842f201aad3b4537972917","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.5dc8fae.0.tgz","fileCount":330,"unpackedSize":1454790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFgCNhrbkWj2ve1vf6xEkBQkvEt+Y6qZNOBaQsDiMVweAiBlI30/mlGdrGpP9zhn7LCvE5iTwsCrPga6ITt7zTp1dw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVBTpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2oQ//Ywm9tFqTfOYqAJwiaTXBygWYHle+zetL3Jf92RduExXCryir\r\nVn1hIlXi3ZILKQZAINww6KeP/V3LMHjCtGbzTRB0FmzwAYkbqSWdAEH7HGMh\r\n4inE3naJncHD4IvujYTjsOTuMcwAmbS3nfhwbXJvf4BlWH70RPzGNIkCf0aN\r\nLKSmauQJmrWm0beADMRFQQq6gXir7cFn0nQpxhxeA2GjtD2n8vpTkoQX4Zsf\r\n6/mRnQmCdGBc9Pjy0P7ZI/eurN/R4rjPgWyUH24rJyGNRM6dOM45Tkhjp2j+\r\nkdSVQKpSMJPCDE63yURZjL8pIBO8X72vaXYoWcQHDjLhksIQ4QBKEh+jx9OF\r\ngiRgCeIhBHk2smnQXQRQPFxnT/EwgVwe+L0ExcwRMCEc2NZRvhUoDz/36jJ2\r\nth39RIYyM7eKDXPccdZJaG87udMMD2m6eqF3y22lEXkqHSoq5d8lWuqoNN2m\r\n+j2f8VaWEttCTIRdBaKJBnA7DIxyNj38EqkSuj96aqKb3M+3G1FzdBX/xtxg\r\nUCkcvBniOWd9B7cxBQQIpY3whEXKIOVDdKz/RGiCHkyyuhqbL+vjyYReZ6Qm\r\nWi7FmQuZKGLrTq70uSvntbt94BGYxFcty/apa8NBuSp+Kk+t+oHFPkT1WmJS\r\nyuxM6+DT8VnZYgCEZREyyr7BcmQPUL1ZgWM=\r\n=wj/d\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.5dc8fae.0_1649677545611_0.5671145964519433"},"_hasShrinkwrap":false},"1.33.15--canary.a052a55.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.a052a55.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a052a55dca100e1b203599f7ce2df9be5df89eeb","_id":"@atk/mise-ui@1.33.15--canary.a052a55.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-eLgBNotKlTNbysvyQ6LCvT1hh9r/jrUkixgcsVS0GrHxSe4A8w2m9oOPrcMa3crilyHF4dFBYA9lWNn1sYfLkg==","shasum":"413301a2696b0bcf5887dc18c8d50bfd22847f2a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.a052a55.0.tgz","fileCount":330,"unpackedSize":1454740,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeTy3Tn9Xhfpii/9vO+bYDV435wCRsO8XKGTfhAyIRmgIhAKQevt/NGg5LMH4k5ZXIrVjyatznTrTTgsZRl4O0l5Pj"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVBpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRnw//VkdcgbfEewsvg6jNEKHA1efInC7Q5XDT0bqZoQyyHbwwLRYK\r\n73Hr91Amdww63RopOrAN915fvOBEP/M672eW2g5gfQMpzY24gZFussFyfE2s\r\n5b0kpvIFEd8WowCX5mWNYjHChcq4faWgrk5CkgzI1WPKuFgYoAwqrl9zAkN6\r\nUSCkFI0IPnlkLgA/c2BdycPWI+owl8Hoebov1Wv0U6PLfx65WIR1JqB2y6Ul\r\noVj44x6xcfulp89Ujt46ZtelJ4mivBc+HbhP/wRywQt+ZFe1TUqYRVVZS+RO\r\nnbBOYx/e9mY0FHqLDk0X1Af22ckOztf2y67QnjlFhWB5nkUfCNRJzDprDiqo\r\n0yXdf1KwUGkGsau4GhNwAeCDnfR2eZeAvMUIC4kgUDfW0I21XoGdK3nyrGet\r\ni0jw8EKtXaknOJmdPcYOXE06n6OgJ8ErJZebG885QURoJpYTkE7z4Y1oa6GJ\r\nAac+q8FQF2LkxbpuSwoMwyDFRs8KB2vdNbghOx/sllo9rmF47OY6j6bzyYoN\r\nl5wLQK1Vuh4zQJciWoLFbCVrhmvKhZ7LgpX9g7Ob7Irij8sDGqP8Ii8T87cX\r\ne+G4Xu44AuNaPzQYDqA4ok2IHjRWRpjSgQIf7KGSKTehr2SGJ6rILwfqni+R\r\nJJq9NtX6pMBFvBSrAMmoP+/dxa2gvUEHhFA=\r\n=agBm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.a052a55.0_1649678919945_0.34086227899491317"},"_hasShrinkwrap":false},"1.33.15--canary.4cc359f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.4cc359f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4cc359f707ed84881f0319e4731d5aacab77a864","_id":"@atk/mise-ui@1.33.15--canary.4cc359f.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-eaxunIUdFaH5L76ZjJ1l1mGX0g6RDv+PzL0MvQBUElvJx0gdAOYL9kNaBNMLVhSKyuen/C8ScISnLcCmovB8LQ==","shasum":"d08952dbfa7fc2f496a6eb62870210593e22ce47","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.4cc359f.0.tgz","fileCount":330,"unpackedSize":1454740,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJvn8wx0nFBwmFmiDxntW22Oucxej6SD4AZ3qo4yuYKAIgb/wiTkkq6XYCxXN3W9cR648C0Xe01+Spv5IGg2XXxS8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVC0OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZsw/8CEoS5rFlgJwwbAGknR2x/a68K7iQBCIEKVGyL/nMlyKdvaCf\r\nLnpFlfPaXjSqxeH3Uk0BJVpW7Wo7paMG7qvprXdCJ/eJsLkOouRU2BNbn9sg\r\nlgue/fKi/ldM1mEQOvTC4wor866WQHHNAylAFCr+vacEWddXlDWTG6bU4gXm\r\neoML3W+NizqSezPT2TjEAudl17lAroOOXpPwLMu+g4N1CQlw0TKDWN2WtOA1\r\nppay/CVq8ztOp7BwnK+487Yi+DVy7PJHajA1Bt5SflC0Qy9kcwRYpNDiJZgB\r\nPJ3igpKHCeAZ4Qa+DKD4SlmOfkIWMLSnasJ25DUI3btm8HiSOOPVaNFx3IP5\r\nkoefSi8t+rHodWxStHneI2WsukUIN7MQeA4cUTdVtdBRvg5fWRugcBNk05xD\r\ngsnbGMim/m3fGl8ZFSCyyyQWUFW7CA5nkeW+RqaqgHfzf+2EM5EoiPp3Lfzq\r\ng3KA8K3E4L2W4OqqUgUpRqxLiYUN9EZ2sPHgywJFA0pVds6JPA3oh+z3KH6d\r\ndgbrGKsNoMTRO3a9xKMkBQSTlSBqPQ9hysaOq9/OxMG/ZkhwFzvYaTY5DLP6\r\nKUjb80Nd3M7t7hehQKSc0yOzpwQHBtGGvCnavHbq7Lw04+POSWywxgUF9wnC\r\nyb9OAdCPf31z36IDr8bP/cDdtTzzeQ046K4=\r\n=m7A6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.4cc359f.0_1649683725928_0.595696230122543"},"_hasShrinkwrap":false},"1.33.15--canary.084078f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.084078f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"084078f18d55951b609cf30326d1bc74dd47d2cf","_id":"@atk/mise-ui@1.33.15--canary.084078f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-O1XcEP6PiYew8RrpUbY+6WG1BsOZ8YDdNirfb48z1mYGansctOexYE4MknIXEY5fJlGukn6jwc/IrBiMv1K1wA==","shasum":"d591fd6b6795e52b382dd1cb29cd368294126528","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.084078f.0.tgz","fileCount":818,"unpackedSize":1773989,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWpy0t0xu3JkIhY2Eftoedtbtpv5uhKNIRU3kxfjAkKAIgXyWrGtKCVk7V4MRxQpZelaIbOu3ad1EGf/PHDm1/Uz0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVHpXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeRxAAi3M5kib0F0bw88em9X5qqk5W8Z8gJP2n8XFW4fsv6uUwz4fp\r\nrrUGJrljxHFa6K0fWGE7zd+ObhyHvDG5gB9dJ0Q9OHVRafM61/yYGLGXPHa8\r\ng8BdmEBVPW5kA+L0tjrDjqP8dEu74MHk3mYmuLIkGt/ZScWlBGF7QmRJVP6I\r\n1Hi3tGKLgKyMefKvchNcZ6tOJoXBCkN7CPc1QRBatSIn3K2kiXmnpFC2Lewj\r\nabBIUEO/zeKHaoZlHkR8rJK/g8HRGuDqFK6oPr1DxaCGpWqa4Fnr8OL7FQ4i\r\nq8ohtmAFmSDBhFpWO2AiLr74s7XHpZxKTR6yU1dLzbHPngva4CYvV45S1VJb\r\nEew0MlSOJkIsDJGzqF+S53qSn35TmufyYBuRh8wI0dDwxrlyj+9o9lVxTLxh\r\nr3HbWi6oG/zQ1zMHZtHV70EgsDgvttM5iaZtLbMdBcQgDgcCend9ig79WUgQ\r\nFP23kqV03nYCbPxYA7nr+kM1kxX19W07PI7fWUeW7ANw+qURvb/41dRdW7qS\r\n6M9j2rs/0gL/fXfUpuxhpJ53RVBms/pwNhKBaKB4O8dHgI8LirDCYrW7Kyk5\r\nIxyqX8TslBGKm7XgmcGfEzEcxPXJDKYrLSSQXM9n0Dp9Rkr5Q7F2kbkwwd+E\r\nEjkY6ymdthdiw7NJaF7peq1LF5IHYeiQRdQ=\r\n=QzYn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.084078f.0_1649703511575_0.7720307650835216"},"_hasShrinkwrap":false},"1.33.15--canary.79a2dcd.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.79a2dcd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"79a2dcddcbe40fa514ea4800fa8161bb1ff09547","_id":"@atk/mise-ui@1.33.15--canary.79a2dcd.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+uWfzKA0qXHWpWQgbWUoFHMYfiNcIgto6KU3sFIuZmIVgOgi3gtR6aMtd8qy4UyjxMFl/XCBIERTj17x6Vu5bQ==","shasum":"4ebea19d6a23e777d1fd60f9ca9f4fb11b92e176","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.79a2dcd.0.tgz","fileCount":325,"unpackedSize":1424066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdGcsAYSL0LpAHqwiGZw0h5Xe6PvI2oewsGPd84p4I4wIhAJW92wdDeD4D4H2DfnU2xgHp/ghQV7eousU4XIlqQF00"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVPV4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0QQ/8C2UNoX87Fw+JV36du5TF/P9agqkWggoM9/INpjanQB3iS+1V\r\nJFDkwFmEodNst3/3McWffJNpTVD7CYgOtK3qW0Rm1eok0Uag0kYTTKBp20SM\r\nczkciYWl/5HNKdFNfRLDJzvrf8fddqAFaFfMdyitQ/LqsBHGHKAupuDcEP1R\r\neKyvlp244WEe40brHC1++4KqZEWbkIjBsXpZjYsHJ+pOk5Q0i1S2iDRWT7lm\r\n7lqHgiXcewkvQLPJpspa5e5J3fYvFVa9uKL6WEVJK/nR1R6BJzHUZL7FQZPB\r\nFHCKO/9CYiiltX7k6iHq6JxA8uhyCG29l3MGNBlTNYL/w/53AZu7kvlzNJL0\r\n3PSF4UzqkEKzRLxy9XQRc5XdyBTmBbbN4BllaajOa5uAk6X2z1o7iMgpyQ/F\r\n2L6rpZWgW9ANftx4+Mvkla1GgP3aqh5Oxml+7qz0jwIQHZeJw1OFN22DMrtL\r\nvEnxZTcBm96pEs9qIGEHyAafLgERtaHyBSfWrdQnRhRmMgVTUARe+g43jifY\r\nhadbwRv/tzpJW9Uyij/bAJ+nnmr623gLg1erYWTEfYR3tJ2k5EIalFOWypyH\r\nrSEkE7HnEn/L36AGvyI9N+YQxPVtGBE1gfgdtXtegH5Qqc1qY+slko2wIhLi\r\niV3cdH+eYuiJSjcnDZRfrFETwuRb6BSM1WQ=\r\n=8I9y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.79a2dcd.0_1649735032679_0.7201748709128828"},"_hasShrinkwrap":false},"1.33.15--canary.816cfa2.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.816cfa2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"816cfa27301580be782579f246e096c881e58533","_id":"@atk/mise-ui@1.33.15--canary.816cfa2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-26tRen1GnFEooya4xABo/ZSqmTiWXkVIRSY6JpfsiQpwHLQsacOwEqKfAs7udFN+8b1B5QW3pqnjJ1vzRHOgrQ==","shasum":"26b48e735f23dfcfc159ea12a07d12d8b1d30621","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.816cfa2.0.tgz","fileCount":863,"unpackedSize":1853759,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCaIh8dgiL/OspiZGxCoGedyCgYf9aU0OaxglmUCauUgIgUAqcbrKg4TPrQVr80Y76m7NcuNzSAZAk4NXF6GaoJuQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVdsuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqj6w/+Krr396gCbxERc7iDVamS2533fq2ELs2ty6i7YhVAXm1m1r9L\r\nBGoCZSELYg2G3+eTAkSuO3JVsslJDfKzHkQI+2OwxOh8th3ZEKJjBa2LtJH7\r\nh3nLPV3k7GlgoG+fhVCMc0eJc3ab545De1kTkRP+ttQpn15dlc0Fg+3L77rt\r\nZxjSkq1max1vSbGVlwYkTGL6LsJ0bUc+bYcH/QQIl5YoYuoO6gt/jrnxxDDx\r\nw6PAQt5JSoVWZr8o1gSKaRHN9z9tK8oUgQXCN3Z17wMevSmjI/2jJpVxV3pY\r\nE4Y216x/7vvqS66s8P13oBrb3H9rHwCjuxM0mbPw5+HjeRYZIx7xP0InCpgm\r\nmgG8bC2TOAexCREJyDgGctZeknVd97dAbAf8aLSg5kRamSjqYEeaHaCk2XSx\r\nJ5/FOcIBx7dl1Wn9YUrqvV23iwGSmXTUr8v6AqpFr2xpvunh9dT8DWniIyE0\r\nXVVP2JllzeSS2jsEu0Q5pmU/CtIoRcBpdTeLsq/8lySAki1pfXmZ0FCcf4DL\r\njTgaNoifGO2RBfPjoI5R498jZ0NOo9jhyYA5uvBqqbVGBAdflSI0501BLGaH\r\nS3yxyvLcUXfD94SfNO8AYQYG+7w9SCWf4QFdK9ane6PkkE0/THcbQwykRLpU\r\njc0HguabJ3qJfkpuLclyI00qeChhxqGuFeY=\r\n=MvUP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.816cfa2.0_1649793838687_0.48980666553435626"},"_hasShrinkwrap":false},"1.33.15--canary.aa0859f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.aa0859f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa0859fa082bb75b0c674e6dd2734868b1601361","_id":"@atk/mise-ui@1.33.15--canary.aa0859f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-FFVMXXuy1wKiaTfVVy1rZF/AQ4VmyM/fRpQXHV7vSw1smDunFUQpYfbSnM14aqhXLyTRkvZXE8+eZ8EfFhhvYQ==","shasum":"c71e98fdbfe09c3158adccfe4f248144cfb18d52","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.aa0859f.0.tgz","fileCount":325,"unpackedSize":1424066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpwWaDTr8RgvhiRxplE+MwEL39G4JymjHXUvq10GTpSAIhAK2ofmzMstqZwc37XtwGn4opBqp+npAF9BdPw0Q8wK0y"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVd4xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCHA//dzIUAzsCKqFKEpif2a/xl88AoVriPRARmW9O9v0oo4PT1vGI\r\nb/cESrtF39mpwQjehBeaJR8JMSNmy8bKqwqasTpZxfQc5KLNodMv0+K9AggL\r\nxPf3Ldb94kr7Phea3oeOg3N9wOjMYc3LfODNG0/kG8TbhUdJ83rJePaURFbp\r\nOpQB+2FPlMhLY1hu1o28QCa2ygNmJ+E0NkIxEl6afZIzLjwRJMPaI+RrQ+CB\r\n/qbO+DsQQmbzxYSkoh9h9MGUnZrw03azPcCtZyOhAoAFPXkUz7peZj6oAqOw\r\nCGQj/NS7sXOJ5/5cgGdRCGDcxnhWNPS8IyiO3GKgRXGruB16MXdEwugX1ZLZ\r\nGFjLAxOPiCSYNUPvofz5hHlxYOCnujH/XqJ24g1OZ7zACK2RCYp0zngiQWxH\r\nj/FWN+VVK2udomAtyXZeehNxTqyy58TsxzG5tuvD6KHZuQ1gGt8P+6h1ic/g\r\neStwRAWqhU7oChTjY0YnbTpH+nWVFbPG0W5Teneu3+ckq68aWfP6LiTGLzZ+\r\nZO1USeeuECN6WO2d+3/BJcO1hl7azAOZ8JjUMkIdQJSYHk/emT6nBa4wKQ/Y\r\n0IvKuZmRGwB2ah9z1iNvgM39PKm8IU/MwMZg0zGaRWBVXfuaE44h40ITn/qj\r\nJGbukmSI6OlvTUsKoh3mo34yKyvo2qhdSac=\r\n=w3QY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.aa0859f.0_1649794609263_0.26874749020968625"},"_hasShrinkwrap":false},"1.33.15--canary.aa0859f.1":{"name":"@atk/mise-ui","version":"1.33.15--canary.aa0859f.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"aa0859fa082bb75b0c674e6dd2734868b1601361","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.33.15--canary.aa0859f.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Vy2mddcwKMGJVDPS3/vQIkIXYqcJKj8GR6T+1i/Frg40vmjHLcSUwQMB4ZeE9fBtSNGyfG6Ah22Y/+VaU8oQqw==","shasum":"d2aaa5e0cb32d22f886e735e641cc324a277e5c2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.aa0859f.1.tgz","fileCount":325,"unpackedSize":1424055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+pmM+d3VFty4S7dPcZctjhhIBhAvDuumOOozCO53tWAiBQ2UHn7ApPXwMs0K80PLfSjkWIZkYJNzt0WP0iPZy+Fw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVetDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVUQ/+NzFlkMaFwQbMhy2u8YasWmR4VFgzRSBeqInb2wOkkT4bgsky\r\nPbi8bz4ukFIASFmuVW6UWgJfQOUuYQJAsTD2xZsvbEAg3k8gBTKWeVCzaCOh\r\nY+EB83DKloNEVET5yzYsb0CA2CjU1AP/Cv3R4dcjKJ/CKoAhNA5JzC7fCAtt\r\n4N5f81ugUL3hc6bCt3O8KPwWq4svYMs82IgbYG02yXTGfFxoYBlYn9vNSL34\r\niOFhePIxLi6QXwAgnAdKnsaMaaZ2GjD0crQ8p7W6D8apJPLm+y8AEr5EI330\r\nM41sZaaQVKzmqDyf2MZ+sSjHFSwcbD2mfE8M5ssqyfrGajKlLekE7MTz1J6Y\r\nQ1DgcSqyzFcpZESm5v24ckP2FdrlezpJCysvamGBgWyEjLRBxKwaPb9EnGge\r\nEAd+EVrh8sg5oN5VTbmIhKIfjkaZTm17lT5n7MxvVe8uasGhuOaxeCUF9+4g\r\nofiyNiLu2SUGBHmfT9OzuG9FiyblLETtCoKdIrhwmd2sUA6NQLZK/kKlySLl\r\npLYrzkUAcHvtARP60nXiw2xAwUfqiQiIK+w3/4+yKV/GW42soDFI/7EU82N6\r\n729izc/FjOIw+TxCzNj+d4X7z3OuViGM5KJj0ncl7yAm+1HuH5WLGeRWTLTm\r\nWLUuwQhJGBgO2jtRvJRv52t8N7vBGCfAufE=\r\n=0csX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.aa0859f.1_1649797954941_0.32110396157331156"},"_hasShrinkwrap":false},"1.33.15--canary.ff5269e.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.ff5269e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ff5269eef30f29f8b9086b32cedcc43aa73d21c4","_id":"@atk/mise-ui@1.33.15--canary.ff5269e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-y4/W5tbB3PdmvvE5vCyyxZkm4HBfb90VkPy/u44saadff+SfIyW8YqZkxH6fdcvauckguBK0XL2GA0zI15r3tg==","shasum":"b3852308f9f202089c9cc4024b636df01603f718","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.ff5269e.0.tgz","fileCount":325,"unpackedSize":1424089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGnDAyV88XFtV0NSfRnbC4L+1IElndJE1aAtc10hBbabAiBUWUYrq6HRU6LvlQJi2s6l2FU0ZFKePDuS6To7U2mtCQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVe93ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUBA/9H3n45ph2IGCaZ4r+X/+9DyqDL2+emRl7Ah9siUh3zsG1mfG5\r\nzsLGsRc1c5nvHVIPj0fQR4mfTKUCzWDBUnMVOP4OKy0jyqzVg/JBm8QHznS4\r\npM+GFyXI+BskAv7liNlHsogkwSmWZ0Qbdn65Qt2IdBvLeM0eH+/arb/uxitq\r\nPhU3uyDgAUrdRqrvbLLywso5Y069Fw/69WCtMYDoyOejDxFKNyBkp6S9qGRN\r\n6kiZIFteARN0n7rUMOro0ZZJYGy3Kw0cuE1SNUIExoGS879xr75adQWcbY4A\r\nJ70PxaGIs8WiH6UgYEucCsWXfbot/tIDnZOnl4do/SqQRLSxZYGlRHdJ14ET\r\nyNBuVNuMQIkjNCSx8nELO6sPcrM/Aixl/iA/tv2fjLD9VxqqZJNn3ZlvdtcM\r\ngq4VEjOKiapDLBIVa5OKNp19PI6dSH1D+syNfTCDCVOuf09CnyFp+plS/5v2\r\nlTZVEAzu+3DeXH5nAjYgqxV+phdusr2Lok7X1TZeoKHh7LgGuToQd4DS/QZl\r\nrBUBU66/bw2T3+bqsyvwsaGCFBLizo2e2ll8FPb0R4Bv8Dymf1OMbxFsfckw\r\nyiClb/FaSv5rJeFu4ZcNSquBTLFnqBJOHmoA+bOJDg+8C8k3VeboK4MIvUJj\r\n9PNm9n5NmLSqhSTerWLoWjiNUg/By3Qd7w8=\r\n=EMa+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.ff5269e.0_1649799031405_0.5972806901395828"},"_hasShrinkwrap":false},"1.33.15--canary.deaffbc.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.deaffbc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"deaffbc3a6c97a0d567c51e1d6cde080bee09243","_id":"@atk/mise-ui@1.33.15--canary.deaffbc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KaOHqXi3SqzASQYQEbePbrflvXLDlnpnUeTqKCgEIxZMQZaQPpOOarVQSx03y/QFJhzOt2FoWPKsHm/8prwsqg==","shasum":"d79dc06bc6404b5958707268eb80ad799b63420b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.deaffbc.0.tgz","fileCount":863,"unpackedSize":1853261,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmmntiKZtfCyo3kxbiODyoV4t3xT/4/gecGauYAuswvwIhALfNx3NDkL8epiSMKsLzzMt4xRvPIks8cox596ZQt8OU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVuMlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolhRAAmeL/K9CZliqaii/kCRX/cHBmEnQ3VNV/pF5vUV0S0FOYOcKI\r\ndW/gHrn6/kpPXpw3yNPFn5nAHDGiFUtvfAbYbHDPIWBXcwKGUK0WKtm35ENq\r\nXCTbV4VofXPRogLunJ10C4fqMJVIUjXzBo9CJBhRASLWN7RTZUNIMu0vheRz\r\nyIt7Gg5g4140aAvJskhRUw9r7xn7tMx0C5j1qquVQvdNLNv/O5WfIBWbCo3u\r\nHFmqi/WJNGQFuJ0R441OS17qJDcSwk1RJ28y36OCscAa1j9kA4cqytiIFqyV\r\n/YHLBQGg0kEzcFq6ZY0POwLaqNKqAXoIsmmNIOpou29KnGgDtlY1Uq7vKGl/\r\nDpCglibSNxQssHRd2z0bwQyk6Oag9PqywJ4CQWYd8hHUzvD9oU/A4eqiPZDR\r\nXds82aeV4q6Am5vmC+q/NYmwijUMzZ9TDMZoPSdhr3sdRx80Hovjx/bKmpdD\r\n2a2p6elQTghJilbiLUl/T//Sdf8IIgP0GJeUows6d+OgI11ucFOBq8tny4ea\r\nK0S3ez7Q1/op5LF7vmCVa/X9mggIpEsRAzYKjmEVuPBtWOQlMRisz5WUTx+M\r\n7UdsXttJbpA8ex2mGzEdskM8uDEmkfNCA9NSlyny3eCw+Z5TigZyTTv2y+nA\r\n3wdcto8evdeD3l9fmQlmboEkep4BvH5W/so=\r\n=WSsT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.deaffbc.0_1649861412846_0.46135622678837795"},"_hasShrinkwrap":false},"1.33.15--canary.5bf32ce.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.5bf32ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5bf32ce34423275b73646cf382b6a758f233112a","_id":"@atk/mise-ui@1.33.15--canary.5bf32ce.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-jECFYpGVUAnWPPc1W5HnRkFTatme8RAi4OSQ6DjSFLCJgITcvuQuZ4E1CJk5ZsNnKNe59GyWcmf6ccVrXS5IIg==","shasum":"7d527f680daf81189b4a7bbd62e874a6d987b30e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.5bf32ce.0.tgz","fileCount":863,"unpackedSize":1853903,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6j9ppbv62W3x6XGW54cbd4gD5phqXjBVWLYIhYQRj8gIgVxaSNTF5jX3n2aL6gsRt0I1t6V5bsMcMbiz8CSNXuXs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVv2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMQw/+NC6J4ucu3z6cusGznClsj7jo+I9w7d8pqv8X3c/PWEPjzBSF\r\nInmUTM4zEFG1x/1spK2JN1JIY1dkz1GfV0G/U/5UDBRig0hXJ0KOiVDnez6P\r\nhdnSV7e5TEd3t+CMQ4yIqQPeAfW6SB7ZhG4jsRmd0/nleiVnqizYbEskxdu3\r\nAUh3UfCutptDlcmQwE9On/qVhISQi9SuqcJCMwqQjT2B7YUcx/wDluk1fIs5\r\ndbljfCexLc6Mq2f3y7PMmRpbX5jtxgKOAR3v4D5jqqxvtH8Rsh1mznh8nDoy\r\nIma8YEL6z+to4jtbwld5zRzoZZZe3XRm6njjbXCiyAIcbNq8rs8iY4RPZr15\r\nopBvmz6IX0R/1Wr2jgzziNBzS1oz2fGooyp52UJJYaNx2RpIMTejFeq+RnE/\r\nex0YVddfkVKnoVoEAQw8mn+U7pnTxhtjHtjqezwHSl4QIqGES0aM+cgbmueh\r\n1WnEsedrQ2usCvHU9eninO2ASVUjC5ewk4iRqPREiq9xBqq+UxfY2sV4LnLu\r\nIaDkfAwIz04Ub5Bz0SUJyX3qZHG//AhD81J7dK9PmxYjNAeU7m60KowUFhmX\r\nu248Yuo+IlB19wQAMWO42eR19/mVzp7mRmigcqr2AYEtB5FYAwQ8du8Fc1xI\r\nWEhLk4lGz8cmWgI8Onc+Sd6xby+We0SRMAw=\r\n=86v/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.5bf32ce.0_1649868204082_0.5663082675097062"},"_hasShrinkwrap":false},"1.33.15--canary.2b0dcc3.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.2b0dcc3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2b0dcc33f842f77aaa4a67586f224263280dc31f","_id":"@atk/mise-ui@1.33.15--canary.2b0dcc3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XD+3+uGXNOlxSx1RbEddrCxlL2ylfnkhrPBYon7cE0/6LgGhG3DSdICUjsW5+PFtO6EhE6RJl6/Ar/t+u7+7Kg==","shasum":"953d278eca38786f46ff05a2533a59d770ab443e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.2b0dcc3.0.tgz","fileCount":863,"unpackedSize":1853903,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEiu0ujHyqJvUeK5H68l707rTJMcHm1IWUbjlvwkyFqLAiEA/IWYc9FS2gfI0+rtfKlvALm/v3ZUrifHPsY2GUg/SJ0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVwLXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpddg//UF6pEbOIThdZ8AV6kIsGZ53AwTJo38S634bpdB4VSecJy2dI\r\nDNLNCFN9DOR2V94DrgCSITcF0Qu3W/IYD5JZyfvqv0hL+yIHAwI3Dp79VUWE\r\nflKCvR5EluBxumXzg7f1DpLuZ25tXrEe1nAKDlom4Nv9UWfqnFMqC+H/PNrC\r\neI1hI0p0cGTMC+8CS+8yi2X79KsxBiUz63pCAwKNvSs22ZJYS8I/yyoE6IX8\r\narah6BANw9kV5ww3JnCNulkE6JUEK63+P2Xja5Obn0eqS73xU9D71PtZkmfh\r\nvGCCJp4gBjij35vh3ZJK04+vQGdJcUoHUM1wBHIx8DKrqxl+X55tX4dbpZih\r\nIoE1oW46OSnX7QBiLQThzlVZMdTese38VtNfaHIETLkUtCddht2z5Ota2Jmp\r\nQ0JBhIjOqH65jVCpQ5x1zUQTTqn7I3VEXSbfMmkr8bTDIZle85ZGwRmOjX+7\r\nX55lvbMITIy3H8z6jaf7zeKkAy4LY34JqWOI7D8RRsObLX4Lk0L0sMw32qcf\r\ne97yF9mh78eAmIBRK29MeTQ63YAZhmbJclnp1xCryLV4BxNfp2aUVqwDEfCP\r\nPJOOXrJODAb0/WOsmtugEqDiQHg/Y6WFdV8ayS4VxSW2n6BVu8X+u35xQ2yE\r\noksKPg1jMUIFpwc2d7AjV4PM2JaxiZeHhZk=\r\n=YrS9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.2b0dcc3.0_1649869527425_0.6766997567669046"},"_hasShrinkwrap":false},"1.33.15--canary.60583c4.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.60583c4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"60583c4a4ecca3952145afd4343cf0032ad34f59","_id":"@atk/mise-ui@1.33.15--canary.60583c4.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bQo//wbWDgtCFl68+EIN7+GgkJ4cTHEA5YfOMuQzJXj858SFgbNjsJafZDrj9VdpIbWF3RQO3Q94m9cG+BsTfg==","shasum":"af21578dd3da63c8a35e2b2e4790f3f44ccac992","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.60583c4.0.tgz","fileCount":863,"unpackedSize":1853953,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtHU/PEXD4ZEyE13jtPgGJRq417KY+mU/i3F3MJgL79gIgfnbbFHOHpp0++HDXnD5WH4H6Ic5lvLrez2lm8Z9TNsw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVwWtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKQA//cr1GE365q9iGQItz1rg6zwCBXqq728+6YPKhAHwwm7m/oVPd\r\n4CcS6ZZyuVnpiNerqY/RmiEVvPfo1NRwCg9tJ51dVkxSau89VKbZayar0OKb\r\nBJiV6mooqjv+B+RFHg+rbhunGdX8EUa9zT93GLgxUKSRoqzCDOmjv67F10hd\r\nOrhq1bToCCrrwZSIQ5Gr0ZiKq3EhmHkTqoMqXsbT1VsaucOORIFyqgK5dK8+\r\nlADvTSII/bokZX3EELsADa5liw8bI76MwYyTAQIxHviWZG6ar1a+BJylAyYF\r\n0JouHXX3pFbk4DNTXl/G80uzzGoER9m4UnbUNiN0Y7vkdDbwp5HYiYrL5HRi\r\nPEdcSS19lHvCaYrz/0gOx/JsB+BqqcaT7OOqcErs9/0gD57KUjeAKVhQMX9k\r\nwplDxuIPXTiHagc5cEZF8JkZAvxjqEnFfWmEc7wLxZOPTInIL2B7ovppGX+U\r\ng4tPj1aWEF1nbJMYJxL3A8DcW/TjQvjkKLfzPrAsYENQmkT+XfkNWyJs0Jn1\r\naSrZWwL4ILnSpdCE4BY+jFtlaMMKsHGjKocEE3WgUSFjRtgItJ66wTW9Gcuq\r\nlrLhCT58k8kiinxBVhdwW3tycbQ2V56zlGaXObx+EuW2YpRag2I2F2QKyhBE\r\n+ayKK6KyEkLiKdlfHELmOQ4AEi8q+k3tJTs=\r\n=hnLi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.60583c4.0_1649870253330_0.3340498399566729"},"_hasShrinkwrap":false},"1.33.15--canary.14e32cc.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.14e32cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14e32cc3619c2905026d698ff36274be97438bba","_id":"@atk/mise-ui@1.33.15--canary.14e32cc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-t3195X2l3CvkZNYGvFBK0rwrdwNlmL+2qbj/DIh3qwPAyyC96SFl+KGq2PpD2r2L/VWJ633QXiPI/3xO6ajGpg==","shasum":"7a08460ab074360bb85fdcba138a7b943e56fe4c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.14e32cc.0.tgz","fileCount":863,"unpackedSize":1854018,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHnlKI3v3hgTDc1W0/WrF5T1WtqgHLNJfhZ5an0t6rxhAiBYtOTSMyLArWXo6prvNrM9bwXHExJZ0czGZLzmU8zzFQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVxs5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojHA//YXAFYSqAzGFUQrvzAhO04Z6yBbx7dsrOe7aPSKjNnBYjg4jH\r\nKfZZvJENlw1UrgQFXeOJBaLyi1W8BVpoBoRHm71hSFPpWRweQ0+0L6vFTQCU\r\nSSdNW0Yv7f8k3ojqR2Awx57HxpXax0St9yh5tq2awztQd9bC+aV2+gOx6URv\r\nAkRNgCvsDjcyuX9i7BqqXLSUxJAZ+mGAKfGRd/5B09b0heEx4mxMYdbF0fQ0\r\nwO3r0T4tyWrJsJ6r3RkUmZnRIvXBBWaqQGmVO9QTI5k9M7x2VQMhe5C1/XCK\r\nKaQcGcmLpTQ7RUUzjUDnSSOovmG7Auw6eo81ADQOdanICzFoV500tQMDoarl\r\nkCE62pM+7C50/3OrqpXc8WdAUEDviXefo2gXcFDCpcWgiCS8ntd5W96jsL6v\r\nQUoUgNb5q97qmDjAOWUSv8a6vHYL7hAtaVAWqCJgam5Qhjyp/gr4tZfzATtV\r\nib5abs2hlRmsje2vx6duvrAIUmbwjea7CuypQGjZGJwrviFAn+vcmRbNU0Bq\r\nhrkM6e90Ut4Xpxoka+qOB6Svz09/26X1pQQVL4iagROXIa7yRwWHIZnZleym\r\niGZLZVZqrX+jPr2KnJ4TGjCz6bMGZ65anBR8hOjgTc3Ht52ZlJPshnZiPbRO\r\n/Tk0m/EWzKnjqXkEjrDUnyMr7FBiVOkGOvc=\r\n=vY7R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.14e32cc.0_1649875769504_0.3015253763636325"},"_hasShrinkwrap":false},"1.33.15--canary.6e9afc6.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.6e9afc6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6e9afc654519b35fb6fa884a2de0af077bfd2404","_id":"@atk/mise-ui@1.33.15--canary.6e9afc6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-YvkMcIOnkqloHouRKvLmu4Fs9NgRFVxAJssTWByL/Cf+DJN3Pbd1qzWjM2hTMeVNM0XOEqfdB7p6Y9WREMvJ4g==","shasum":"44077a65bf0037b1b03f80d80d3a1a3020d8b892","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.6e9afc6.0.tgz","fileCount":863,"unpackedSize":1853680,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoEcSYmQEy/Oy+tRLrkv/pV4/Ut/0F/Mc654CITBYsnwIhAPXdbLgWca3m1TA1fGZG9XtGMTgM5qNpB7+5rnFOpJ9p"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVyXyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLxxAAoTk/eWNZFoq13cOaBArsH6AaGKPyDrMPk3g059wKnObQzcGb\r\nI0xQNyYPQnwjUPMYyHHczW3t0Q20GDOXj/AIczN1jOgvkb3ZiijtNR0cdEW4\r\nVZYFrOYOukMMCP1GRfSy8hf4bnCADO2BHkwD2zsmw8Pj69T2ZyRQNIZLallM\r\nAsvVORBs77W+bhVW1SW/4k/8qnevUVRDP7AjZ15n4jT1Wc7Meh2TXQ75yr9B\r\nqnOnmXMU3/VKFZoAcYhxMcMMc8ev8wGBjZ8DuU567k44iGEu4MjAmKKxPHbr\r\n0F21tlYrvaMyYGqzycNW07VQuGnoQuNkwtHVOL3aUQY9Fg4LhxbnBJVqp5Bj\r\n5NId552vA9wR7iM9qgiYV6JvZVx53JwRx9VOnE80VK6/MlyFh5835ii50IKC\r\nRZBiMc1S2NmkDr4vYe67ufvK0Dg6V4jxWNLaaDG+tkDCz73S6NmKJbc1OUYm\r\nqUrhs7rACgGoTHMuiEJ+NARXv2bmUe7hWoUt6fECGaOZGqF5d6nWRxHHRerN\r\nyAVmXarXAZWNSKi7Ai4kKnTC4QA8hwEolaO+v1k5JtNmBdF0hMcS+GsjOl8g\r\ndlorGJvywCZRFbRGgLulbbDbyXJkUb3d/pyQHmyEr+6+Qf3B/8c4uHMrnYg7\r\nCiN22BRplARBt3tYvAvlNvn6lmx05N3d8js=\r\n=2M02\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.6e9afc6.0_1649878514330_0.369787060453709"},"_hasShrinkwrap":false},"1.33.15--canary.9c8d7f7.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.9c8d7f7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9c8d7f7d8725e3ec160fcfd6879cb982fa41cc7f","_id":"@atk/mise-ui@1.33.15--canary.9c8d7f7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-EGy4Ve9uA9skaAC4B7y5qsf/pLGVz/4nFAzFWZWHHLPBXuO9KEFamPqB1nMNR0FN6qidwfEiGzsGzjefcw90qg==","shasum":"0dafd0f6da2c8a488fbd2900e8b5848552f317c9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.9c8d7f7.0.tgz","fileCount":863,"unpackedSize":1853659,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB3CT0+YAMYy5jLcx+/kXA6cHwAOjVhfzK8Sbb43PYlTAiBYMPXpTyZ183waKFhZmk5L4ohaVWSBDBdtoEKUHt7+PA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVynAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGew//ZCiifT3MI573bBGtn0gdMcgukHyGPxN/ckE1z4CIfTB1RDrb\r\ngr+3PoMOfHr05nBENaalHcARLFMuvG5lPZSWiZoDs61DyqBGFCYuESddXhWx\r\nbZrgriEm6uh32QNRlKfH+XzRTUI1BhMDhPWC/NlRyEhdKCpuWEYkfqTHRRtx\r\nPzukuPGHlMITGn1VTAnWvqnQ9xiVpL9VFBSXdZQd05y9bPVAj043cSmJztf+\r\nu918HSPzSM3sc3HcqhCRX3+Aa7AeU+IgncA+FZma9+f1LSJi5I4Do1BjR/Ea\r\nkcL2cY49Up71H3fvTur3aPM6NSVQoMrDsU1/GruGC9DmlNbPOQS4jH7dXaPw\r\nNmJc8bCX4pJUc81MxXIkMbjeqNAiDaekWH9cbDOL5M4fmuVfrElReSk2L1jA\r\nRUBKV6pAqfcD/+7IIOAwjxX7osVxdPaNzy0vUkSBH8ssN2VDUOSCl4NkHN9V\r\n8bC22zazXJBd5DTPQRK0AXx4uc4TOPe6LkFgRRYeppz2AtOsmLunmEscb8rg\r\nZMBSOc0h2JcIbf8o9AZBjN3bHL+sxbiLtZKYdDuMutLAwzesSHXv8wGgoTah\r\ni9Unt9euSy60C/o5C0ThMX8XqAITdrV6JOEo/kZxUGFcIAYHI0xrA8wfY0gF\r\nbvdTAbc/H9ZtVpRBnIGD0VLNULRinZSWg80=\r\n=OLQk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.9c8d7f7.0_1649879488290_0.8328266038288525"},"_hasShrinkwrap":false},"1.33.15--canary.e1db398.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.e1db398.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e1db39820751e2e72124aa5765589844b2993e74","_id":"@atk/mise-ui@1.33.15--canary.e1db398.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sbwjdRzLM51dz0ccMLoiBXQ2+R3G6DSKSl+gWinGUYd626M7IvtiI/PDCKVpiLn768Pt1ZAUbigSYtslY5FIUw==","shasum":"de01d6a36cafd70107633042ef31b63f15a56e30","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.e1db398.0.tgz","fileCount":863,"unpackedSize":1853921,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFMLL8mHBZzJgh/hAz64T+Gkj0eZiausr6lTDPjmfiaWAiEA02XfgqiUP//2DOj76A18Tmrf2F3v3GdlR5++58gMrMg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVy0XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6CQ/9EpzmK/+NJaJCecDmfvdyLPu9dMPfexbsmJ03u6ErWWtLzmnO\r\n+KuQJp40XAOVfG/novZArDOLD5pTdpuujRKmCmR+jd0geRo4yoLQ8XfKfnqP\r\n4BcTeS6lUAxt8CxOTMLkuFJYqJhhPTbOtScp0GKqeeuQT8xASUj0rkuJ/8wa\r\nAWxkbsWjRQessuazYV/RS5EJ1TH8F1tk+w78Iwl2XZvkUdX59nYPIp6Yko/x\r\nENinGmu87A2jRQXYGCg/6uC/ZXzNhHtMbtr11HbeQq5AekcUiplAesGGp6sf\r\nObTLMOs7D0RWO4vKyzOH0X8U+EXot1Fau2K0nwxx/+Bo5PwjH97P6p1LAQzy\r\nXAFu5GinR9qsI7iyCkG1TQSklYlEvzWOPzWR1s8LXDlcCHHEL1zQJxeg9J8H\r\njEtDOSEFZamUL1agl08j0I1sNob0eseLAX3TkSaztOOGCFtW0w+FgK4YeZ1I\r\n8POqVzDdIlxT7U8arRWIA2z3AhSEgEVLMQdo5dae7tUAipuYHp/khKrDbs5X\r\np/Z2vGRfs+ijMoRQWfkJrvghj3vQP/kIjI9DnPYY4yTQJSRAgmCoBbrt2Mfg\r\nw492H+xwJhJf9l9xzWLloC/UXOpjZsdk/YjOtXr1lSF/laGRGp3bQz/LRltN\r\ni3SDBzUbc251YyZYYxhj1MH3+itz57YyWR8=\r\n=3/OI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.e1db398.0_1649880343194_0.2274979966159445"},"_hasShrinkwrap":false},"1.33.15--canary.be1fd36.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.be1fd36.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"be1fd36a483d9d467b5fff90499e6116245490e3","_id":"@atk/mise-ui@1.33.15--canary.be1fd36.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-8q5mcp07XFg8BU4TMOs5ixAo3ebARt6ZkfGzNP9Fg/kMygYNOqk6qa8x5c3qKM9/VbdmuQmlpKDDs0qbSLTbBA==","shasum":"1d555cdac934f715a556be43a83fad0202a3fed3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.be1fd36.0.tgz","fileCount":863,"unpackedSize":1853948,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEe9LtGnfkhNpxrnCQpjy18YOrXOBdr3djXl3RTN2KUiAiBUElrBXUQiSIpW3ZhAmO69LYw7tkL4Qz/svedBXXiuIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVzFAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi0A//VU2zndiM9msWqnti+qiTDVRH4PmT2kQZTF03l9+muMF7NfhQ\r\nX+uy3+y+pxQo7Sb8JLdAvspue4TFIeQpXVbwvu0TSQ8xlqnoHBm7w02/tWZR\r\n84ApuoUOOcl9VPxf22tOFdgD2hxTNhYQDglLPmN79zx6j9w5UlVdlcVO1N5o\r\nj9Oz5PwtvrfLO0gvJJFtLKXouAdyE0Ji4UYLV2vg3CIzZvELZAfK1wq1j/PY\r\nM86QRCnWEqWf5v2ZoEZKXh7OkNZ+J6U6kft8KDlXATVSwU5k9oeTZIs5lp1Q\r\n9cSGnUvWojR/zVZVr4TN2XvBVsD1rbrLOrUrjYcP5kQ4jMyqFzIlqmoeYV8D\r\ntJDF07f6yUFhF+rfIoLyBX22GNY7b6muHRhUIvPhr8lVSeMIqoQP2MJHU3cs\r\n9wTVD5H0CbAr5uPQmKey6WATnjvXau5If6okos0zEhdtD5pVKJP8lrzAeF+X\r\njnhxkc5cn/Lhd7RJRPzgWzc4c6zevLl6plRC3qtPDWlh5i9DLv9tVMa7NufQ\r\neTaoiHmf2swdUF76BgG/tc3M3ZG0U3EktkdiC7WZljP8PgGKIFKwQO4rUBW0\r\n5KuoqKSIjJfs9IHpEUI9ObBL9J7qxlsE1G9wLvPufPdj68aHBkeaiyZ0UP54\r\nkoyo1oNck9kxaeEjXvF5Vrf+QP624D6bURk=\r\n=E8me\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.be1fd36.0_1649881408234_0.9208002753674185"},"_hasShrinkwrap":false},"1.33.15--canary.cdeeeb8.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.cdeeeb8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cdeeeb8c060bdf47dc7894ad63db341f0b998e17","_id":"@atk/mise-ui@1.33.15--canary.cdeeeb8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/QqJcNZtTqFytdqsFBn+kiZGnrE1kQiDSvTqJIFI4AqjAQsXPYqqDbyDNetr15F+PqtNGOCKOiwsaK1jJRKZdw==","shasum":"f2927ad9bf0ec068160c2e1a909d774f4a5a5f77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.cdeeeb8.0.tgz","fileCount":818,"unpackedSize":1774542,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPlkhfqYeqg7x/I2xnEz29D72ZHC9u9SdzOCrm2SrnaAiALW34M+IbBZWF6jfX2lrchWQRPseXCqrkdAskamxN/Pw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVzMiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2rA//XeuolP4P/7BoPln8h0DmeHApMN9OZeU0UsuAXSCpfazYQEkF\r\nCNHedTdGoWpAYSuE7Iv5s3YaD3qn6xfrCvdyzDAljp0ByLB42hwRezJkD7+9\r\nIjXp9UguHR0lxD/FV4Y7XHJfEhVylGrCp/qfirMvC0DpPa2PWcZk7z6uU3Ys\r\nAnjWkTtpYqO9yBXHV+mXv0lOkyEr+sROPYJ8wVnFTEl5HNzbodf9Iaa+of/v\r\ngH1KYzY+9hDLaBl76I0NfNPHfKjjOlkOLXGqjHGe3ipKjqGs4EWtATZMIK0c\r\nKLw3Ypoj7CyxlF/K8t8+1nnLEYbyz6eL4lD8C9OZxt39w6uTroJg5gp7J1QN\r\n6AW9acjbR44jtu0oFHNkVuOmHC7Em1hlVztPG4gxrZY2ZfBg3M04G7bg7vV4\r\n2XCGBboDScQYEkhAqj7WU/S8ZGxzHCZQfucDe02Va7lj8xVX6Sy6ChxtglmM\r\n03mvBIUzQzrI1g+zVKy1RsMBnC99exbBygYpmRQs0YXlN6MIToZWWWWek2mw\r\n/Du+6i1W6WIxhgYEwlVcv7l0OB4OoHr6XRMg8tLs1/BEpNNXsexxA46KRbsZ\r\nyRjePZuqwcFhnopRFJDp7tLLojAeEst7RHcS1fwBDCjOLq8d7aUM5nMukEJm\r\ntWd10Wv7hp4flzxaWEr+1hGwtz64X4GHrKk=\r\n=qzDw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.cdeeeb8.0_1649881890270_0.8956371164790757"},"_hasShrinkwrap":false},"1.33.15--canary.435318e.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.435318e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"435318e1b8d0d36192dc52516f3ac9d3ced9d937","_id":"@atk/mise-ui@1.33.15--canary.435318e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GCQ0YPQwQuM0GSc7ltgTWO7zfHHRxBNIHxlh/D+kLtUkkK9fJsw7+u59TT634wFnVLut9/wxrAtTE2t2nJHPfQ==","shasum":"f3481bfce62c042fcafa06ebdff55fd7a07deb8c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.435318e.0.tgz","fileCount":863,"unpackedSize":1853897,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAGe3kotxaFoukEnqhpMQgntQalFA8fB2VFGJ1bFR1EjAiEAxfJPZTzOGl3gS1T7lubn+/i4e0KqUJBU7JjoE9TvT00="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVzO9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJuQ/+MlQ/emIn/4TZItT33Mhlb2zS4RD1KO6EEiaiHISuYVquf/1E\r\n46UxegtcAKkVRa54CnjJa7iGuiT/NRl6doawLAfhRhls4qRd67LnRMWgRCDe\r\nSzPVqGjVmyGUeDe7dd01AD+lelVoAdG/+DRBkDrkazK98bRjGUsNs2iR1k1s\r\nkNMw5tS+EYQDC5b5d/3U+kamsFTKuKup+Jz5pFz1iM0O0byNS2xrC3SRgQWx\r\ngPMPEwLGYKfFiwbFSNjTc6tpfRZZtodM0ENs78z2E14rj98GE+XxP28RKmPa\r\n3nQHXTCpMRRwUmT8FRlbTNnGW5Vkhc4m1//su9K8gOtYONQh26rqDAxy7lzC\r\nyiEjtDgzddbXvT6bqcB55aiWe9VGXahiWv74H4C7MrT/cUDePEn+SrK/g/Vb\r\np4640TmkDBOVk4scn+Qc9vR3zYipseaDW1UpIq2bu+Vgf8ZCHAcC4aMtePCl\r\nHdKwp0kEhh1UtQyXVvL5U/pEt9URZI+g/lVDNEq2BnxdAz4YrXPvtOIgFmwO\r\nCQm513KRNLnbRtLZwcI5P5uoHlPe96VWj/MfFIHatI05R8zZChATO6tqQlwf\r\n4stxzWHu+SbqaV5il6qkCC1w71i64uKCKFn7tc8fOk5WOLqTOIXkJD5kqjbS\r\nC64eUAPnIvuxt2BAz3FZbtYSn+zyduTnWOI=\r\n=Z6OV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.435318e.0_1649882044701_0.8773370049576372"},"_hasShrinkwrap":false},"1.33.15--canary.6febb06.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.6febb06.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6febb068da1f0e76a163574a8f4db050bf7254ee","_id":"@atk/mise-ui@1.33.15--canary.6febb06.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zV1FxsscFy6clj+nB5BLVgW5oFj5cuOss0kLVQBLQnvCTXTMjx+mSha9cZBP9YDzARBHvWhJILpszuitW95tHA==","shasum":"88811816b4e0d528aa5a3470a266569ba842a90a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.6febb06.0.tgz","fileCount":818,"unpackedSize":1774542,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICMcWnCn2gwH7h96rQnytb5sURrsHbQ/X+rcUJ5qboVIAiB13kl/PujJpl8WMnfbgZBIw9xMP2LnPtijL70gQRC7pQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiVzQEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWMxAAiW9t/nWPp0z3OpVcbN0/MVYWWLZGQuO41ixp3bbSGlOgwcPg\r\nW5hS9q8h5+XJvw8+8pAp+GQHTkRz+JF+C9o5IIKj2TVioCgPs5aX8tdWU9Bz\r\nlTYPSwMjTfFFEXy4XoeUCjRyUBufisGjr1z2GnWiK6Cn7GZDGePrydnPAwL5\r\nBHyRpRsemaeF7xwMS8BPyl8r2mjFSBuZrB9x2MUewb0QMdWBN+xRthcbd1SW\r\nUT1t4EoVerffrgkwgBuAv2tPJxpqhfWCoD8w5rp5Ks2lra5HuotCCBuk51Fa\r\n3EphAVwFdCU/1NIwdY+IcvyMvBDU335O0oIvqXqtJVGWnWEP2gWew/lITAe6\r\n7t0biXW+qnCYuacWRaJEyGoB6eXOGOKRTtUcoUEDEfEMEZwuCNqwLK7/h21w\r\ni+tFmz9PIeHZ/CH581fpVfzB2kFZlW+FLUbwZP4DEhoe4J3vZPPi29uLq2Ly\r\n4cPAMAMYkT7DG7UgEguSsxyeDWHr59BXKa/rK3anMIgYin3GICeE+VU8g7X8\r\nthZ08kyO9tLsbpPPLkqtXcaWRawjV/uXj1attfxNaLT5ATOcLW+0MaLPngxn\r\nXnbtf6z5VJuDnmRUcIq+of5Qsn1/YxeiDDH+7EqREgXkrAsMFszDcJCVkJXw\r\nGtCkjV+zfkS6UUZAeWcZbiDE6S0tu4G2FEA=\r\n=T67W\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.6febb06.0_1649882116340_0.2414071562046749"},"_hasShrinkwrap":false},"1.33.15--canary.7d75fe9.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.7d75fe9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7d75fe982728f3d4205505b857b6544ed190aa7f","_id":"@atk/mise-ui@1.33.15--canary.7d75fe9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TqSdtKwxjAz74m9TURZnM96Un3dX7uDqfWovZ125l6W6y6s67Ggis81txeattQUEAl20RIGwv2nSo3B0OMRt3g==","shasum":"0be1b3051fd7fabc6441007c0389d0a89c9c8c6e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.7d75fe9.0.tgz","fileCount":863,"unpackedSize":1853922,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGk5/LI3LUd/0cSXxBVgzML4Hpog6fhbUCJr7iiT9YibAiBQTHMFAr6QPGPvza3OQLGQuG6Jv1+1Iiwoh1Thm3iZcA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWCL7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNHQ//T+r61Fn0qntwn5C9Lrmgi8A/HIftd38ebHwOJ57Brp08S88P\r\nDzJsZZxisKvUbcCpPkQNWP4akTZmujMFM9sV74Wg7TJUnewfFCWBDtT7+ais\r\nc7htJC6AohIY1FtoGAdYwcN6p8wZqeLs3qvyckO7VowJYhwXgTGaQSaW0N7j\r\nzm7HKGnP4uanDuOuM86PMg8is5EFymlL6ic/qKXCHcTtjAI9vq/+y88scD4n\r\ncVcjh1ZafouIrKm+q3mgrIH1BfMcjDaHAMX1O/OiDGACPMwpJGo82BBwX7hC\r\nLl5Huje2No3gE0UzURDFmnP889mC3A/IxcjhKpfjx5k064Ng7Jgl4B4GqbZi\r\nI3OJKr5i4AatfBIM5zfkalMKziNrCgyJtSlhDX3Ct9xGqu1UVd/6bjoxarPf\r\nqxSyLZx1plLk2ThNfNhBwUdXsWkIsyLfw8yx995GOkGfHFTCs8Pp0M02M8F8\r\ny6s7phoXQEunrNMTq2oQFQZj7h/o9aj3sVkjKDs3koaUD30I3TZVt5e092Qn\r\n/0rTEczD1kXdb4JiJdQyPReeXxASBXjGO1JI3IrPUP0lwujQLviKtMFF3qR0\r\nQn9GwyL8nGZzFEoCYIRSKXfwu71JyxlgobQZwVe+zGFdLUP2fn3U92vP/qJm\r\nI0bimpHMSPDUXIaF4hFi81VO3mayjB402cE=\r\n=gUSi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.7d75fe9.0_1649943290653_0.7968514814962588"},"_hasShrinkwrap":false},"1.33.15--canary.dd1aec8.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.dd1aec8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dd1aec8c2c4048c52117ad00f3deb4e23f058f8c","_id":"@atk/mise-ui@1.33.15--canary.dd1aec8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NpHZ95/Im4xIa8dfb3s5CVTTKO6UP4Ma1DFRBF2zYCChNkbwOZsCt/pemCi8lXdaEd6fzJ6j2Ll4REHa8HsRfw==","shasum":"5002c19fb4fbba0e02519bf802a45bbb313c2d56","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.dd1aec8.0.tgz","fileCount":863,"unpackedSize":1854000,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+YqUfA5dwQ/32xoI5Jm2XX6CJPahwj6RpnzCoqYvbEAiAphthfkAvdECm8BIRSIIYppwLsDHpLJhPFGpHXDIPvSA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWCZGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqzhAAiGylsT4Qrvk5NtEXbwURu+R2GEFTWfPf51wTW7OmlY5i4JXq\r\nINSjBWMCCBUvBCa2YGrWDefxnxiCppBdIzJMFQoQSXMPwGmpqJ+nBzG3lZA6\r\nwl7LH/kvO4mu3mSLRvaMM+hAPcBy3kpqKwMQD9N6NsSKXm9q2kCkMj4NiQV5\r\npu/pbrdbqtXj+tIpA8ds/kNwPeggvz7+uP59y4x2a4vxZS/4fO9JXObl2dGx\r\nh5ZuwSmSEhw+6QYFD0j9bV+Ij+FpGmfOxckqMU5xW2c7PbozhjPYXIg/y3d3\r\nlI3Ve+8GtSjUBwmbsbjmo6qbyPYbHXmQ6Khm4b6ujy2yociIY6XwvHz3e4tG\r\nVWw555AZYkNJ5pBPyhmQMzRH0m1n6z0VBbcfPzlIbc7jNOrUHUe4pS4thLTP\r\nVcl8WXHRq453BX+QzSIRkrQ4lWHX8j0yvJ9wMe3N3TRwPCEeclQeiUfLASl1\r\n1+2iF0T8ldxHzet9IScH65JXF83fE5vTInfWMVfJrJhSUztEkRehATtQNVSA\r\niHjc51xlE4tcy/bLP5aFoKC0IhNgFHgYJtNNyZNn2+ypgv+FWSUlBtxlI5h8\r\njXI9ItJLIr+/3eO8ZaRWeG7ARAN/8h/sRdc9GYBDibOtRi0FwkqJnrGXxbO1\r\noI03qISWoe6ZDt6y4IIegEvdvpCiC7X6o6U=\r\n=tYHV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.dd1aec8.0_1649944134572_0.7411334495913642"},"_hasShrinkwrap":false},"1.33.15--canary.ba6fa4f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.ba6fa4f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ba6fa4fc21227a2187d8c0c11481ad32fabdcefe","_id":"@atk/mise-ui@1.33.15--canary.ba6fa4f.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-smf8oZZV5nli4lezeWI+SlIgIG5NSQwegObYA92NXoGoqUsx2qkfqxe7i0eFFXtrU8qYWoNmpaF00vF3FIdfbA==","shasum":"43eb9831421005bef1be3e77b46cfb3f34aca592","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.ba6fa4f.0.tgz","fileCount":330,"unpackedSize":1439868,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnrgPdzC6VvbiEmnTaCa2luQGfbYlLzzZVQPN+5oU0ZwIhAPSD0aFIh0MJIZrXjMbrPagiRscl6Yda41DoJL5PwKsJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWCcJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpArw/+KpxrnO8Gz+6nqwORq/n10NJteVFgez015ZClLvVCzBsTnMjS\r\neXQIH08bBfJtQ/Rb1V1fOGtp3ZEPnL3uFSw6QnFPj/hldUAqhYb7Zao8UaMz\r\ntLLRelNyipLp2w5/HAhuFglvLtQ86QxTQ2tQGrvoI/yqz2O2NBoeh9c2al3H\r\nT5eQDBOfr+SYfwXN6N+5zJKynKwb8rn28zFLx0zj9kK0evBMzQGgNJzzLNVZ\r\nkSngKZjaJn8KYmf22OdVnoTCf8W0JOLM3WaIIBrTosvrnLywwSiB62JOJFgg\r\n84UBT8Lxr19RRD2u27Evu8WhamP3s74D5BkxbarI9Yfi0xjXhQbZUDwkhrXt\r\nXBG7UKG7AbEoIHt/2/AGAhOYb+CyLTaYuEOH4P8y8Plv9fRKY2slmCvMoeZJ\r\ndAOC1TSKLoSYOhue0XFBAf7+BlEZafklfzeh7o1G7AkwCGdpC7qFpXxULsIr\r\nFPJZjwMwFeZ8s/4kHh8fBKAUtyS4y9/z6WxUIDknvH/OBkiZ1lK+KQ7PlZnN\r\nTHeMtbueqBdagmEsMzzDszUWT55/mi0JvNHP65Z0QeZrq+iPqg7eBZtbKDrl\r\n3+t8++UTJwK9llawJaVB6pxav1E34SNI5BS8q4gzpK0uMFesmaLiTlY8iDMy\r\nOY6MDcqpQhbA4mvxeuBZ7vnjIn4yrU3yKa4=\r\n=ETVO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.ba6fa4f.0_1649944329167_0.7986673720080439"},"_hasShrinkwrap":false},"1.33.15--canary.10b7957.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.10b7957.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"10b795794e8c0fefe1e7d141ffe3db8be5350483","_id":"@atk/mise-ui@1.33.15--canary.10b7957.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rtzWmXIkoJzgjdqo3VqZPTOGnPM/fTvLHYk1Ui9BTNxFBtzpT1tjzJ4rVPrEfX02Lx8uUTWNMPBXgh2vnE9zDA==","shasum":"424fb7b9468ad444eb67c8a6e180e8cb74928e72","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.10b7957.0.tgz","fileCount":863,"unpackedSize":1853824,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk5GUYiVLUqwbVMnApPG8as+Ejw+hE2RCkv2Qjr74EQQIhALHziLnbv2Dgjct5BmRBm09kQ39mpx4/NTwW0W2zlekT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWCfSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouNw/+P5/wNfKVgsbYPJfpeN/GltgFXIFh3eQwrV30nQuZWClpg2Tl\r\nWA/m7GK8dn/9D4UEicxVq2Anej/hmzEH1WuRX6+ZxS6dXmpYneeypHjwCDyI\r\nC9UNiy0J13VA+rlyZgSKH3CoKkCJnwTmSTxyNZcbXfSQCVnW0gFkpsLjSt1S\r\na0n5GdBpL+Ac3/UF1EHKc7cPKnOOYeoMncn5vzzfe40tGLimz27BTa+U5xRi\r\nl2vOoKin8l3H2UKNhkMowUdFtgmBJiS75SZXuOD8yuxYTZMT/IJEJFohUbdM\r\nXAqhATzqjVbnUZdKwr1EHUFZtbF+PdDUpJSzaANWbZ1FxHRD9RkITlo9CBU+\r\ni387vz/BXCjB9Hi8SXb2ULSVC/mRTgXuubKYKw4qeT7AhoxkKyeQh7PydLux\r\nUsf9/ZNmCFkPfbft7sK5ppQgNKDS3bQCO7V5gyfp4WFN0dTEdm52GTQTE90i\r\n/l+DfYaVTKcI3omI+oaYD4yo83Qx2wlSwHFbwyn9jRd5GcIZm2jkYpv+SqpQ\r\nGI28hcGh6wrklv5mSmuvvPtxWodJD1UFhPWL7KnsPLUxUmb1GRwaNem37MaN\r\nkvRoiMqoPBZa+K49s/JBgFeTGa3fA7V0SBz3Dg6UmFPIbDSLHepxagkQXjij\r\nP6bAvBYCPyCKBdZzYVhTf4o1FiT+doTiLOc=\r\n=EvQ/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.10b7957.0_1649944529773_0.7386230645661933"},"_hasShrinkwrap":false},"1.33.15--canary.39e926f.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.39e926f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"39e926f67c628fb3b5aba67e8cdeecb067b3ecb8","_id":"@atk/mise-ui@1.33.15--canary.39e926f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5k8n4pp8BlWkjzKAG9x0tcIHiswg+9Q+xlR579fqLRbpaoWE5P6vsc+SRGvoboJIM0Y8Yhj+WCVmj0MH0iwoIw==","shasum":"50f963d4b493d33af6c170dfb859a3c45c5d7cb2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.39e926f.0.tgz","fileCount":863,"unpackedSize":1856009,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGL1mntmKNd/k75JqUs4HFxmD/GarShdah2FkHlXVcgyAiBKgLPOxpqqakgw0+GHfJxC0p+AldyVIGlhx4bXDNKnHw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWEACACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMlQ/+Jg4vdSJFTuL7H1fZa3vND5GzgNos7WDSnzEFK+d//m3D53nb\r\nitQy+RXsgdvJTJADR6Xgfr/HFXpca0X/AlNHgGIAuR6k5liXYpDIcZjIvJqU\r\nsLQFSaHXknuJ5LHV6nHw+ELdrfNOUI1RagbdYQS1dWthDVXnkIKD0GYRf7Vv\r\n1YtxwUEEsAlvAUU8GRZsLIm1xPX2SDxUnkReG5crXKpoK1h9c9QtqWG/Gifr\r\nGsd6pO0dpH8w7Ey7t2KkDGNKCAoYdI+J7ton0ItKEY5jQcEzdfAVwNBGEepF\r\nMRecUdso4ck60PcPsUFtZUogohyEDWvRxxXjcmMTlv446YeOXrPkw18C6Fbg\r\nZNnXiX/nVfwSqrhKW2qS8NjoH6V3Xtdye8jl+pZ41D5TVtZ0/lRWh87SSfeV\r\nX2p3XM1zV8BQFvDJaIegAXU0rz67oWOuaQsvWjpa3QThnF1G2SRd3aDsI42m\r\nuB+9n96bHfDgw9/5jufQrSeSkoGF7dfkvhzs1q6jp8QDyBkphoL6OVukz55f\r\nVzSEy+rk+NR1x9rdSOgdxQKrWiNmaHfIm3IgFnWLAjZtQlaIOf+ufce663hJ\r\nkhSiYMji8J9CmG8BsS0kHd+70OAVYM/0qQliVshwdcOEVsGSXYfRNUCZeQsQ\r\njhvj53Z5XmaUT8ksr+ClKTLlAsBYFhZvzoM=\r\n=rOjD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.39e926f.0_1649950722718_0.7176873901221648"},"_hasShrinkwrap":false},"1.33.15--canary.63fdba9.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.63fdba9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"63fdba9a8e019bbda377c1117aab76ed1932ba0d","_id":"@atk/mise-ui@1.33.15--canary.63fdba9.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-ZVzGveKxRRHvq+EptzrRDSTWvwaY3EKk6HknlXw8CDF8OrdnDks891zN1ceoAAlg5KqwTS/M2gb2KzCxx702LA==","shasum":"d6234fe55e831c142adf0493def20fb86c5c5e73","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.63fdba9.0.tgz","fileCount":330,"unpackedSize":1441143,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoeh47NyLDgC7D4zx5jL+fsoBxc1z73NosI15I3pPc6wIhAJwO0DeOJ9DeQx86kclHgOC703vIL1oAF8BuBZrrv7/Y"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWFHqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSXA//UPrvSC+iYs0/SZyqxiyzQ38AdAeTJUTgVUASTKQejxRsbS5w\r\nJRs3f/IquK7TcMC8fWP1OUYV9TCPSS9x/cXeb20YcTM3QeqASsUc4D7QNhrU\r\n0PEqw9MUyVObKR9M3r4HYlQoXP33CbRrVPAoK0OP1h4iBiwjqlFGnRmhWPXO\r\nweo1udxTT1crBaaeXKfJnYekmF0stalCP2yO60UZ9cjAgLz0CkKHeInBVEkJ\r\nNvlEmYkahYuj16EkOnFJvGrQpPXSs9yik5ns/LYgDECHifimhcya0JyIY3RW\r\nLcTY9scBsgCf75EnaVuQ7YgmOWwPiCXUoQ+zRMfiRoABRa2b6pHsBGmu31+O\r\nJreaYRqhcDQBdsYM0MZizK3ZiqiYWTC3YHksYk/EAdrkdZ2QcLHgmbtU3yzl\r\njf+GUzT0r2z9+rukritVgEYY163OKbt9583ouCX25LEE6dMvlsJeb/RSl9kJ\r\n3IkYzffwYtzwbQUP7+46IfHXmEFglUmn3I8GZ8TDVOaAHYZ0b1RQQq+FXEtd\r\nBWhB/EAHZACSd4MTDIgR/GynUt3WQo3YVqpMt12RniUZkvoatjXGoJE0/Scl\r\n1Uds6A24KqFfzUhOrkNpi+vZz0OtfM8YXX9SfU8jvLpzymWk+3ANe6q+xmYQ\r\n2kk6092E4UwiX4p588DvQqgW9E0hZ7LM2bM=\r\n=Hju+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.63fdba9.0_1649955306393_0.40088433075098395"},"_hasShrinkwrap":false},"1.33.15--canary.fa1ada0.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.fa1ada0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fa1ada07cb2865f6b62fae574ddb0871ac71f297","_id":"@atk/mise-ui@1.33.15--canary.fa1ada0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3J2QuYFapXhjUqfdromIEf6bsnPy/1LMmp6YRCPbm142fy7mhkzXiSM53i1s70TEuvwSUvceZjH8UCth+jDXwQ==","shasum":"3ed6f630b2bb13e6432374fcb6295f2a298b2c65","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.fa1ada0.0.tgz","fileCount":863,"unpackedSize":1856147,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIIsnl8baWyX58l5/aDsIjIHKGQI20r2sJU6WN8ufnkgIhAPu03P6CgtodRBEWJVeCwZcWzHdJ9/jF58Ggf70/Q0fS"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWHO1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBsg//Qp/m/AX3KAkgNgKaU/NVmTPtBm6FrMGlYBqV0pnsWPFY67OV\r\nf14QxnVNrOmgBr4/PS3ObMVyZhvfwpzzgP8pMxHk3JCPHAz5feWU9Ln9mfES\r\nWTULR3EwVO9E2thjWC2rLlbAyl02AqP9Rb+/93aCjS/z9FUzY1OX6fLovnw+\r\nxJo+bMcbMK9f9JGxqah2lB35edBZ3nqjA08SEZXt5uoMAp5YWE35ua3RyId3\r\nK7FE5sAjFcYUd6KckACJZmHkYWLfz9ifsDJC2UwtLO9/0HWnbwZ26CpdeTZ2\r\nmKXkcJ3DPNDKIr4M3Dk44NJ22FrPTB4RGWqfruFP1L5P1naZrpETwG1Eraak\r\ncx70IOjp8ITWtqcfwLvAzMdn36yQaeTWz1bsgIibnBjKaxTnmdwIjAwfA3zS\r\nlyFol7tpqlh9QORt7ksUuGIgwDh25jsPosp0Bh3wXAP+jitUfUQ0ZvaeU+XT\r\nKyEj1Knn4BE2lDcbb7+uIu87X29cqpIcouFoMANA/yGETxfHP/AjGJ865qiZ\r\nJxKDT4zCIpw7j/WrpIB6lsfailKw+x8PYH8+YwddMlcxbGHNpA0n4ZQUdgcF\r\nxnh89QZLayLkCyPrwzKmje1I1fD71a4+1yc6FEET62KVFgO/8NOAnKcaEblx\r\n5yzF1JB84P1aSosKnyl4l5CnnaqmIknZeTw=\r\n=KYgM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.fa1ada0.0_1649963957471_0.40352418534415113"},"_hasShrinkwrap":false},"1.33.15--canary.f4393e6.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.f4393e6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f4393e60e437360cee7495d9343448eca662ee71","_id":"@atk/mise-ui@1.33.15--canary.f4393e6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-lUg99ogBwwzKPMdX3oBNm7sJsOvdMsQlXPicV8x7bySvimmd2l+pK5Bst34wnb02WQza2QtgmevWw09AGNjvYg==","shasum":"12973286c4586ab35d6ecd0a03082ebeb7346ebc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.f4393e6.0.tgz","fileCount":328,"unpackedSize":1441381,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBpuMZqK7pEdwTM/0s/WjaHnSr2l01O45rBcUK3UcmoJAiEAq1hlpqqJGGMiQaYdNCzB+zObfyJ7+LQrO1EgFv7JnNA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXrCqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBpA//RlpGd3W3KLmpvMjLKTl/5fuiATiz3UEkmLAgW/6WPLkAuY4R\r\nugD9s5EPC9UGfWVEc5T77eSXjmahXC2co5yuCTbBvKFVvw8+35Hp/EgPRB1i\r\nG8tB8uFeXm1QhMXqVJcif3LWBdHJZ3dFS021pjXPppnl+B/yJIHwq93dZEeh\r\nrhvmw74UxVebizdw/qCOOI4qc3zcXluChIeztfixI+kzI+rMq9RNFWvZ3K7s\r\nZ5x0ZagbMNzi+VAEsIEZ+/E4f+hVS0o4xDso3qFEu8vBL3aTlH+VNGUXtVAv\r\n7VxrHFqmM+PXfdY+Utt65mduTAtR+1Ft3kSfpjoCu2jAVWv3G7sTVxR4F90Y\r\nPmFa3NL0FLHyWejtjF9LFRgLybq5ysmh+u8jDPHDpAM/t+Xov3Gf7s8OYVFJ\r\n4SIs5GeYloLOWxVfGQPoleoA5+K+/R3WnNz3/WdoE9uilvmMV2dw5RdVa+CN\r\nMATqaUzyPhvhvbGKlRFv1TQ+tktICZp68x4RpA8L3NjG/zIkYUy2geA0Ts3M\r\n72y03PgKiF1ljJSwHj2HtXupMy3B3gqFqBbYFPpcSJF05w1uFMsubM5uB2P0\r\nFeSFXptnOiCqnCr/U48ZJ7Y7XsbKpRfXmcfMK7PisPgAktzMn+nIUi2hRkLu\r\nrknA1lWkKiyR4YVJZiXGNISnBNTclLgbo2g=\r\n=sK8P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.f4393e6.0_1650372778630_0.46828489877178847"},"_hasShrinkwrap":false},"1.33.15--canary.afe0307.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.afe0307.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"afe030742d536459e5700891e2751b3d4c750321","_id":"@atk/mise-ui@1.33.15--canary.afe0307.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-v3OBQrxl/T93jPo4Ch0l7Wm1um6mANUlpIfGxhBqBGNz2mX6zys/CmMhrlQPLWTpilacqMuiz1L4rd18yu0HUQ==","shasum":"a6e66411c47c0ef2698aa9ff4c5295258630fd29","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.afe0307.0.tgz","fileCount":330,"unpackedSize":1454891,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbDmgRFF9P4oWDL0caUMD9DBhLH4I2w2feHGUJobXAxAIgZMfwpvLX2JYEnI00AHJi0CZrzbvYyJ8JoTvoMTw1oZ8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXuq5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYXw/6AgZH8b/ctYnYSljJXQCT+7Gnvt9PnCKoLbl/yvVst3Ef4olc\r\naoxW/ZPeEsoNsGb6+Y6jBxFGMilpAG5g1O5u5rxEN629t0lnz2tMdcl8veC8\r\nKTqVbuJVgaPCPqRBs5oAkKnVGXpbLzVUEgLBH6rcYQgAONKLm5WebXhvllTd\r\ncpwo/KDbRdK9I7lcWZGEBXy1h57Wmx6q22SzJJeLrA27Mwe15t70d2+bvsQR\r\ne6uelilWN39zN3VejMFjiIpaP98c2iT4rNbPIKpQakj0sYrJ1zAXwf0mx1Vm\r\nHoxLHldzRlxH2lse9RWTlli9SpjMGkqLz+FgOrpTaswWY5W47kfykBsbXg27\r\nGRC2j17qfxA2o1NwwwSEc0upIVyjmDCrOimkMRXcEPqQio4VcmevoVkf3qyO\r\nsj+5Zx3oP7bfySEZuYeaTFf9rR8aQRIljMJDeaVaY1DizY4anEandviOMA4y\r\nvP9R641Qzfsw/7DumZjZJWWRFFmO4Urv12QxznVb1LUCeABClEfNyFmxYbKz\r\nC4qbEJN8lQb4qZoCNixtmuAkbNAm7zc6o293NodWdZPbltUj7LKg15wlTFmt\r\n29Tj9DJIG8z1P6Ai6unIxDa8DRxRPXZyaOY3kNVRzlipnpxWjvkNtSDcj6Cf\r\nsS4l7pZTxPvCj13vPdfVNfExArXvAd6EvO0=\r\n=Mk4o\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.afe0307.0_1650387640743_0.12278287789224485"},"_hasShrinkwrap":false},"1.33.15--canary.5fdc4df.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.5fdc4df.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5fdc4df4c66568ce20a1a9d2c1c68f9785438064","_id":"@atk/mise-ui@1.33.15--canary.5fdc4df.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-f+NcpiY8m/ju21dNMpm6D6ehUUPTfxn+x9SSDefBuriKn8Rx9qLWdGq9oh3hidjR63+j/gDgf6j28jMXzarqMw==","shasum":"12c24348ec2a91c19d83bf7a23e3d6d72719b690","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.5fdc4df.0.tgz","fileCount":818,"unpackedSize":1774961,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTXmHvoeqL7BIZ0IYRm/vm0GmzjdhepQO3VouaA8s9wgIhAKN6qqlsKqaqRsBiVThg1miHMT61xPS74dypCCZsa27k"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXwAzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLlw//QFZVHz4xhVMIJOKz3MpC6E7+VVwwtnShky0uM9SQEa6Ugtbr\r\ntck5UQgFXcbFsxqIkEd1xz2dM7DgzdGWrxQwx076amf4jORSK0YFQAsYHKgg\r\ngH7kCFVxKnxaLXj5J4W+XPp85/iD7m2a0SMZQRfFc66G5U6eiZueeNcSiNzY\r\nMvWwC2m3mVjIjnFTnVBmJqJ1Qdm8G6aGTBCTqfgkPKot3tqPxitg97T9DLTe\r\n/MSdxZ/2OwRit6zEohn155l/fsmRCCLM8qOoGfpQA5z/FvRbo3NWE65DjTEM\r\ntF4fm+KchbCpqRSdgalGprY6rtUIf9GpKZwSlhy50JVLfnB1kRHoL0uhU6PE\r\nB96vHuajqkd6ZogujT09FjeMm77WQxZnYIZjjHMy3CYpL89qHOuGcUREZ1Zi\r\ng18H5ihOSdjFQyCOoMiL4sx/zT9/EoTa0WBO88NVRVxNH7Q3VkJ1FMKs5YIS\r\nz6M2iq5uDgQ9Y3EbllPZID3sX2KLAaNcf6BrEaQXlBGyzAB8gNe4JdWg3mko\r\nw3SCNwFZWjy2RaiJMDfnnIarECwowp/uaDBaGnRPiME6Aqb3Q0A6Kh93wwUB\r\nKgyXazduDXb4eK7P/WeUCQUkivPaQ3ODhIHrAsVavqdDXLJX2JPII7CVgy/U\r\npE8TyBJEyLudSdJZ8Rj1Jmp8uEOx22CcBiE=\r\n=Tbyk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.5fdc4df.0_1650393139685_0.7682057089195862"},"_hasShrinkwrap":false},"1.33.15--canary.6f67394.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.6f67394.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6f6739451767bbb7e1ece9a6b0d419192158a79c","_id":"@atk/mise-ui@1.33.15--canary.6f67394.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-41wxJ2Rtua1zhb8/85ogZ8d+yFstJn+MproLEoa2iKaM4IcQ5faoembGtyokRjFJZQdr8r90eAbb2ySLPTUaDA==","shasum":"448a42777d3a2de038b55d7b9e32719cba7a1d5a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.6f67394.0.tgz","fileCount":330,"unpackedSize":1444027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLJKEH3nUPHViABxwniybBa5nar/xt9acvNlWvH/1OuwIgSyuQeHKxZAUjMhLXIuGSQB2GmxBtzp3csrIigHJvQaM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXw4FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZYQ/7BJ/HP6RcAFH40DLHAgCnJ9OCmGFK+SwhNcZEiHmRVpeoJANl\r\nveFRbpLTPlRYSqerxSVd8xxkNQ0ywonva3g+M7b4sKAyoCO+S9pR7jvnet1F\r\nPZCO4iqyNNBYYcJqbURT2DCh2s5b+vsBvwFtDtGW6gMk52re76A0Ip0n1gaW\r\nuq/RaflUv+/c+/OnpuxAeG8IR6y2RCiBJ2N7hRFT/zEzyWoLk5LCO2bfjkkn\r\nsrFv2FA4tLaniCsQBMBX30JftrnWxo+oeiEMPv5Yow8aJY9jNOyUEA7wbuK8\r\ngxnzrX54BwnBk8cy1AB6FEJ6OckaiQntLFSkTSHdrp4fMC4n1H5cFDPQAIV8\r\nbA4AKDuhNNPuzL5qtnMBmGA7nvEi7nRfC3A6X6qinaClUOUAFOFzhLlPLUYw\r\nEdSlkmHq89hWdGFEWpHyN0OaCuXOIZTJUoGVKpy7axwVFr6H8IJB2NVy6vJs\r\nGVVpXUtJS+iMVqohIDaXUO6081TqtnS+cU7VgG0nMWRrpXiRfFG4X1meTnXN\r\nvrGylARcJ+QtvAQh7ziB8eAz3Ot0N8dvA3iSfvr0Jy0mhcanlioiiDw/4vYl\r\nPzLe7GYy5DSYw7WcYGeQqVfTC+vsIm86zgH+7HerbxgSJy5JLZ6JLMDMHC3k\r\nY9IXomQN2abyp2lUBeSPvaZz+5AyjHUy9F4=\r\n=6Mw7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.6f67394.0_1650396677447_0.2699432396746635"},"_hasShrinkwrap":false},"1.33.15--canary.687f08e.0":{"name":"@atk/mise-ui","version":"1.33.15--canary.687f08e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"687f08e00aa27e2aaa7182cffe66ab88ca2db492","_id":"@atk/mise-ui@1.33.15--canary.687f08e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Q00gZl97+2Ty+E2z2OqGJd7w4+27B6UBmCQrgflu8FCYXXvxFOuvEJxt0coz87fzHkeN+TYHwLWsD69w6BYeMg==","shasum":"f6f84bc0a7de53c62eeffd33fcb91e609bc81b86","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15--canary.687f08e.0.tgz","fileCount":818,"unpackedSize":1775142,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBXVQ39OoZsf+vuYmjF5xsOzcst1vWJ3uNcpWnsIdSsFAiANmGAMf5SrkS9fmB+h/V6ib+/RM5ZBUYCoNqd6mr5+Yg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxb2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqsbw//Vw4un2mLWQCWpEEvg+qdMoGqUug2YI4j5w2/N8UKt1r5D02O\r\na/TNL299aIITcyPHh7HifZJpC40BBwJpMJ5v1s4I3Ud3sHtP+cxYw7yY1vuy\r\nVUZehgx7mvivuWaoaj8mXp4VuTtNh09tD3OYXmcOZw4Y2SWfD6RkG13DQBx1\r\n61oc2BqbJnPdgmh+Pq0vRosNMliquRxv6DHW/1n/jS3ajWpvbf9oOvT8ANyn\r\nHtW55WzVzLErwKP/AvV+TadtWNx81NF5jxt2gM4xD3jz14/oZSw4j/3sEIP2\r\nCp5dTTmZK02C+5mpF7DwA3QPVsaUJMbj/eNlTbxe5fskMhSmtdqEtSCb10uI\r\nesqv7vtJYrkKp4GT00j95n/i89PNAlrELP8Jp3BKwtlsx6lAVO89Au7neNLW\r\nJCsNX59LgJ7KdCy5cSyhyLtTyK6HSIAy88laUVVhEfYpAHudsrQyW/3wlUG6\r\ntQkkOXRUgrzXtPwUgAQOEhaonkIbz1qAmjVC2IQfqP2pRyqPKeD3s67yqgbe\r\nPpFM68VTP+oi01naJjmon6cWBmxFXdmVfFGRRuNLk/NoWFl3hmijcugZoO7n\r\nQnYStVfx+0Iypj+OWhqSu4BpOuqolMES4I41lScQ3BzPxiTMAzYPLNNzMI3w\r\nWXuxTQLqYF6Fif9DVoUZZBYgrsPOJA49Ses=\r\n=OODJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15--canary.687f08e.0_1650398965715_0.5102020446911353"},"_hasShrinkwrap":false},"1.33.15":{"name":"@atk/mise-ui","version":"1.33.15","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5d4a385fa24c7dea80b0d7d1d43969f66e8fe9b3","_id":"@atk/mise-ui@1.33.15","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-tD+LGoKCvSJu80mcbIBZNYntcAjuGlakWmv1sGgGi0qe6IqHKeQ1m2WUWJHjbU2seStNwHX7j8U1OWbIR6Ou2w==","shasum":"0f382848e1c1e7fe38f37032fe95a00901153b25","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.15.tgz","fileCount":821,"unpackedSize":1762814,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGvygceBxJLJza0x2xh4yMUwJeg2PTFfc9/16tTXsKbMAiEA1iZTK0bGXLn0DcqCOiMT0YnGW4MMAwe3Vluw1XU0MQc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxzgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWpw/+JVZvClrOfRLRdtKvX8hYCjITKQtGnYOGf70h7J5DYVDEBLFq\r\nX5IVlScJJ6ma3qYkUxFZH0wWqFcczZVE8DZ9ysdPAZIIqjby23t8cdxlwKQR\r\n2VISuhG8Cw3/105xSNNmJeeSL3hbm0kqPPuPtgME2zpy77QRUuQt8YZF98yv\r\nBGXIf4NkEsUYwRCbl0w1QWYA6zY/PzELLexEFP3b0b2FRXd7Ea846BG51QKi\r\nfJ0KGjQzlik7KfHmR40aEVhsaQRgzAo8OrHD1Kh7UrOun2TzuBf+QN9i3bcZ\r\nCp8xjJoyDGQDa6TkxzjoPMNqBjO2e7BSUOLjBv2V8G6hJhIMh7SqY9Fqt9wK\r\ntOy2vwzaGkAqiG+45zgM9ZFXTl3kRWrhVHhF6tE433V6osT4Yy60e/kWict1\r\n8a70HEFlexHXFQdlg+PjwJjX+H4tv+xkwdCLm/XFmzwVsec9knde+FpFnRpU\r\nwVa9LMRYgNzmlBcAGRn8YkoCD8Z3uRxJWAnof/H33F0pagEA/OSYcbH23HQP\r\n9GZ7cZpzQqi0yhXLsccsjuC8dhZWXutVRry6hZj8Bd0M4hc8iDMY8OhV4rg1\r\naCCjZLecTDamvJNoR00Ap9MEgfvKnJzhTnKQHS/ZjG8LSLc2JEsigO+OPo9F\r\nTH/CgqBNTILHwVhY6sEFakCPza8ttWMIhSA=\r\n=3KXf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.15_1650400480406_0.887321960758507"},"_hasShrinkwrap":false},"1.33.16--canary.14d0e6d.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.14d0e6d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"14d0e6d0e292db00b39ac9b2d0e4c16c217241bd","_id":"@atk/mise-ui@1.33.16--canary.14d0e6d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BtOSqwBUy/HWj3BtAdrNknyhokBeWf94kh9HXYkNwfvJmEbu3xGccy1CtWrM/CGH/8aO7u3jTJjpDhLNCebUnA==","shasum":"4af9252113bb9923f339bd096e44c6c3520f2abf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.14d0e6d.0.tgz","fileCount":863,"unpackedSize":1916916,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQKakQXvXEJTdnrhZRRr2JVcMX1FGc6A9VAe1MfXHp4wIgeHpNvPfOtAOojoCLh+YEGXP+xvGpWR7Sx+1NstG3UEc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYC/bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKug//V9OG3tITAPZzGUkskOa/7L122qSR7DD9FX227x219Jv3dtG9\r\n16nrrO6XwvNK6z5OeJPhSVXwp0Y+gZh2/fyLQXoPjHU6v93gLH+IU2i+0djx\r\nK6Vn9XNj3dTVIOoEuhZ0Qy6wRkV11GqQfj4slaMguUKaCThbxpfE7Fg4I4jK\r\nFzKh4SfwVSECCXbezTuJnGYP8g6jPF79TKsv6EIONUfxoELrdJvdVlFVxQim\r\nfF3W2eZcRnyQ0DS2PqL7T8YCKUtBclTBd2xDKdyjFox6NO82C7WZnRbskE2b\r\nG7w3hvG+DUO80PFMLX5rY/yP5WGCry9Yiq08aG+vwg8YFVrO6+mzKSHoscmn\r\nP73nBMAicAe8C93PIs05agdfm1qt6/M1DCQSSRQ5GarqphUWHukihk/3Jbxv\r\naMPGi/dSr9rE+k4cYnoU7ZJBcuT3zRswBrf6NE7JiveKqb4dKTbbbsGFLGki\r\nNGhCocYBWPZ1okL+RTkTKBYbs3Via+Fx2dx+Fu8uxIwjO5FlS3WgHJOX61CJ\r\ncIiw6LJ4vMtEJoeSbe7GDFvVNS5NfgcXuA2loSTmBWNJ+Y7oZlVpPndn6+tH\r\nM6qLikFWu1Fyxcg6lPCaL2Nj/il9s6txVFmW/VTjYEoQqSVwLjnr29qelo5Q\r\nBeSxmDRFL7NW6DBhqCnRILZcwyiMJkKbUUM=\r\n=e/UW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.14d0e6d.0_1650470875090_0.3849679668882162"},"_hasShrinkwrap":false},"1.33.16--canary.9e0f923.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.9e0f923.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9e0f923f1ad83fb1cd98b35214e75889ff96f6fe","_id":"@atk/mise-ui@1.33.16--canary.9e0f923.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-wMtp6azX1PpBCr5mRo8DRe6CkKoGgTqCPHrbDQr7JGPIZQDofQxgTAewIF69X4BaoC2vuWRafZEkXjwpQbmpag==","shasum":"ae059729d663f186d96e00b5ace377a8eb0c527f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.9e0f923.0.tgz","fileCount":330,"unpackedSize":1450519,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3jqmzIwAg4xHIIYQQL7BvBwUezZ8M/7teJEezkH68rQIhAJethYVP9E0WjOpx4nz7Ap0vCYq/bD3t4JloZF27+tje"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYDhtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi9g//RxEDvYIuSWkQY8Etnfb6lf7KZDUYxg5ZzBHmE/QczdFpBgM5\r\n8vGTDTtyp1isZbDwpSQFHVFcdG0UJw771VGmQcs+ii6DXyeOe1dPgCJ78U4y\r\n2XEl5VrikLqoPg/mxtbc5oZgHEEUYIMLJ4Aq2HM/cc/d2UrobnHvtlbhB8YW\r\nLfyuUo2wekaENTSEERl8pryEWLYZnT9hiVDT+/3as+ZxJhIwULo5t8Cf0T66\r\npRTAmvWOx2nJDVXusAeKTroFoSSSl3RXlnTlwnP6fkP9ndpHYW+jqG+Df0E6\r\nFyRjH5akXPCY1ljx0pt0gmj9diNVaaKuWXY2viqHfe2Rw0t7dPRC362gTk/N\r\nzURMBbkvmNM88FLr3gTT1qz76us09YEsZ2D/lgmiSAC5cSYi1eHFxTtgMNij\r\nrlK8yyLZkpGluprFABmJdIjN1phsQUSKwGmd8OEriRfZbCEzSc1zPwRcPaQl\r\nqDNsl9/+p1HXttwGd6oIDJj5bJrQp1FMsH+nZeOxC7LMHwdEcTX32e7631J/\r\n7GBdhCFIKbVWngxnwm2nVySAGy5B6KC1YPh5dsBXBk4EzaDh9VVEYeZliDwc\r\n5W8dDn2ZEFZPnxPTGNSzqDb3VH5ByiMfMVIO4v+NrjTEE+CRA2VbL/gor2Db\r\na4xcImmApBHznYcJm6N5h32vJbFjUe0N8jU=\r\n=0ebl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.9e0f923.0_1650473069429_0.3635709978421904"},"_hasShrinkwrap":false},"1.33.16--canary.1d4111a.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.1d4111a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1d4111aa5606a88c52d41b3a139be5ab81041678","_id":"@atk/mise-ui@1.33.16--canary.1d4111a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ScYfCYieB39Qs+gRn9/zkOde2pT5K0VcRpeeVZim1PerRoVr5eqgwdA+QbjH1ZurbsrSK/6QaDqo1ftbOiImIA==","shasum":"d6990166369fcde86eb5b0fcc37d845a4d7163e9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.1d4111a.0.tgz","fileCount":863,"unpackedSize":1916940,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9SJPl2IvztFwnTdzy2xNN/+ksILYFvZZomkJj+C94ywIhAJoXGBaGi5zYFJL3CeMZoDZeAGAMan7aAQsFqEq51MCL"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYb7yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2Nw/+IgZBAamC3xnfubjt20WnFHGXSdTFuKxL/E6Cl5J+p01PUSD8\r\nFFVcHvm8p7pcxYLUOuRQOPistMD6T24+TTf5ci0AQCq8v5zJDJpufVoxkv2a\r\njJQkCo4jw+P1YJDIBP46gxlqkcblVIBqZCOVllicMUPJ6I5Qp8e6AfoqXpQH\r\nU91VE7SrweN+jnT7I5+9nWwT0nAyuNhtodjF7xKmLFBwzRvO7AUu2gQeIaKz\r\nA3FKjUdLZgmrFRrMoa2mkYxOeU4fXikwTwgku3buOoCymeFw5COkNBU4ZPFk\r\n3TwQAl0hwI1zpWR+F7afdl2EemEo5OXNMChl6foWl0jdbaYIsL8ufw22eO4P\r\nWDLpp3Twd8UjHG57Zy8D0FDCu4KIJ1Jxc1Z82a/q9XcOHY+08hPpN7ZL6Fgf\r\nYxI+12sMoj2ooRdvi1sT2HT+mchxkQg59q7TldNe8aM8Z2HNRS0PSNVzzkQm\r\n5yiNfWYsfiiNrID6c/8+r9wgD/ZXf01ktiyBfenlwOEpGwcUuDmn+vSY/9T5\r\nEQqmPnVIBFrovjhDTo1/uSv1iSwHbQWdF5UdamjLl2fu1QfPUIkdirRz+cAg\r\nugxrkDwQ5DKdiQ0Fe58Lgx9RbFQWyVTRRn+pJ76wOaiCK5TYxMivLRaCI9Mu\r\nucMsw+Ku6BqRdmK64LHabcxpK1x8NtaOYHQ=\r\n=YyOv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.1d4111a.0_1650573042414_0.1471697308057731"},"_hasShrinkwrap":false},"1.33.16--canary.786b180.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.786b180.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"786b180e7e7709489241af928c5c2df37f9be013","_id":"@atk/mise-ui@1.33.16--canary.786b180.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ygSgFh0hP3mZTjGJj7u9awx53d8HK/4N41qGEFueM1jfoWTMyFodLPSi6TqjRkgdaB/HjIeZG0MdKPjm3v4mJQ==","shasum":"eaae615a82cab1a0eab6aaf26ee6ed2045d30e71","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.786b180.0.tgz","fileCount":863,"unpackedSize":1916941,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDF0VM43bX8npnFp96QUyN85i82lPcLchvQavjMwxoiAIgX+7Vq2NeP65unsA+vwNNS17STg8px/WIxpL2ySy+P7A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYcBgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqE2A/9Fk38dUVJTbBIqvJpeBI6aQcx3ZSs1PsZ7prHTbmsvuCUV2yq\r\nbxLdWlbr/rJRFScdbhw2ybAEv7CnY0r0lZt6fIoYTsrmC1+n4KK6ZH9rxMLB\r\ngB5WY48G7TNkv1CHM0cp4mqDtYmjvR9XnAEBGyQvJfLdOmAplMCI8c6eaeA2\r\nlreW76aAS+CPasSk32pkD+nFmN4Ly2I/VVEDG1loxa7KyvAMIDnRsznFVBoM\r\niFpgAKDE1ZiAh2nLBcZcNUWAXH6rLGvX+/BYw4PwxrWq2k8JBqdC3b3Q/uRv\r\nMb+MuObFgOECWM5/7Y4fxx7NiK0fJrolXo2d+12TbWB7zqEoLpNJN/6Tsa3E\r\n3Oq35oiIVSVM99/5tE6XL5VlkGV+TauR/Ruyt1rU0bakQd67+kgj9ADJCUhL\r\n6tjeAbsbSn1xwKY2uJfDxiLKxEy6oB8WqfB85y4d2dAtU90/nsMULt4mVeOQ\r\ngiAFfoNYolQm3eCQbk2oGAlmU8fz/LbL0SCEa5H92eZA7yPsOHvEBvjPxBYP\r\n/YYnsbF37Mcnefu9+MYVKS+J5NYpGiMd8m2C/BkpuvXkAMCxbrIEsHYAS9Rm\r\nn8mg/sHdYnBfGNqPuIlNmV0ObcD2ZxVG0ETyeV7Vlxs8xBCuByyO6uBTwCMT\r\neNMrVYsVhqfQjhqNH8CYUaGVWg76lENzZJ0=\r\n=eEvQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.786b180.0_1650573408676_0.5806169181883953"},"_hasShrinkwrap":false},"1.33.16--canary.c525d82.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.c525d82.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c525d82293cb891d160dcf4a73f02d3fb4d57ca4","_id":"@atk/mise-ui@1.33.16--canary.c525d82.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-e13tLqj8Z4prRZrIuj81poDENYxRnX0KxBGRAII57c5+V2g26bsze5akPvj3gPLvvKSSFWuYLUWxTZnJT0/aoA==","shasum":"cebd7c7b21f929a6ebac1a4be3a72750658795ef","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.c525d82.0.tgz","fileCount":332,"unpackedSize":1466774,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWeaBsupDR+6m2eW1WrAOArUGGW+pn2REkUWkoZK712AIgBNXWhMlsWOXu5IuFXbRL7O1SEip6Ab2UEPdvF8FEl9E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZsu9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM2A//bJ598iwXWy1kU4MaMN/srLeO84+e+0Tr3mtiBWGSKCQr8RTa\r\nmTA/2ow40eleudeilB4M4lvA87RBb5NSJXzqqo5dYIB1h47vL9TVhh8t9kEK\r\nWzgTMUg/JUCwDT7fAXiKjy6MnpCNIrjjzqJnlLJsOhoQoAfinbKmByi3fwgD\r\nRyTe01aPT52zcz0jYMdJypJnub7QBAvSxFfIyGE+JfIvsHGOWD7JDrCQtJrv\r\nVIRbRvNftDDgG7ztQ62o1arIcWVYhNtSbRrEg1wtByOIOJVP0ggA6djuJAJf\r\n+tcQ8xhG0gTVL19/061aD4ui7DGTiPWUynR92L8QrONPD63pxp1mDscxC3rf\r\nMjJtviyfCYxDrhV0zhCq5xHO0NcJUD78Gpu9NJFcdn2S1WSBluMshNPGz7AZ\r\n5dlqEYEIOkNtxALINB+VXTHJHHWzYW42/E2NCeqBmAsyfM38f0sfjCSKob8A\r\n1L8lVyFeTV0RX8+1zOmdHbPBdQrqPMCTYwLpDtKS/imx0xGBjXG4yEMm++zq\r\nj+iOo7LVRSlCPTwqRfoOdRgBTAKMUCqc4H3RHf+a9IQmR4XwqJ6sfyLB0jaQ\r\nsrFTl0vRIcpiXkXppdGVa45bsujhX+pBGLOHKILa1Ru9FJfBOpb5pTkHqRDE\r\nx4y8mVQMWUD9F1/2xM/fiPcA+XepvJD/nAY=\r\n=59ih\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.c525d82.0_1650903997174_0.695994359412655"},"_hasShrinkwrap":false},"1.33.16--canary.3177e5e.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.3177e5e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3177e5e4b5a3a856241b748ad64615295ad2a704","_id":"@atk/mise-ui@1.33.16--canary.3177e5e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tSov4h2pBc/GkGUr4IJSzlYxPcY2kgUVY/etyBx8FqM4dZaJsbeR70KlbOho4jQ7qEpKCZuMFTbsC15Baep5ng==","shasum":"78573d761297806053ccc86e5d66f3e5a1d319fd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.3177e5e.0.tgz","fileCount":863,"unpackedSize":1917878,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJtUbYdvj635xnlt5qXvmq58jxAMOZZgYqjuEHQbcKgAiAcUx6jO+qJ0pSowla85QmTZxBs4KaQ3M8Nw0ottqIQaw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZtLkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmox/Q//ToTIq73Mx+yu0zokL7Z04SYpES9rdrxq1sR7YM/ZBDKmU311\r\nhg9r4eyLN5mu7W+Y5HiSk9PoFJM85vhwFueq5nspjWzq9lZTEfwbLq+cBEPa\r\ndtakAhWJ6f+6Tf3UfKLYchJTvz38nBBJzYgTkvs4zkKOkGgWpat8Ud5VX0hp\r\npHufpoFwwGtHO5CbqSK4edjox4ZBOqoWXVVeCONHRFEf5zvpsLIzwt/EepLz\r\nl/cqcEx4l2AKceqwdWd3s4M2LCEWfm26gMNX4zm8KLZmBhMCprQe9QbvV2Lu\r\n9PWF7xJ1PFVVE7iLZEGBE/smY7EEovmfgZYv7wScjsLYt8xNxOLTW+iZr3kr\r\njORnBz/5cBQMdG9ZrfvTyuEt2wWIUgyi3tGPp8p1sGlfDdcxE6ssws3hFp/l\r\nYD4phJcPxL8ExQBVpssCFMCwl2kjP0rtwBzqQXMNS+NgojXPQbLRdUW6BHcu\r\ntPuHEiHdLysKk8WZuojxWBeqIWj9RGYrLcuAau92+sqIehqc0YelDoFChBSC\r\n1Gof3t3IdcVs4H/TX3tyHW3zwGQXSFMVZkFLxTBGZsa2RBydKd8orLBmfThl\r\n7t6nriU1ko01Q5Ni0hCfgpKy+LOSH24r1t183oUBaXXODL/aVmrbEBPvWmEy\r\nOOn9ByjohOiZnfWMTg8CwWzRcu4ahqvtOYE=\r\n=rP+p\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.3177e5e.0_1650905828686_0.573465802877664"},"_hasShrinkwrap":false},"1.33.16--canary.2fdb7cc.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.2fdb7cc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2fdb7cc6e0c0ecb2caa8bc4870a8e076b79152b6","_id":"@atk/mise-ui@1.33.16--canary.2fdb7cc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-DEfGKtcxZuqtwuIzV4AGYOGzDv7bWXMbrS3yVSj0i6DxFvtWEdDgEstu+ccbBS0VH6VFUgYP4MBOZM94lP9BFQ==","shasum":"4d21c081a53a3b5b383b4d15d3d04b5604ddf008","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.2fdb7cc.0.tgz","fileCount":863,"unpackedSize":1917941,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVRxggtFfhnAb1iSHj6Ypl5WhCk4Q+QpIk0tWtL28cqgIhAIikSqNcU0bWuHVXizq43FpsolVLlo79rjjrCEVo+uxv"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZtS+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmritQ/8D0+BIiOkgIxBSJHcK5RVIbW050ArWfx91++dmVm6hEYsfR8m\r\nDTd5aWrNMOqPsOjI/N2zs5gJvU1HYimkCV97+urnh9ECMZFpcvMEIjCf//VY\r\nEc1OluglDkM7Mm6pt6/oafRYtA/aVOsHXHkxCrpX6dAh0s16J9xn8/7yuJV1\r\nsvJHnTgvg6cg6DA4qXKv/4DEvv1JDiNb1nalb5xoZKOEcFkfWZedaMoAeFEz\r\n0QJ1MDqjYFbkl/mB//t6+lbM8vYIqOmUeQ/fzq4AkJnsSWlFZZbpRVhGdJ61\r\nRvYN685HgUF6mCMOe3ghyiGSZcpVXKTmHY85oSllX90c0pOZwrBzBLQ/UNJO\r\ntfSvmQ0tzftf4r8xbnmcTybV0JzBLSfhJH5PcNCCumQlELFiHWzd6EkKaMBC\r\nXcdgTmaeUn50lxTeSs2ZO7OI0XUfr6lzFBFSFpLR7+qDO2zVSKy5DMVxYRM1\r\n3s9SqMbPKSwF2syLj1MLh5HTzIpBgHhmUFvKgRuRwNNIrpi8s+OR17nxUIZ6\r\nBVw3sZDWrKNs8K3lGhcdbDbuoV8XaI6Nc2If1xNRmjfO4DZ+1K3x/g3U7YAi\r\nvImmEq1sFEVhADmYCZqBfW377tfn6MA19aspA5tMbzfD9QX3o16pTcJwVRd5\r\nrbkOMuuK2hmt47EaztQAP8W8UnIdU9Nhbos=\r\n=sBmv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.2fdb7cc.0_1650906301546_0.2782065162444114"},"_hasShrinkwrap":false},"1.33.16--canary.f3e75b6.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.f3e75b6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f3e75b6fa0da7a18bd468fd21358eda451911084","_id":"@atk/mise-ui@1.33.16--canary.f3e75b6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-egGvK+pK9skXO89e34HkIHM4DRr8tX8FOJR6wNEzK95/njLhnMKTyj+dTiqSHu4TZb8q76BZjTtSojNPGKRoDg==","shasum":"efba03c9929c71813943c75551c48260c4eeca53","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.f3e75b6.0.tgz","fileCount":863,"unpackedSize":1918002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6g/e4ZbzMe97vXsGUH4UMC6DRq9bZjDx6Ua37qnYPcAIgWqHwnGubZWehm0FpVwfxF9id9TohcJMWwlakS+tHXOo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZt4GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZmA/+Ndi1Y6E8v+bstfDx04mmEGH9qqlP5vkRF2w+1O/br6SkmxyZ\r\nh33v5Y2jNU1bJn1syjQRRWAS83YZBtlCCj7AL+xryA5FD7Fot8GsJ/M/A1kY\r\nL8KpQ9ugWOtgbYlqBiTUjnRhw116wzC0pU7BggCRKrd4X91tHwF+8LIA2Xjl\r\n6ePBXZaud5I0GlqaHAvwdJWhEpZjX3dDejB4TC/KIbhTpPhYJ7Avd0PreOAJ\r\nVQVjgR0eqrYb4wtRFRX6PrKhsWQ4fdt4x+djOI1JRiONOnuA2Aoi41RuMLK1\r\nyWsFwVxzOtZU1/Rgyd7Ik1SL8fCkUoPtBHiPGpqOkZc23FXJY5sCZPFPhqRo\r\nKyf7FppFVowojUUXkySJLlP1HiekMmeRuY8VTlhF3OippcmN9z7dQa9VCKvO\r\nn/cGh4Qd9LT9I3wh+UtRCQwQLYZLjpR/DPJ3qVQH3SK1KPAgX0pA2OyUlYom\r\nMIY2A2rjWdl3RDnrPzHs9yer+1q9XNUA4K1MdMrQ/RVRfXyE/Why0NRpXjrk\r\nTfz25vel4E5iZWYAfAESgtyLF5tWS97OO1aRNn1hhQXJD7NQTNuWsv63Mi0R\r\nHPicHm5FypNIiOAzj25XrDeScxmARLMDnOH49TbK12cAd18U9QQB23xe0WB9\r\ntIdBbbmFcIeQNdTvp9ygBVCCtcxz/fCKmNc=\r\n=Pa0Z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.f3e75b6.0_1650908677861_0.5332158982582793"},"_hasShrinkwrap":false},"1.33.16--canary.57d6d88.0":{"name":"@atk/mise-ui","version":"1.33.16--canary.57d6d88.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"57d6d88ac01c38592adf2b7c7967c78dd54e991b","_id":"@atk/mise-ui@1.33.16--canary.57d6d88.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-w9i9Wfdfp3cw9S1g+/gvOSqG9yvpHHcakNrhGQ8b1V2EG29AsUkDoe/4pUnravMeeb4I3JD3wqJkWzBSqHdAiQ==","shasum":"f9b83fe268bbc21b5bf2597fec371e82f4cd5d56","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16--canary.57d6d88.0.tgz","fileCount":863,"unpackedSize":1918126,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA5xKIQYV3R4iv+TMndI6lyCaszIQhdn6NBoSpdH7VGvAiEAvKo7uJpIj9vkeASmzET7dEeMX9NmiCvWEiNeyBED7/0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZvYkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmplzw/+P2zaWe1CAF2mtyem8lb++SpEpm+mcBIxjYd34kLQt/RfegYO\r\n3N+qFW6A6krzPENQRy06j3cdEMdJvdd7RwpKipDA0CNw9mAjjToCXkGfLWWB\r\nf8+53RvQtXxTAnwlx0A+JowFx7AZOT/JZ980xblKRJzS87OUONf57WCcmFlJ\r\n7unppNXDoB0RtXaUBDAxDilB2U7dwrPoqXdwjqzeDbC8yPVyw51z8mzg8dRC\r\nUTb8xcayr29KmXhxQKwkEgBMLD/2qFjGkX3foGUmRHySzNmOnN4ksw90OGYu\r\n9+2BaP4g/qpG2BSMfcLUwWRUsStf9zaZHBlYxT0nPk1CKTK16v1wgWPXj3hQ\r\nWh8R1JXq6A19TFKmbIesQEJSTR8csqcCfFFgxmXziY/isbG4dKhQ4FE46h6z\r\nMNkzSDmQPdz+BGpzUcWNDTPPQtT/uCw2hMya3+nm10l2cQjzXkDNAm3gDpbE\r\nnNRCwK9Xfkuh57WGj9j5M33hbfdfjnrDR2iPkAuad+DhlvE3nCoxKj1iIPj0\r\nJyGvogpDt5geEExwsogQsek24qYx0sepFqSpHO7ou7Sjzy2brEbiMhhSXpK+\r\nzP7B3LWXtQFhoqCVYytBKWnjJn/ueh2qLgGx+zLCGuHsfSYMaIdATq+nBUru\r\nWy9Mt+wdDFGKXBJFIKP1ASycB9YQsmWHuLI=\r\n=z/1r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16--canary.57d6d88.0_1650914852072_0.5167187768954762"},"_hasShrinkwrap":false},"1.33.16":{"name":"@atk/mise-ui","version":"1.33.16","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"53aabc6ae584c3834d08061e7277e447cfd8a4da","_id":"@atk/mise-ui@1.33.16","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-a7xI8sA8cw/nI6w2g2iBIonT5WoIROgJhgjabn4Cw+anECgrd8jhsQTp+uH9tQxKQMtI684SSeLRgRE32Jd0DQ==","shasum":"89eb986f03d3b461e1876f16970c35cf3fa396a9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.16.tgz","fileCount":821,"unpackedSize":1763053,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRJ3/e3eErqNXNg69eQgs2StVxD+viMx9deXaQy7NNTAiAuMNYM0kJju3rd/iOlf3tdJx1F51x4N0kOz8lGMyspCQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaAwZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoirBAAjIxpmEjI6wZHxwzS5JYR+5AbfR/JTQlAKrbqLVZ36l8opgft\r\n0yX972kM8yIxB1LTkbnuj7yo2rL8SK3J0CuinwcqS6ZsOQW4qa4sc0fcKzf4\r\nYmMQmjcqrKYTduauU4cVTFnEcf4nxPgAC7RXrrec3DvigtF5Z8yE/f2hQnsy\r\nXBoNyPweaY5bRremlrKqwj2uO14hCpnal90n8yZ0TmEge2HbHyH8+U/1y7WF\r\nlIwA1hCHlDBrAA8EjnS6Z7Yg6JrmEX5bXHsd4ZSBiL86jZzd1V3QLGjAcy5l\r\n+TMKhY81kedI/jGpmk0H42MQlimei6X6yfgrB4oihpgKABJCyXLJXJnd4tay\r\nUXzItRvKi6XyURnm3We/qUdSm7tuUUjO4zbTdHhOhmb7SLsqzp4EM2maQjiQ\r\nd4w7bOUvxNyF13KgPZLvTjbu+AZ6JJr4SW2zS2cci7+rHUcA9tKqQKTFhAdt\r\npGe/eW9D7CvdaQillh13vRG7GxbDYPchRLpMfNDZkhM4BMS/bGw7FSViqilQ\r\nUeU8tiAX2YWWl9z+ytobI248e5dUfoTpDC/S9DeALdG7I/ksTGbFYLvsTi7b\r\nd/Fn8TZeKAr2jY3hvnWysTHUwdKYyoF4gDbF1AS1bMUDkYnP9Nq4IKcGYiPS\r\nJ11P7dINVoAKTpLbu8lFfcoil1cewowv3QM=\r\n=pDL6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.16_1650986009134_0.4165931393414062"},"_hasShrinkwrap":false},"1.33.17--canary.0e5cb57.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.0e5cb57.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0e5cb57ca8cfcd11cab507685f8102e5d77bade6","_id":"@atk/mise-ui@1.33.17--canary.0e5cb57.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-mltH+SBo8eqfcGC7UrHj4yxCAPHpkoCyR/UbD2hpYLVOQKHWzfSrJIHBlGCN5WQhZhUdKP9rpnwzPiMBZ5FncQ==","shasum":"13a9ab0bee4b530c06e4e5dc1ac1ecea1050d20d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.0e5cb57.0.tgz","fileCount":863,"unpackedSize":1918127,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+Zq9rOo5PV5y06BZtl2umj/hySwcTVq5v/To/im+AyQIgBQTyqsa7T6CXqWyL3qYUFELP+LwTdspuk8TdsS8fc+o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaDdnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqenA//TB2tx+5UExlvPipLSUrvfZyquVDkYWGtjeZescYg0MHCjjX5\r\n8VeQ6Vd50HCaJSFdMkovon5F3dkzIlPzqirCdH8aQFV8xlZEX9Av7+PWV0LI\r\n3EoXh1ItM4VyJe+swiF8dyLJVkrkLgNAPdfKh5DxcyRRC2aJbDwMe9m/VXAe\r\nx474ltmXfZX05sSQjEwujSaqGsiC8S2bjqoJUhhE3btBXnsRLWNn6IjTSPKm\r\n3XK3sQglrLuOpgLC6zqVwTAjvAB9LLzG3Kk2M5qscpFUwjKhSgVLRLCogh+2\r\n2Yj04iwgxaHE1ageqNALd2yV03+OD6zamb3zdQNb8qePsalmkxl7cOSQLzI5\r\nctE5sAiKIn688Xye/e0f+hSAz4otg48l8CkKNVZw34eIaZtlCCaUtN/CXVI/\r\nY04sUQuPpXtsKzg0muVTIB3ATNrC9wMnIP1H5wfc3qTHRbn/XLLdMVxLAqyl\r\nKV9sInBbZIRBnKFQKQJhNR4/c9JltwSRZachHGBicDJpsONQFAmCDN66Bsto\r\nEXym7k+EUU7PenzhK5uAY5QFk0Dvmse+N4o8bwPIqYWcgqZ8J1oMFYcXq183\r\nbk3zIpqOto13uHMvGpUGPJQrDQw8MDJtKq7WJLNgbFYgLcNfg6l/nARllrJV\r\nE+70tEbxf1oixn9UcdpKZIgMYpIgIOiJ35I=\r\n=a8Rk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.0e5cb57.0_1650997094808_0.6326366616445178"},"_hasShrinkwrap":false},"1.33.17--canary.4c29f12.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.4c29f12.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4c29f12bb2e5482a06a356b100edc226f9b292c4","_id":"@atk/mise-ui@1.33.17--canary.4c29f12.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-npMZGS4j9dZfF7eGOOUKNyK8qOGWn/iQdhaDJ85CUo1QHSu672SL/Ks6D0u80AXx4dXMk3ObLurqzAv1LGIrbg==","shasum":"51cf23ded1ef80bb4e327dbd87a491a5cdb738f9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.4c29f12.0.tgz","fileCount":863,"unpackedSize":1918435,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEfeyIXaXTxhyoZh36ZMJMGP6Zs8j12h56zQ3Is2PraAiEAyxJ0WzzZtA2x8sQAc+kydC2Z909wPVDW4WD7sCHpfYs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaDsGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoujg/+L7riH+7qHvKclDADjP9vdsE8hXrrtrFrFpldhTRPX6H5ZyLr\r\n8afULTmxegrn+s9SP7ICbB9SkSBPsxEhoM0GCbasVb7zA5nlh8O41WzIHPQv\r\nqbjExWoZIOpdn+C1Oq8VcNGMUz8BbxS2f9L9i3oEDFvUBZkVns0/GJxurNW0\r\napQQoIASkCWyy+cZEibfsCrlZCi5ThtF0aNeyqc6LILlSK+vY6UallBp0G41\r\naQE2ESGDe3apt8Kp4QOY7NB6CROcU08t2cankJCtEkloB2ReIN1O+PZ4Ymza\r\nIOqfNa/Ca2nz4gu/P5oNSav8ahcmGrXSYJoZeotwEEsE183dRToTiTlacc6g\r\nHrnKn35o4XUOSvz5q4+WP/vOojMZQ5azh1vK9EZHv6xomwXJy+proijKp/DS\r\nvEer3J6Wn7fS1nKq8qdVm8CAnnqYeLxGoZaWdYcK6q+LCXSx2LcdvdNJJJLZ\r\n7TCF4EE3Z0fls0uYzA1KRSkcJK9r8poee9kaMy+TieNQ9w485vcz56oizUKH\r\nofJuqQ+NrF0LjlUjVqvaK6ngmqFO7PZuh4tPpJYOGUlv9m0BHBEpRQ4d6+7c\r\no61zvhPtvIa9AB3UdkL1wTypJvHu5f2ULk+LMPGK4MrZiMUhq64hA8G4i9u5\r\nyLmbTBpsX+r+2UGathQVXpgzs7G6ziSS1Zg=\r\n=44jY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.4c29f12.0_1650998021832_0.003519764715642859"},"_hasShrinkwrap":false},"1.33.17--canary.db0d713.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.db0d713.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db0d71364c823adb70b98f353d0278111e108eca","_id":"@atk/mise-ui@1.33.17--canary.db0d713.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pPs0uHmqeH7g8/ST8UNW5LSXT7eeS7dXL6OeV/qlhsqWNt7zGLi7OBoeNqCt+HYp43YDm09gqV5KbCTgVZHQXQ==","shasum":"72247b28622d86d104073e57f5b6a0b360557123","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.db0d713.0.tgz","fileCount":863,"unpackedSize":1918750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD38zq9ZJud3PClrq8N/ABU77ENGHo4awl7DLTiJ8W8kgIhANUw87ofGKaIzghRZS7JaVq4QCtiK4/b83HtM95nrASX"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaEL2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMOxAAjGm6R3nx84fD9xIE1+uVV685f1ggkL3WL69eXqnd1FKhGOGS\r\nUN0h06ehTr2hOiJzXFlPRVICUkx1a0Lzcx7GnNQ1C1Hzf9dGz0hsJk7OoFik\r\ne9t/JOvUUbI7SnnOzoln8oiUhBBickqc2zRblvZuEL51bU5rjJxQZHKI2pRA\r\n532YnxbNpOIBbafXGuqbAMfvBf/HX5v9hGQs+68bNfRBAKflIyjjqT6HjKWj\r\ntC8htoQ3mCNT72NnXLsyE0JCXAa/URJocAqHlsnzQFNSWu/8JIMGtKVfe5kI\r\n4/9xdM7d4x1/481ohPPax1w8HdA0wTDcA1fEe6LB+Nmn1mqv23+XXxPRYzK1\r\njtolc19hfa/wNQvSL+eJvZG1w/9ZAU/8HqArUCOXidfN57OJxOYFqepCf986\r\ndIx8R7DazOYkcPm2eOMOn2G+hMW9duvQ8iIom6O4zEV2MaweWN75WUb4I+YD\r\nkb3JcA7z3y58NyKxeOfl+Z580/XCZe0c/S40lwai48d0oymOg1H/DFDSfjcr\r\nhc4K/2xnTdOWOVVOWBFBsQapLDDE79FV/GK8cnf71vBLzStZcMagtZI0r/30\r\neOSh2VCkUvSSlOcugrt0iA/GdG+ZajFIWsKpRu9PSTMp6N3MP7F7sqhZx+eE\r\nVnGJvkDcFLxbDrZNBqGs+u/Hbz3tyWE/wwA=\r\n=M6j2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.db0d713.0_1651000054421_0.9843649211963204"},"_hasShrinkwrap":false},"1.33.17--canary.e429e39.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.e429e39.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e429e39582a7f4bf81d283dc68f0e4541e8b9fe6","_id":"@atk/mise-ui@1.33.17--canary.e429e39.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-KCGd3yGW9V/NMMI6Rv/vCI5o00gEzOK3XCTsOfmORFxKP62rG9ySKK3pgGlfzcErU8bMjVhcqkJRic6BnRtApQ==","shasum":"63940ae4fca111423beb2c85fc9519c6f1dd9aa5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.e429e39.0.tgz","fileCount":339,"unpackedSize":1491380,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHe88bCSfHl4dx0xcQOUpGLp4TTGbBmybgtQy92CZ9ghAiEAvGdN5xdjms0ilK0ib08RQPV/TfK1kIBxblDftInJCZo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaEx6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRXg//QSAkdX+Mh5y4O9PpSySkBkjkCGX8T/lcYtQ4XMYxNY5mGy2w\r\npjk5pZ+evDpYk/x54LpfiMh6sqdV1+IBPLbvlJzcrtiGTiC8tFGNlJevrHDz\r\nYb0bP/m0fS01u4/eBJA5lqje0GEpR4LdQjQO/BsRmV8HOpfmAai7lLWswvX+\r\nmkWcrM9NnKvgemG4iaUF0fYFNrhGVRiQXYB3IBva/rBJRlu24Q5Th/ASk1Ze\r\n0YB3uP1spjP0SgHvO62Q0Rn91xfUgz2Ycaly6j6OhfHQzrxS9iYK9DLsNcfl\r\nIi1uzJz5A1PS6DFV5fFEFQQLJ5mKr4lpwTPlsa8FkCALClm42WqvGUzdf0tj\r\nD3pxqaAQ78ngBkg4ed3I3a2HQXMFZo4/V6UmrxaAlmrSBiJ8qIbmoHGgxWc9\r\nrY70arzM5+suz8bjfuQCKs/4NzFOf9G8XwXe3eCWlhJSXpcwndKWlmCMKuy9\r\nhLNL+0A1qKUYicaR1QyFEtQ/uucUESlR+MS3DP8VPn4nazasGjyfPSBpkeOa\r\nGdATqYUj1uNwvcWgIb/OTQt1CqkPatmGQROo2AayFPr2OZqAoY2nRD6WOjFd\r\n7WEk8sPrjxvDxkTPN7BeyT2fOYAVxBEfYG1/pxV+8d56yiVTNXC1yGmSJiJ0\r\nGbdJZtFlLzi6ZpB/+oOqjQPlJGTlPAltKJA=\r\n=9P42\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.e429e39.0_1651002490674_0.3509664385695215"},"_hasShrinkwrap":false},"1.33.17--canary.a598650.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.a598650.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a59865006b613f01a5225a6f941492cd7537c36f","_id":"@atk/mise-ui@1.33.17--canary.a598650.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-z0l1saYDY/+XhIMYXP3ZZszQKKHs+CnLd3pAqDLw1zpGk9DVTL06Htasdx//Cb11/RKc/0y/CzaYWM5X3NrK6Q==","shasum":"6c6b9179e83a9c6149dbd2b25c795f7c538c7b23","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.a598650.0.tgz","fileCount":335,"unpackedSize":1467483,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGUwJusOuDKaSVJHJ8sbO6sKbvz3FpIL1+RsmAjdxKzrAiEA5l7o4gYquCHfvTttBUHa08eZo47TdEqr6wmbrUK/vM8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaUtxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohVA/+LrUZ0gct/8B8KNfaQ4vhzyRezAXuHQd7Vif+xXb6iuTrKFGQ\r\nOcPk4fvkPTnVU2iZdap+rG62n8PUcn57txZjhvIzSNCyqab1F+w8Ef1bbaZ3\r\nUl/nf9+vcROrU22YFQe5Q5hV3/YT43g1svPi6gj/aMDLx8vTOsIDef73F4BD\r\nZg2a5Sjtfm3v/KIB//Hhvo0v1qQokjQSpgwDHsGvI8WpOJzg+PIvVPpEvMY0\r\nxSlvzbmXmoQ2LpPeApYkzCTKPsxTEKlhcfpGEGMJOCa168agRh71LIDWNBXU\r\nVydnhmit5wCVgv8HPqpMHbT+be6SRL1ygCmGv1b7LSnCf+FHjxH6K7VI4AHt\r\nA0yVi7scjTYgtTxNT/opL4BoTF0+uhSnbB1XMQn9kuhY0wWZGWdZmt8WbI/a\r\ns3CnUianFOLgZV0fCUjKDUuVcfydTelOscoIHU4VlDc8Dfr+PC2IxL2e1xL7\r\nLaVF2vLhpX695Pg0wUiJ6lNUwSHuD+lkZ4Alfk6nK+ePrMuQ+wiXY/4aCuBp\r\nZC3uDC/lmMImzHoUMQ85Zb8jdg22IxEnkETZgnxVtH2X1xWuWj/TOvWSsm6Z\r\n/e1oWoE/YG48bmNQGvn5R9KyD/Xf9MWmplF0062YqK7/94UIqqT+kNPVyblC\r\nUn1psp2Wzk0pKU1TYc4oiJExcBc/HUFZlJ8=\r\n=WVdi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.a598650.0_1651067761416_0.5547175592923921"},"_hasShrinkwrap":false},"1.33.17--canary.b1fed4e.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.b1fed4e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b1fed4e8a0413dd50b3661cb2bc118a3a071c25f","_id":"@atk/mise-ui@1.33.17--canary.b1fed4e.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-GEeEQa3OCm9Zys2uUPylT1PWSO/E106kAGBmbZGwKPl3gyioRL6bNThdRva4gGokXoxf0ztkqvpkcAd4P75lQw==","shasum":"8baca48bfc53b92dc1e7a8949a23ee4a6472058b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.b1fed4e.0.tgz","fileCount":335,"unpackedSize":1467855,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBSrmxLks1ejm59xupNqvGcJln4axjUDAqhIAq9vU0xnAiB1v6cztX8mWvqLRSFAmJVdYEXMbUsRtkMFm/01zILwmg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaU2QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzkQ/9F9w0GT0xHkVe3B9ZHPQvlRavK0bYLBWssSVEnXL+lJ+2y1Yd\r\nodZpYal3UCn2TF1Y5u/DDkTGyMkTLbPKmgPu5vDysp+mwe1Da1SqPRj1PKsN\r\nAKBuvKSszGxjQxbZDRO36wygGbjLeZNqktwYnBYQy2OCt4mZnEb/OnXqb7gY\r\nGD8m/oySMhjD2IW9vmHYGvpzKCOL0vt4heXpjac4Qf09D2gbeY+TLRYTdqvF\r\n3mJJGSDl47o32M3hSoykDmfwuRGHqIgCNhaisVndeOZ+HIgUgnc3xN6dFdjX\r\ntd9Fc/DM3Ll70ZWGjOJORsOaCeOc40SZuOOTfzUd7v/4P+3dvHg7QHiXMuBI\r\nNEBV/AzWYTT2sgJA2wiPluT1zlloGwvdYIaZWjfOggLcbMXyX7XifCFCZCIy\r\neVBeiWM1CEyOs7FS05TdHgkzXnkgb3keztzpBNHTGzNnaOfvX1/r+p3AxkRI\r\nStKHRkrF7zfSJrLlTuQXQrzUWk/fMVh/u4sCH4/fM7Ph2o54i8469T5ik+sH\r\nxI1yzTh572XAB7+lieEyHKAkrZmvhdf4sUkmFfxTBEXS9vQpdMHiN6lVJtt9\r\nWhSO1fHbR45Srb1vy0yKg3RBM91OyPWXcCnZYAAK4j3fSGYxPpmmpg1vwjNO\r\nvJPmJPFsZOqOQ0ED0c5FNJ8bSa8N+Ux3BRc=\r\n=vTH6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.b1fed4e.0_1651068304301_0.1946002442447181"},"_hasShrinkwrap":false},"1.33.17--canary.db0d713.1":{"name":"@atk/mise-ui","version":"1.33.17--canary.db0d713.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db0d71364c823adb70b98f353d0278111e108eca","_id":"@atk/mise-ui@1.33.17--canary.db0d713.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vKWjVhPgRF7qGTVkooYvK7Ge4czhdl4D7gEKFHzyuquPdS9wGg8aEuse+KaZZeCyX2kPrKjGwF+uIbW7/jtvcg==","shasum":"5d20d66acb7b76a821fa00e45cbf0de365c7e2b8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.db0d713.1.tgz","fileCount":863,"unpackedSize":1918750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO+sQ4NiaDPNUeF/16DRx7bjXyM2MRq0SwZjwb/l47DAIhAOpguwWJiGlOWphlYNJ5Fa0x1ZDqXpzx+/PDJ5fKWOsb"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaYKnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGNw//Z+cFyuGMOyW+f89cl8T46t3UrE78Mr1gRzdCOMj/U4qrYz6Q\r\nzwvRylqO8C9IrOfJzAsL3a8X224QLMQ/IcDxUyCldvHiSwZfoqXxWPvsXc2e\r\niHJ4UlNpNl6Y8Hgl4gvkRQNcrMk4DvDud4v8iXA89JDxvoBvnJXUPMw8iill\r\nrNiSt36EAPqKE0nkdKjswRmqML9O0rUw2MWvC763oaH9Xf1i1ZwCQ6IC99P/\r\npLjp4nm8gh50ZVrLhwxM2f2EEO5j3EXMgImdk2ODNOpjGz3vwElVhnamnORf\r\n4wgaZVBN8A98JfaYTDu6ZUqpHoNRr/Ae8HluZG5qgWcjgqL9H6Y7XZcVSW9A\r\nvGzKC4k4hdDqgvov6BZfeko8IU0gkU317CDVeK+bsfK5XiYSCzI6DEe8LNAd\r\nfDsExxMO2Z1BrH4lAy1pOUTlEpFc+mq+xPzNVKnA47cTHe2RZ4OyW0CQTjRe\r\nhWhUw8AdkpLDCGuI+0CW1L5smTZsD/G8cDq5NkqvGJQj0YqT5ezyGdlg62tV\r\n+Gsnr5ZfPk8/tuFy5CqNP1ngVuxeZI6PHk4web7frTUNaRjr0N9MXbNnzk1l\r\nsVzSE/+tx+myiR/9eZIMZl9n52RfTLKMLAbogRuwMFFrLn018FiNgkk3MXh0\r\nVZzdssKsoHENLKtV0or1yB8RlIwrUmtLkxg=\r\n=GHz6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.db0d713.1_1651081894854_0.4249579239258223"},"_hasShrinkwrap":false},"1.33.17--canary.1712ae7.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.1712ae7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1712ae7ab2a3800d7795e7aa3005fd7c586105cd","_id":"@atk/mise-ui@1.33.17--canary.1712ae7.0","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-o5SAiWp0U2b9KLBwMdYkTwOgzUL0rgmOKpNB+herT+cuxYdhwyn+Q3gK4cbIZRNdv5su53dKmlZPBUALZwtE4Q==","shasum":"640b2c2b7de925696876194ea986cfb2ef8773f8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.1712ae7.0.tgz","fileCount":339,"unpackedSize":1491491,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC2kclWH4U+pHfEF6fxCl/cpEpFXTsgga0ZTOH2ogOyKAiBIBcpf2CsIkWls7A/uNomB1wnL9rasT0QvINsEby63qw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaYcEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP4BAAnYW9W3jnMpS0gR+nTO+B4U2EtYWxG/rdp7ATlCZiZjEjBsvy\r\nLP8+ZKpHwOzfUj2H9bj+Elwrn+0hoUCLqzhf94r5glubHwy96zPomJc6i7jI\r\nnr3MzwH9e0P8VdkaQTpJP4JekU1T2OHE3OOZiNhW7mDrwk/6sk+Dzf9zdoN8\r\nuAWxP/8IzLNAmbgZs3NLyhbFIejdiP3g7GOaNmlHMysl8fQFOipegLjztWoT\r\ncg0ZjgA5Ccn8Tw7QkamLYZv+VIvZ8jiwzs3mXaViCTUg2P9luORg/Ctm9B45\r\nIdMlEVDW7wpdN+Or/zs3R0DLOuwHszX98NDWHboRbvF97zTe/MVPEPhKDZkU\r\nL4RDGRVit0CkxY110FzzL+dhxOp3Y+HRk60P4dBEC6yOB+99EXYYfSKnL0yQ\r\nv7MR+wEEeV57rvN9SdQfU6SiqBUAHw8AVUllq0JsRoHqXofP8pzbC+yMCswW\r\nKyIC+UpOtLW3CUBYDWQ0qdDoIYg21qUEsqG2Y1Iju0Irf8wvk7FsOK8UZD3p\r\nUNtz4Nxeh/opgi5CPCZAe5hy8uVYSzgnL68VSnfaKsXD9LaSWDTzMmBkS0rW\r\nyQDadRqnjry9RFbDJrhTVnYQlupmUf/HzulDurcK/4daqh7Vo5VztpDE9gBd\r\nfD/N/gLrZfZNeOEz9bgATYv2NWj56fY3Waw=\r\n=fiqp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.1712ae7.0_1651083012213_0.7230350147499371"},"_hasShrinkwrap":false},"1.33.17--canary.1712ae7.1":{"name":"@atk/mise-ui","version":"1.33.17--canary.1712ae7.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1712ae7ab2a3800d7795e7aa3005fd7c586105cd","_id":"@atk/mise-ui@1.33.17--canary.1712ae7.1","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-yvPzksEYBXzwlRdA2RICzy33ZmwNbZyD/QQSxuX+/DIZcG4emRB3o/LkVF5U9FRjJkMZVbbL8qyVZW5ts8moTA==","shasum":"d3edd97d1614274c3a459700844eb47e3fcf9897","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.1712ae7.1.tgz","fileCount":339,"unpackedSize":1491491,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA6MFqshhhEnMCvn2bBgRv9uatFvLLnqeD9mhMo9c6NoAiEA6TP9O4fwwM//lh0zDG4mPqDprpcSoM/0OoqXyYMD+PY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaZIGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3tw//W93bBxxERgdcleqBpWsVvaxyPO4v+RJmx+pbp9aajFf322IJ\r\nyGd+gia9y/UKTtbolD0QUV7/vBF+4tEa4o/JQ8p7RDB/gEnlLFep/Ap2uDyZ\r\nd85MBvgI4hqxs2u4OeOaiYcnbutr9WS7GXagPInxWy644J/L6OcXeRs5TJ6o\r\n8JgKoLf2r0IuV0vxvza98cFcu3Wt6507bnyyWus8PWhvqBxpohD4lVdwjwN2\r\n1AS5EwgMx4klbVaRokIXsZZBd3g7iM8LnNe7xuv3U6rlu0LK1VgnHqbvzDyn\r\nyFOudcDIsu7Fx7kcvO1eaQPpPPyce7CK1oH81ayVpWvApUzUVu1KrxH8187l\r\n+rQJkDwVGc23ClfELQacOh+amEyvqumiK2+fM2aLKDN1+xdkk0cDHdsnB+x2\r\nRU+kUuny4UczxYbJnq5inxUyn3oHX5nkWFSiAIStqPpNeqsM5sC7FZdRa/kj\r\ncsIKfbQ+QQuhZ4efxI2A+8judeEJLQCjoiTd9nN0PrV1eS7yuPnmyZa381Z+\r\nFy6oTGFwOmcvIsNTQ/EGEklmWXakLiuXVFnPiGUSRcxTJ8ur9djnUJU33sR3\r\nPHMCdtWQt0GPxDVsemc7tFVRMb54s4PBuNbpF8JjreQQlTBWkv0TaRe6HASD\r\nviqkpjkomjNsCmlpGpLKnCRXPAHJeESM/08=\r\n=/cjV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.1712ae7.1_1651085830613_0.8578416296150595"},"_hasShrinkwrap":false},"1.33.17--canary.1712ae7.2":{"name":"@atk/mise-ui","version":"1.33.17--canary.1712ae7.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1712ae7ab2a3800d7795e7aa3005fd7c586105cd","_id":"@atk/mise-ui@1.33.17--canary.1712ae7.2","_nodeVersion":"16.9.1","_npmVersion":"8.5.4","dist":{"integrity":"sha512-ucf32VbVcXdOOoFQOVCHtqPmGq5SOMWpao8+Myw1UnF6BO/FqcED15acp0tggrq3jRwUqJp9FRX3IBph44ysdQ==","shasum":"0c9ccc4dbaeb4afb855ba933eabbfd609096f8f0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.1712ae7.2.tgz","fileCount":345,"unpackedSize":1512842,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7hB8mBzr1a6UwAbyqqfCglH/sJcwD3uFSWMcXJKEYfAiEAujHZqptOpodR0zsrc/Du7oLum1Gdx2TMSkmbK8iUU3I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaZI5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosvQ//eBR4Wc/JAfCsLU0fdDloaTRSmEm03KzthmlhOrHznM+zND97\r\nRmBvQZ1cRhst3XvQpsvePt0sgt9vj2gsprx62BHsxrogqNsjCgUv4BPDAJwf\r\nQQ9Y6VmfRoytw+pjiaap8IdbbxHP9eOXJmfu30lcmjnZ32SW4jjQvRgCuix/\r\naM3Gik2MXWYgSTGcyOsiNwVJfunySZJg1kBX1YLwAhq0Ylx8Xxs5sgXlRAhX\r\nlLidRP5ADGoAK9rHympL9XGWWViylyQ6uWyJpWxjQDG8cI2h8jxOJ+COFuEQ\r\nvR5mrx0cLdFiXldtuJCTTF+AaJC4I1e/56/yKtTjvBhITQRMcBlscAEaUJw2\r\nnd94Pzrnfv5NjKLOIGPc+C/44qIo1mRAvOgMfY3BJEo/5MoHaJGfze82ETnu\r\n/yjef4XCVdDG827t/le+hENSfARTbuaXgateARX9Rg5iUrVEHm46FA9CVQ40\r\n38b3uPJB0SWEPiMEbUjPtvdVxlEQiTF/mXki1lnNp4aysQK7eMHiQ1twFMwh\r\nYnSV29pOYmKYV7ktRkWgR5vSFV2XT31RMZdRcvnrcnuuBsf+oddbTcCO+0oc\r\nXgCL11sFvpbTUrw9Wlan6B6gWkdm4cHmfmyu/HTTmFX/oh74bh2tYKOKWXr0\r\nPeyX/VFvFQiTpAkXRclcG0My2L/3oFuunC4=\r\n=zuQh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.1712ae7.2_1651085881321_0.30328759679867767"},"_hasShrinkwrap":false},"1.33.17--canary.6b6e636.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.6b6e636.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6b6e6363327e457de85c6c15a50c99ce810ae459","_id":"@atk/mise-ui@1.33.17--canary.6b6e636.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-8e/YPOeLXciStXOEMU6BQMJi4AJN6FLI1+1k5HSH5EnfHNAqfUdqfnrJ0eleeafHf6ThPp0Tu+pR8hgrVx7Q/w==","shasum":"07c1d2a745d18e3058445ac01ee2e3ece3560204","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.6b6e636.0.tgz","fileCount":340,"unpackedSize":1492013,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtRJWIC1L4cwfTmL0B4vc+wENNCBug/oyf+x0f1KzDTQIhANg52oxdtLISib7P+ePyYcfYSqJ81MZ79od850O38wd3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiavkCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrlfw//eDL4inHIQiYN1jYlR/eUroSM5M/2UvkJwdWjUC5+YWtUU/e6\r\nxEsBurNI0A/tNpaN1eJQ4+4YB24bMbfhqTG+K5M47/siuKzCOJApDe6OCz+X\r\n6Go2ybPV7KX/VmbJcAdesbkzOw2T0C70jCxTlXZYo8t2PSJwpTjuRBws3GDa\r\n+Bmq1+1nBLnq5tQhp8daDvyEmCsHBdtm6q++VLDKtGhOweuFvyh3gOKvnp7y\r\njXOhmAHpI3GBiX3wwSDUQatwjf6AzfaRm+EevnhjqPYLuOvAT3qlpX/ECMja\r\nd6IhrXRctc9BQuZyrJw9veQ7uNI6J6dO4uKY17hnceY+mGwRWkF660qLOMya\r\nFoAx/7lXbEHvGU7zB/A6D8GdpfHgCzI9/YZr9QNQy/4mJjOC+Yuk2iKriXdc\r\nJdCx1pIJ8h4hl1aGQpAa9+Xka6Iq50v1+g2fX840IvGY7ecUbzSq9iSuOEc8\r\nX9sI4hOy+r1YF7QvcGmR3Zdh3E9e09nwTrmUlEubI2GcebefsqwdrheXcvli\r\n+k5AZXSVg1pjUnB/ZzUFrGcNzGJeNmKxs8X1fsbBoLbNM1KDfk2oVu3DzVcu\r\neSRKFHlL2xMGloEYyvzDMiW9DeI3KSNoWQilnD9sMfX5GquEVqKFeOFJH7kk\r\n4mYlWwLAhPPiloT8VoCdc8FIjq9feURULso=\r\n=ZqSm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.6b6e636.0_1651177730228_0.16400967342436523"},"_hasShrinkwrap":false},"1.33.17--canary.89448a9.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.89448a9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89448a981294b79129c228d13a06c13e69399faf","_id":"@atk/mise-ui@1.33.17--canary.89448a9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-HD5OsdtwMJA8Uq+SJOczH9cOGE/5ib7ASPilu/YXt2eEEElyDD7HWz3WFta68LM8bWQcpTaWNOAAkOCwP/RzlQ==","shasum":"14ae4159a8940cefa484c6ce4fc02a7fb84891ae","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.89448a9.0.tgz","fileCount":863,"unpackedSize":1919076,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnjZoEGAeUOCrinUMV4ky7PX+XcwLwBAW0R9S1sDKRHQIhAKUXuIt2uln/SqHvSEFimsGHthdUpyrH+NO1DjkGO+9k"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiawg6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr07w//Vii7Xjpt07GD5LNKVtmSonraY5TXAhFZWA+Obny0fVwHpzeR\r\nqC0cv7BhryQm0gw5zSzGE1jAVPJMFVbNs1wf1ncOrCA9lvgXZNofleIWnfM2\r\n/wnBFWhnpLvSnh7Y1N4fAbUSu2T133HfCvlIOg7Es9AMxSdiHrZ9Z6MW/q4h\r\nH4iq+AvKfeS4S5R48bqv+AEmclTTriyQthOwZzNX2SFlNamEFKE2nh9pLJKd\r\nN4TzzdBd0REmPFHhxQrcii8kskMQacy2xCbjLeaqVvxnQVDs47uek56ruRF4\r\nivsgyPQtP4gb+jwjK2aOHvwfqF07FjUQnp1YrJHg7UGWZoIGylUl7kHMZt8u\r\nX2MR64XG5VLkcEyelJ0G2hFX6ufBUCYdlNBmuyHOwp7D50Z7J2oGH10JgCTn\r\n8JU9GNz9qs2X2MVpm70d2yP5vGH3lcG/79DIiPKSe886bBwDMLgta9TbE7CU\r\nMgxtlMqI+WNuEHlIBoCDlBDN1HmtA7y9TrQp52hQRcor4eGCBIKjgBD/JwfU\r\nZp/XJqpx+GIx3ORxrUQk8xMzAAWyDYHRlVyv2hDZLpH0x2/wK5F27eKTvWXf\r\nY597vO0hAKdaPEZS7J8MqjFC36mQem70aThaZZ9Y/XlwPU3K6PHOhH44Usq0\r\nDtJCMQewp/aAdqBJ/7RvXtBv02pGs7FrnaY=\r\n=PahF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.89448a9.0_1651181625816_0.9527510367336578"},"_hasShrinkwrap":false},"1.33.17--canary.6c53f2b.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.6c53f2b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c53f2b2a941e067d88da5692d768f5dba4d78d2","_id":"@atk/mise-ui@1.33.17--canary.6c53f2b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TmpdNkrTszNVAy9Ed+W4nJcp3UsPDWd/xWq0wrvPccUBUGdYPwQ3J6z0FUpu3v3DL3KBATKxBuqNnw9sfOd02Q==","shasum":"41f6f7b13b300be7490a478991722f953f7ec098","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.6c53f2b.0.tgz","fileCount":863,"unpackedSize":1919254,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBoJ2K3NalcO3IpJnxA3Uvc+aXdYyK0DmCiN0dTgzBvgIhANPbtf7OVj13d+Leo+cU5R1gKGHswZNJE78LCuy78inu"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJia+4UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK9w/9Gqj+vLkZeqLdnwW2jrxVPNtmiGC+O6luxL7Q1+gj7B3P0HR3\r\nghzgYh9J2QxBFvg1qWHRNIrc1Cg26gPI5xgy+dQgUyE0ToylKUPgXdT2sMOv\r\nHoVIveVa4DV52KzEFbOvWVNs9hID67iOiLvXKSdjGK0nRF1olgw6mUPwVIAQ\r\nZJ/qKOja1YPR23A5TOpv3hwy6CSURBIQAkNehBXqbBRt6YWMPJCA7PGbQfOd\r\nMebBaWDW2C5G6tvJFfUiSNoEAq+jfU8QviXfQKlLbOIRovakPb8VHNLTdHX0\r\nMaSmsouT4RU9lY+WG1FIYrMOMe+bwA6GhuwVPy/+WPY8bB3RHG3aGwIPRQlQ\r\nXug3xFexiVMa3pybkziCFAb031wj6o2LV+IvIlbHujCd6+ILyDYH2Y8q4BW7\r\nZqfKSSS/h/XNzuFRBdrcJShuauOMnRp76unsYLU5O4vCeiMiqS0S3/uQ2uQt\r\n40TpcMLWypFRktxGKveKMeAouLnsqeJsT8P0tWl7edaeqRp/JxKQdg0PLoYd\r\nfqzsIxbJnlbMtZUSDjCtHVqM6Awu6RaB/6ufn5d10RPrmXjrGMVZczBEJ0Zb\r\nolrayGe4rNukoAru4WCGnCfY4CFCBtF3yjA+0DCErcaYwYdxkq6q4OOVT+la\r\nOuDPRjwIg1yn7/dN4jyG1p5dYO3IQIaI7kE=\r\n=uJYs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.6c53f2b.0_1651240468131_0.828522206171721"},"_hasShrinkwrap":false},"1.33.17--canary.e361a19.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.e361a19.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e361a19292a9f23b5370603a7ca2972798e30349","_id":"@atk/mise-ui@1.33.17--canary.e361a19.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-pH7mGPNHQFzhIDoGWevhByyp1wAYlCURBcf2NMOAremxlx9rEYrgWMNmW67COH6v6HjxT2c6Q2F2YpShrs43/Q==","shasum":"5a3e3c22416a320f4ef5c1d4a44b393658850696","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.e361a19.0.tgz","fileCount":863,"unpackedSize":1921401,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4k+htNQ/+J/GfddQVPcAZM8AeyGEywiX5GM0k6/E4BAiEAq6Rf9u4pRgGZJy8Ac9WzqXkrfmq+HB2gz2VV2e7fAlc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJib+FaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/bA/9E30mCJz4gpYe5c5DnxNyWtDLbqCRGYY4wqC2vL4nZLnoOO/k\r\nmUOoUSBcjsRBINWu1QyqJ8ReDH8ZRaE/fk0D+NEpwqsPIeX2KhMaT/yPepxZ\r\nrXRfovznWsOvkPEV+0UpNaZL2+3e08z3ZbTqJBoN8sbt7zWgMqtfsOZ78mwD\r\niOgzfLHp2EAmBwJiOSYZpbBlDKQbhfL1xSxaD8sloGTZcoYmzOMnIh1VZUrJ\r\nGSEOBqUo/FUPTDLeYjgydaBmPHkH95xtuBH9obqyeanCHcArylpDIo2PSbZl\r\n2XM3tQsmCZWhvgEvK/y+krLUJl/3LLkHpphi8I09aWlAAsWUziJkuniOgAbM\r\nqRwU478lRMYts2qHdKaA6hAfBbJ9vL2MBNQ4MA5Q7IITWkBNwfO2AI9Mk7Gd\r\ns2jaPpVLo4fUtrxgaxPbW+BCn6wr/i7c7aG45AfgkwPQjAp6iPO5RbBOgTx/\r\n+REnoQJCxzNLIWP2LC9oujxYjO/FgZeS53wyPDD1OpVEDD3dxPJL797/ShWU\r\n4qD8sQsrrxEvJfHbgG4oFQB8+7h68wdOhgQaf4YH275RL7jyqIJrXMtJD6yX\r\ndVEXwUcEmz4sNDNY3j6rW/w/1Q96wWxmJJxqmHMxHS0bUXLiqOSl6WwN7bec\r\nf6V4XbajzlUFZWJHC6qLEAsSQMYW4dksyoQ=\r\n=Fd8a\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.e361a19.0_1651499353870_0.11697014483005153"},"_hasShrinkwrap":false},"1.33.17--canary.e3b848d.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.e3b848d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e3b848da18d2ae55e1011637cb609b966a2c956b","_id":"@atk/mise-ui@1.33.17--canary.e3b848d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qfeO402VBtHfbL4qprRoHCTl/GFVJQWYigEyNZxrfIe2qDF30BFT0YvUhEa+c5fCrA/MWiABSRfZCE7AXRuOAw==","shasum":"395b5fca241f42ab330437667399620acd5436b3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.e3b848d.0.tgz","fileCount":346,"unpackedSize":1518402,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0TvnHufMpaRUxCDRAeKkA71/01SVf+f5xWOY7TV4dkAIhAOP3h1bRQPKOjdRosL0o9RhSYtEKbeq4VCfyhT/yPlZn"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicDcaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpf4A//cJ0UthzNs0tULNlmkzRr43/aKOwVshlOrVjHVoSMyJjhhJik\r\nJim7sEBVREpQRaqSYzVJ+H0Wr8nsdZho9Q2+fmxSJkKCkNfI4s1CMqhkM06N\r\nxNSsF/EldvUP86IZnmy1thzHN3rlpeZI1XJplp5tp15L3AK133Wp2/EwYEMI\r\nftJo5CnDJoJ9WEyCOHzyd/Vo7de8JJxanSsjpfcJTglOEQi0C/Vx+iW2uN04\r\n8rbl0/oi+Wf3f/7K6pENlezZfDWGVPEFLNgRQJZdufVsnD1rIwntnFWIA+OV\r\nTzxPuNL2HWug5wGhVtYli28tgLyWQ2QL2kBl2aSBk/65W+r96qOcdwfgWgHx\r\nGNofuV9/9SygK8X9lkyGQX1qpBPD+z17FVibhdt3CMwWriaGMPiNPqWa2L5H\r\nGb6/2WQRMMK7eiX4Y9l78cQUIy7WdQuMFxal276IAMuMlQ97t7iJh9khY8zo\r\nugUrWBoUH7xJ568MScfTzyQ/4+udgo9YNpkDPbG04KBR+YW5SzpxVagRhrmt\r\nr4U6lhwEQ2riKsIL5xoakSXoLwrHzCYHeyDyGdMdX4IivL1LvDWpU2ZVz2Ed\r\nK6k8GKx0ETtnu6C6aH+sz9b//VQmb3O8rrmP0VvcpfbW6qTmXHPcDdwXxZNB\r\nbC6xvBmWjgGQEfYy6FIopH1cZhcMMMIFHpY=\r\n=urAx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.e3b848d.0_1651521305889_0.31387330641150224"},"_hasShrinkwrap":false},"1.33.17--canary.733c831.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.733c831.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"733c8313a32262a84880befa873784388e70c61d","_id":"@atk/mise-ui@1.33.17--canary.733c831.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LF6yRBWIgNyA/korVUbiWEfDIFwNd9PSwnXNUnaovNsnv8xW6BsAb5Qx78q8s/tLaUCW4HcIsXJMdgJ7du30Cw==","shasum":"0bc8eed0047dd4bc6d3352c4d4822470638ccac7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.733c831.0.tgz","fileCount":863,"unpackedSize":1923040,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE81JKdA5ocfYK+KdW5VMGfbjFnxyGOgNCxhCc1UZFoGAiBgNbmnfxs90nPXIE0hApb57yNJXKXF4n04NHGCI0DlWA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicD3gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNKxAAocJcCDpDw6sNhenoJOOtHTi/4KQPnTN7sHkxBR5Hy3ZtKD+A\r\nO0EZNTakLJhEg8jcPwhc65cp2h5Z6S9LWIiKaG8QvfR5qDP0N/xRoS01BeM1\r\nweRqGqDsDwmDY4EnxpxLmKPCSN85Tto4ijgVYFrGHWZqJD5+Gx3qcKyWdKim\r\n+XhH5oZ6SimQyni92H/DZGq6Spil7zGZRz1K+ePE5WqjiEBui+W2sy5UDx5W\r\nIiCP9zWvkMkPjQVRcdxXzJ2kitdJpvOdPzcGZUd3dwVI1+2KsS6KU/mrJ7Tj\r\nZe6vVMVs7ZZJh8I613A7PkJfiaJLki12kNYUhV7dKomgsoB9bSVdp1iv5Hy+\r\nlAlNR9UJfxee0eUfWPgqgCp6YLkhnW/h+naR6XbXO485Uk/PJXvi/lbuyqa5\r\nrf80Hrzhu/1HegjzITc6Sxq4UraKvwns0ap4TRhwAD+AdEeBzvCXLHOIASbJ\r\nFf0b2FOU0wzJkRbs2HsMog9ZjZcgq/3N8a/9flAD8e2FJVppRsxeU04DjeoH\r\nzNMtmp/qE5TSEqyUxS+vH0zPOtfHHcjIZFIk1g1wIIo+Bkd8gs82+/NbZTNB\r\n+SHZPltuFXh3y4aPrY2ILxGGBBE8iogfIk+tVg/wlWB69+iwfrOZ7cp4nv9u\r\n3KMl71ZfEhze2MHzovjq6QjRN0mZEDDQxXc=\r\n=/4XQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.733c831.0_1651523039924_0.22847395713484753"},"_hasShrinkwrap":false},"1.33.17--canary.560584d.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.560584d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"560584d7b1a41fd6cc75818c199c1edafd2d66b5","_id":"@atk/mise-ui@1.33.17--canary.560584d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-x6/JC5iVxcSE6rGvWYHYKsyFOt/kiLpHm0mjhiLCo5pycudmQbhngmyxgttKrWT3Sye5we8RiAJ8gdnmpURb/w==","shasum":"8de493edc24d10f2f5534b3b9e912df08814fafc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.560584d.0.tgz","fileCount":863,"unpackedSize":1921386,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGY0h9X6959WACz1KaIzlnPG5jos+JT8SSE7HL2tmJWwIhALbJXubS0RQw9rVx//kUUpJr9NC1Ah4hS/Rk10b7p0Lo"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicD7TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCBw//cLk8N+bZnUK5sTMS/cr6t8v5piXO+nZ/N1iItqdL/A+KdYf0\r\nsbWNaBbKpfbutfFx6/A+HRyChVB+vurwE+JuBPaEFI7G86FvrvirhwBkqbKp\r\nAYS89BcC8h6JwwAQGIDwdZYR/r+jAD5BlZrOjPxzxjXmLB8Ze6w2sM0s4c+T\r\nGFbmzMsk08JvSyys2xtwzQ8EQRTI1WKuHYtj0kE9uqqmZR1Lf5ppLYr9Q781\r\n7P5NgLMc0z7jkx/q7O9/lgJdZ+qvMMOjIa9T09i89c59XNfj590Uy3bJ0QlF\r\nSssE/AoIN6n+d6oaok7QcxNJWabgdmbqV6E1oKUncYI4UxqT3j41e098v8vV\r\nWNDIKs6zwkUlxaZJkr0XpGwcCyOnPiVeFVJk9XzWSeoZ4EHRwDjmxNyWQE1P\r\nYMVIJgdeJIwNakq9S1tNrI2I3IgQQXNAXWE6C00H/9nl7i8eo8a+q2Ucy4U5\r\nCmIRZ4ln8aw0RWDJ1POF6kxU49xS5FIL7h6LpF5NZ1/DATP6FdhT3gL0Gd4c\r\nLTYd0rBmXuzPFwmiFUzo1s45Z25SMU9YWvGLOWw9HP0H3EBWglGzZUEr/PXO\r\noOEQG7b83V/gCCTFksftsBOuu4QOc++DOJSDyu+X0E2cFEcOSDDJmzBr+avm\r\nye0NevmcMuiLyT9FT2yZQMvqQTIOJPSdHkk=\r\n=zZ6l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.560584d.0_1651523283433_0.9197755444216351"},"_hasShrinkwrap":false},"1.33.17--canary.611de35.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.611de35.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"611de3537eae5c1a8f65d58e1ca881fb09f4df62","_id":"@atk/mise-ui@1.33.17--canary.611de35.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-duhFb3h5xrbEXkT1Cfvu86LgGcbPoTwRIb56N9TPGAQ/lotBwF6ZRIm/r7DnaLFohkSq3Lb4Xe1S1TJmp49uJQ==","shasum":"5586adf50fbf9c045f900d37668704651426c9d4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.611de35.0.tgz","fileCount":341,"unpackedSize":1493699,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDybC7/01Sku6bKmafz+9K4EejFHH0ipdGGG0fZGnMzOAiAhseMx5WWGrN8hVc/ZP/1FdGrA6ufm6ZyT0BvlEEJ1Tg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicoWNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHkRAAmjOecaYV41dt51iQ1mRbR3tI933XvcvdcV8Rfom8rimqfkW2\r\nbdmUufHzkzSG57xfzlReN20ES+gqePwX4R/tURFc07YzgUq37xaL9CxKCUqP\r\nPrQpHWtRTnIYjimwNuwOjAf6qom+BzWK5UhUO7+0+Is0+2+Fx3jewZx9CVMg\r\nYrNzl1xhd6nnkxYeOhrkQem84kbbBtaUZgUb/L8YpDPT55DaWB+18x1NHyrt\r\nOVSRcavNBmd/n/bDucucQrErntDiWIZcAhzgoeC40KgDLXtVCIstrLKuv2fK\r\n9PcBb6ScKrCzwy9hj3xECTm5+0hfc28Ps937YqBwSM53FKdRHVpFD/yP0dXz\r\nVyvl7rOLvrgWT1HV1K73aMf65HB+omyLblm7bgq9e5nxYHvhApDVGQIjVBtH\r\nFyrQ1iTwKQGsZFFKFM6WOFIRq+VbMFzIB3MRhbFPeo14eCOIP8c4fPjZsEAe\r\nlDcYRbsdBqFCErACClVzv7JKuqMuzyoO8cDJMMd+JMx6N6Ik43RF+8rRv8jI\r\n4lfxm7aF8HV+2TFlHoEBfDesSTjydkN4eZqkx2KVzur8yHkLGniqkX/AASoP\r\nozkuc4ThUqN9xj24eTmgvB+5/uroBiNk9UQs83+LjRWbSDA+sGHAonTBAU15\r\nx//hFHO2mI9HVaj8wKvhvLYB96lIcK70LT8=\r\n=b/RS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.611de35.0_1651672460950_0.1583774524401267"},"_hasShrinkwrap":false},"1.33.17--canary.cf2a50c.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.cf2a50c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cf2a50c34fd99a31fcc0d19d447efb876bd83859","_id":"@atk/mise-ui@1.33.17--canary.cf2a50c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wkGUrJpDC2BDT6KsLfGHLGSLD/Ul/nhono0tQlMQtmpOLPSHij4Fw/p+kWxZddbEHxjnXXTDxn9zXCsFmgPexw==","shasum":"6e0f14da3d8e1d87d82c19765f018bc969b1fb30","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.cf2a50c.0.tgz","fileCount":346,"unpackedSize":1518573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKsv20AF8zhXevxYliEwzSRHMYuNgUbtSLzskBqOfRTAiA2pdYdy8REJa3+d1FXs/W4okeuAxcu9Re3ey0PySB8XA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicqJpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZ4BAAgmkxJirBD51KuVrxXQI6v530/+8MElxZfhmv085Kod8Y/ArU\r\n6BeE6YGMxAWHhSFr+C1l2pwiUJs28UB6NiWS5tRgngIA0CVL2hv49noJnSTn\r\nJw+S3MTjr4/j6yKCEy6PszBnxjOQAB0mq8KS9Gfnm1K0Jw5zY4/oWtrigRen\r\nTs1UWLZ0GsXKIA6mqHHVJ7ZgQ5vItyAAbmteS70qW63PKw9XitD9vmXbv8Me\r\nTVugNvCKDsKvyluTmwRq7CcxMyCGJwv0hwdvqClMwOa8ipZaTKoezKtbnq4Y\r\nGK8InwZvzVualEqUgQj8fQqTWxzfe/byWG+VPz/SsrtlwqDqeyFJgo314Q8i\r\nwFDa7E/n9fHL91lM2irK/8tfuHltIBDYhWSuvQFlxBVGqHlvTqSD+5Cv26VP\r\nqQt4bF0pWeLAW0lUf+KP7f0WmTx64LnpSLz92af5IIy7p0dqhbEkYrcd8dNt\r\nlMoa+YpoaorYk7PIUsh2SNcenKVRUehjsYpItLqTjyAr9YhkdDM6RaG9U/Wp\r\nbD00wxEnKbbJvxtaQC3hJhVe/AajnADuGnHujIcZEpRNW2Uw7u6NnuRJ9PSA\r\ncKEoFodVw5XRQYCL6aDBFZPFcphbkpB6KQc0f5CDRSjJCDQF/YVbs1Fmf0Va\r\ni4lqSl2WN9GCO1Bwjzc+V4PoMvQywUbjnTs=\r\n=VNZo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.cf2a50c.0_1651679849722_0.6598872151218114"},"_hasShrinkwrap":false},"1.33.17--canary.aea8143.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.aea8143.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aea81438566191cbdb0d2a90239308ede725c245","_id":"@atk/mise-ui@1.33.17--canary.aea8143.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-IeSwhh4+N56nBWchxuf5C3hVdthihPDCCplyBH7pyWv6fzG6n1OP4N05XX4O1FXgQY7nnF9Pt3wp39kMqMay9Q==","shasum":"9f1b2f2d1e1b12e82f6ef2c07b516334472751f1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.aea8143.0.tgz","fileCount":863,"unpackedSize":1921484,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYwNFLhXli+VNHwCXoZckjJgtdC8eOjDDGRU63O9eSvAiAvdEu8mXusHy4AAtGDLWIkR2U7TmXW/bJ4+FMowhU61g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidAOaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/VBAAoHNh62bIyJfvFmUD5A29gfAmZcbxa9z/tKS2qIYcMLasqKty\r\neXCiEdvcN0z7Ep/KB4QZUm0Lvz4Qo18RRlXqXV0IuQDrZlxNO8bH0549eQJM\r\n4n15OHKGn8494kdiIljuD/sPP1niznzzM/uLERiRQTUNCDvntTkWmQChB1/b\r\nsKEYTjO5cODd7r3b9iRmE0UY2uhV38Yt5vS7Nwh7Bg2DztULh4nuIm4krTxb\r\n1hOB26DkysOGvw1R7cu30Ounr/SJI0oyXfEGWWR1QLZYKaTHShGx32s4u4El\r\nZOT9OiyCNjB1Hrmv/MOI8A6V9Pie3cU79m1OKHDVd6tck7gNWhwxvmltnaPY\r\nHyay0ymJiyhBSrXbNElt1EKV+sd4Xv2n/tRiuMU+gAdb83+YPi1Zjp2goILd\r\ncgJ4nB20SDBIJT9qjnBPkcXNrSRvJO7lwkeVPEqUfb0V7+bD/EL7m3BeL+cE\r\nZ9rJUkeZk4mykNuRIRzm04IBa0zqsL1ua4K+PWcq2axJejKNCVjdaTI0bjpL\r\n1yvNS69LyprFP68BobJFDja9Ovc2cs6LJDQatcjvxY7K9SK6jct5gdAQqzG5\r\nLfAs67c9Md4fuIBYMS55kpKteC57lYo/BCc8EHkID9T0Zhzz0haKlhaKLqE/\r\nt4QDgoiX3OAwqkhpQc8+YGDMzc436Xz5YgA=\r\n=idb9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.aea8143.0_1651770266549_0.5950123264527198"},"_hasShrinkwrap":false},"1.33.17--canary.5ca1b7d.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.5ca1b7d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5ca1b7dab37085f6eaa01a60c203da9861463712","_id":"@atk/mise-ui@1.33.17--canary.5ca1b7d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MCfyo2Nr0+TnDxNDLLOtP5c4AckY6Wm6EavdGjMZmhBVKcwOiEC/T6qrT8waAKWvSmtQiJVNAFwDZjT+7BqHLQ==","shasum":"3f2500a46cc1b6138eb9f5188d855110ba4ce2a0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.5ca1b7d.0.tgz","fileCount":346,"unpackedSize":1518573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTFx0yh6582g9ksWCqhhuQrmN1eYVtX+w+5IzxrJaMkgIhAL4O2NGvikE9ksx3a2SG4r0HgNTbhLH//oJUUQ34oemr"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidEP1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJHA//S8bQkHrRn4W7apM3y+P0W1IF17h9dqFCHFLm/R7OTzGOnBWs\r\nYeYRhFAccu80UhEnrNGiS9XXpD+cxPsTcWXd1zSplq3rSRe2swzKFxD4cGfL\r\ndi3Fn0n7lLLkslU9iP5xKjyOfCURwQrCUhvlymQivc3iUsk7fqiOmYT5VgOm\r\nZUWLFelxVz7rSq9/GzzaRpKmTHsL3NxpLmW0wYg6FKJ4JONNBb+HuV20z+M0\r\nzHCtwFF8djAYzqqfsOUSCIIrJWMurbdVtkgN/55woFIoaihdTKCDk9jZMXDM\r\nNLIZon+ds/qyb8UrWvrEAZeo4NZXbTUfPjVuxl7g6JsJtEDT4jMftfkQ20me\r\nUqroH+uNdRbeJZ82p7fVHhFFTP2Jm89NSehh8c895ltYu9lo7W8NO9Wabc6i\r\nvyb0CPfJCc6cMuQ9XFeJrYmGL7ut2jXPfQOcDT+q83h7x0hYXbzGDwLyX4Yr\r\nT1fhF06dMdicQ5j8j9WYp4N9LrQSqDqwuz6Eta5DgXRmTN1e9hOd9WJodOBW\r\nbtlUj9cl7C3+jwTCC8W1yJ2B/4r0XoT0RlmbTszVBV6ZOcTh7x1FjBRi0RMl\r\na7jDEWClYVhkL57QXXWay8pdsXpKFwo4sqiGlSyR277Kx9uQw0KOvkWVqwDr\r\nJKvn3aTBjAuMaUIHkTAyGfxswnhyPesrKj0=\r\n=I9Ua\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.5ca1b7d.0_1651786741139_0.771490789918992"},"_hasShrinkwrap":false},"1.33.17--canary.5ca1b7d.1":{"name":"@atk/mise-ui","version":"1.33.17--canary.5ca1b7d.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5ca1b7dab37085f6eaa01a60c203da9861463712","_id":"@atk/mise-ui@1.33.17--canary.5ca1b7d.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FFiA8S9aDv6X1p/N24AIs/Wgf7wrxEILSZwU22G6L+NN6c1A3Zcv113Ecfg1f7FgHW1U3gpDcZSFKCe/zLR7DQ==","shasum":"168d4f669727a48c166851315fc5c0e341f8a741","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.5ca1b7d.1.tgz","fileCount":346,"unpackedSize":1518798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFSzCWE0uzPm9bh8uc+OOfMi4RuMHG/YSfvOzFjnKuauAiAcBCq1uO5GcjptP8t5IsedBnJr4BC5aSbscFHh7cXA2A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidE17ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/2A/9GGvi0/P7rHqGwa1fTqVVILK1xgpzZolWdfL76jruKjmZJ6fZ\r\nHl8d9MZERR8yBDjGipJC6U+PPgkgfwTL3JyY70AtaeuFtFyfo/9zXbGUuNlf\r\nVNNFIrrrH+iuldN/hfNa08ic4pF8/AZrqvUZ+8D9IcGtpPb7IP2pndcjjLxG\r\neAHOneq1zojzIi5YPOmtuBNKiMr0L8sV8DXpm4rhiHcUhvLfxq694DkV5C3b\r\nzPJMDX53y3k9cef3tngfDlZDX6D+xH7cftR8TdWn1zHXZVMqck8WKal1dyCy\r\nOWo5ZSfObWllu3Z6XECayo8Fwvwc8LTT8qCBL+xw0pWDCuFhCuCfRGgJ1xmY\r\n4Ch4bZ+fWnFgXfuDnz9HuouWhcMo1Xcxj3e+EomgxyOPfrAAD8CIhn24ZXiM\r\nalZiQErOgfORnzI1Htl2ApxoxAVOZKMtCy/QldUEGgnPkQtcYQRbAWwNqbNo\r\n2csiG7uKfA6o+3SK6qq/B24GalKR6d7yecBbwPyRVPSAlrxR/z2UoL0U07DD\r\nQKwMzYE/R4RR+1D4hIafv9dOXtT6nrbuvAz6RuLRCPvukMzCrt5mX/104q72\r\nhmlGbrPiierQ/MSp+dFMFIQCV1Wvp2O5CtMGYnTZdxujZe8SqnZQivD97oBa\r\nXDk1CTc4A858tU/yZyefkfKCev9WpwN+GQk=\r\n=fHuq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.5ca1b7d.1_1651789179008_0.3767496275349107"},"_hasShrinkwrap":false},"1.33.17--canary.2496226.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.2496226.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"249622643b217d3e14404d6bc6e0e6038cd63a3b","_id":"@atk/mise-ui@1.33.17--canary.2496226.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-K3ufAqd6OdYn+KDIhrbyCSSOfYe+Z3qcMEIV3mw/Es8ilvp2P2+22t3/dJfD8Sp4o1Uf0kb9C5QN1TLoxYupow==","shasum":"cc1762858e61a53ba84c101ff474a7ca2e0b8bf1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.2496226.0.tgz","fileCount":833,"unpackedSize":1894428,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFje0UZ3QgUo7sMj227xobn4pcdhwFD9+2DsGIL48/EHAiA/+YLlxiI3k31CtuqrGZ632TR2da73Rg65/Py48I8bsw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidR1NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB+w//ZuxKJu/QrkrVU3PxSC1nLGVpL4sZtSE4gc1DuNKkw4iNnsM6\r\n3wFspKT2wDvznog5vvjI6IIa6oqpmBPkMUagCrNQIWAznC3YkGhNXrdvOT2z\r\n1v9SgI9xTWfpZhzDNkJVqGQsznyb9r0gZsA0/dOcatJ6EGABVM/zikrqnsTM\r\nPdCWRLrfysAsW6hD/r01UmzsDTHASTa09Ve5O2LUT4BJJdT4NtSVvVNab6Ac\r\n/Xyhq6W/nZ+vrcQTEvLpvvHYsYQPIiW23MfYYm1ixzkmoTlCdX1JbTi0eDR3\r\ncFzqYrVv2dUz/ER0XIhRs7G0YYnZ8S2kAlfcrx/IAGzuOUqOaLEx+P/JMqqp\r\n4m4GPyq7U7NO/370ye06U7HTTaMNH8g9arUmMCUaQ75y5B8fpfTrA2or7j99\r\nTYc7aY0XI6iNw/w3wBxtjEmfacWRzZYZgSe3kKkQhfU+cE5JoZFcn/ioK85o\r\nPLoRfMSxgi3AR68n+C+F9eWynLPtJV9wzArF1f9ow6QR0ysSd3q9irP9WfnZ\r\n5zLGpQGurdTaUhLSZQKGOvIKfFniSZJTOglwMJofNpKFCrXgcmZpus3FMraq\r\nxiPj2DhBXXjMbfTiuzUHRhVIqWYiHD8kR2+GwRumk5E/ky7F9azkmgffcLT6\r\nVOquw5OD2CZjvRGAAbTTm73We75oAfN84bs=\r\n=ZzOi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.2496226.0_1651842381220_0.9742622201824316"},"_hasShrinkwrap":false},"1.33.17--canary.968f416.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.968f416.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"968f41600556b8bc1b024a1fd7c1eb0f5324296b","_id":"@atk/mise-ui@1.33.17--canary.968f416.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9hlvCovajvhNLFnxHlkWlp5H6zaoqGQpFjsK/JcmPSNN/3ZEodi7IUKbbQsGjwin1QJcM2xBXV2awLNkNkGygQ==","shasum":"f18d68483eb26b77016645d473264a17744a2519","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.968f416.0.tgz","fileCount":863,"unpackedSize":1921475,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUmDnITAow7LRuonNesJXvGo4q59v7r94282unJW3RWwIhAIpjtQIlh0TeNZg/WIOzP2XovKvF5tphkH7aw9+86XsH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidTlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrURAAhOZfaw0JW6aNlwMEK23SJw4wvbUzz5mHW65d9ScEIEKFPmTJ\r\n4DCDDe4Fx7Nx4xx6TfVROO6p+OoGH3zGrIRWAAhakx9UF16w9MzHTHyVrO+X\r\n9kIYFeC2uAAhXlPyiqEPjs7kDu1oOF83HPHFcjfH//O9kt82yYuoD5xiawqt\r\nX5UawaUEKQDAgY+ErYWhHGjf74TFOgUjsp6ek7P7yNsJtSraj+Pvk6aPTSz7\r\njNL3okmFT5/GlLOSKR94wWAeMh9Xw1QYSFHAdGEeOgXet10oVJSAnvYsK9fc\r\nqv+iStSXc/3KW0u5kVY1wdRSvhsdtvJhpFmGbhriKw/CHagzW0tj00wQJvjg\r\nx5EAHMS9o1FKs02Q9YtDuX19IwUZC9IYd4M2whip2TdIS/bf/pUcUO81ZYoi\r\nBcOVqqqqaRCJmjzOBKjgLJ401JQ2L+hPUNEt17Myc8pRB9S45998FFaKrD/Z\r\nq2+xJ96KP0/znz1sosb/GLbv/910krqmNKyP5NIAUyC8n3kgk94LbxE9KBjn\r\nA3j0LHob0ic68X8G2E07yEdn4kbcymMfd5bI+7DZ90bleCwoWpuPmrBKZVCY\r\njUzD2xbVNQjcXVE3KA/bVcbwoq1f0YSVo27cHAJwYtx0+bC0hDiObecOJLNg\r\n7deG+sQ9nmGsdUBUWkuE+iGmH7ywbOt1oFw=\r\n=eo4Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.968f416.0_1651849544919_0.2942411476133857"},"_hasShrinkwrap":false},"1.33.17--canary.8fd94a0.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.8fd94a0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8fd94a05b2fd1a75cb8792e5fab71984f27a7f45","_id":"@atk/mise-ui@1.33.17--canary.8fd94a0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-hwHhXOruJxOpIMkVRYeaz5zBsMLCExrl82mHRNNTpJIRUPfojEvCehgwKuER7rlvU6sg1bjJ2vOKguguBE4Nrw==","shasum":"e35d2f39ee4d4fd7232c349462e35c895c35265f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.8fd94a0.0.tgz","fileCount":863,"unpackedSize":1921507,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfmYDkVT0/XQ5b4ITXD2zycOu7Fyhxtwc3jlyG1KaArwIhAJ/FbzSBvgBagbCV9Hdu8ryjlAEgvHLsarnYJoU2raaG"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidT2EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo11Q//UMD1iNqMkAQ2IG91PTcUJFV/WBZ+KsmVCUBBxPaE5WYHV1T+\r\nb5+SWN6WHM9AU16LSTD86kK6cBTHCpv7jCzXhNDI5ugTl6lebgrQjEAF7OuF\r\n1y8rFi/tlJZZLEt7YODq9ET9gfjnuJUX4KmZpdePLAx3UWP5LPp88wmpv34B\r\nGQkQHalPNQ7RcSP76GZhqkT/OcaRTKuU7Rxhj6YW9WfMZRe1Tv0OTh5sPBEB\r\nlg7ylwOSoGrwsXeHNGx0KthoQEywtuBTJUZWZTfXtb7o7gxb+VwbceZxnp8H\r\n4JegIsXFSpK0fS6ub+QzLbPM3zv8C7mpvw5jawQRQt97h9DLsUwgZ0Uztv5a\r\nyx/aLAkY5BShTG3M8PMpHg2I6PELZp8+jJFBmFptLxsqUVggVo7X+baEtztw\r\nzmEtdGkwUQgcU3u691L8rFGLmqVua7ZSbxZCFfJFDns4BOadHi29sdr+L6v4\r\nCnubNIrgDKC/x6CXRN0T55zWXAngMWuwt6a6F1+ttRY6puf8H6emMUn+pAJE\r\nPB5ypaXDE1gb+T8JbQZl6c16ZRXs10CK3briLxAJEc8C0hUoQZLEppEpmURH\r\n74QwQa3PoQhp3qPGmmo5rkLkb8xrZ15YMXb+2Hf4+pGHrZj37NKhtGsRCZLy\r\nL6fOmuMFv5VaNzxsSxu0/vKSYq6QkFCSemk=\r\n=nsB+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.8fd94a0.0_1651850628108_0.9141547869892508"},"_hasShrinkwrap":false},"1.33.17--canary.fb46224.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.fb46224.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"fb462241193df383eb78745ca8ac893d410a34da","_id":"@atk/mise-ui@1.33.17--canary.fb46224.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-o9wYvJkyk1bUsKdlSSVj30tpl/flEyE2SPXJMBiR+SCJvoY0SNtUFNBoURch0PHLID18H/G/EwgYuJlLC27FYw==","shasum":"a998fce1925c6103f04d8045d46428e41970e6a8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.fb46224.0.tgz","fileCount":863,"unpackedSize":1921525,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHuoTVYTHHDN4GXfS4o6KC7pIG/S5tY23E8K7ICmLLw9AiAuRXIDbfFWf8TmKq6tFuQngha4DDpZN82eOhYb5LFCMw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieRPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNaA/9HwgG7wz0OMbvgoAd0Vp1GHvxNvxJ4Md626Z/MaPtmvKrl74W\r\nG4Dtzp68qA/mR/4hPS/xqVV0t1sQtVjm+Rd8ozIOovx3UgyRPy3nHDscgT3x\r\ns9N3a/DpiTyBTd+qZ0d+pH2ZN+fWHRWzPEl7e/UHH+pzv4onUc/Y4MF3vyl1\r\noe58Lhj7UqhGuc5RYCZxDjhS0gd2IKF54JxOfZ1cEWJK6N7nJEUaMfGfHRoT\r\ngX0jzjKqE167yKZZGjg5FK0VAGjO5QBxeLFNgO4ms+IlO3EAWWnhfLLJfzz4\r\neJrN41V+Svozxbt5FSBz9hwPD37lxCWiYy8waidAPkenrw9y7EhGH0ouUqf0\r\nvLeTGIIUIKjd1g+h0A92QL8dsQB8sJmj1q1kZwMF74IgvjziDCpks4q/dOyI\r\nziNgaYkNOcozlCYsLxJbS9TqRq2TPDln1ca81tSYep82vcJtrk50TWtZXKke\r\n8mCeTUTCKkEyHMN9wBoOePCHuPjilSqvtiS14h9agw3KIiHg56J6nQGxPirh\r\nc9chfEDqZ4AetXoEzV1yeeDQNB9GiOofMpslG5hcKCnDs1gNQh5+E5/Fvfd0\r\nUkJEw2/fPGoHiDsYSUVPry2kcqc3VKvPNNuNWWcfOQS5g0b8dodtYCSLnCxD\r\nvk3HTZxJv9hIPntcSee+1SdKPGdAqn3pmiw=\r\n=L0Ii\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.fb46224.0_1652102103293_0.8505173342508965"},"_hasShrinkwrap":false},"1.33.17--canary.d15767a.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.d15767a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d15767a15d51dbbb46180d80608d37a631089c95","_id":"@atk/mise-ui@1.33.17--canary.d15767a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5z4rVN2FwJXKUIpQ6HaRxA2LayiJasIawiknXv2BaB4v5WqGaZxGNTkOM2BD7q6TJyumg8CeIt5vBzHH6gghzQ==","shasum":"e8e1ebb2c8302ddc1f17ed818fb20e4bad9b451d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.d15767a.0.tgz","fileCount":346,"unpackedSize":1518802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC87L2l6XnZ/fe2pvByFczQr6E/LRS/AkQQo3fZeYdecgIhAPLbaczYOR9F4dD0HY+mCltRkL0RR4/52rGCwKcfqS0J"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieR8IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCuw/+JHsEuglyqmnl9Ws+JqYGVEC1YT91iEI24Q4s/H/5RpV4z++5\r\n+r0p2sZE8fh0O4JH5mSEWeCD9R4S+9QAtjRRG9Zo+tSMyJyhh04ViqId0B2B\r\nqhlBA+E39z6lPsY0hOBAMEiMbmbHrPHINXUjw7mgpRE7f5ZTDGRmDFCvtCPa\r\nvOesgDEC0N5OAiErtsiuuHxBLdZlZQfqVHGEziSRBGdmP1k+eG8oLiFCJNoe\r\n9Al8DxszznpyAeP+n3C56T6WVV6xzygINNZmNdn4Ac5x8Yok34JJm2I9A8xd\r\ngcTFgS3Qtzct3YG4c2WUQ7HKWooZzdiZ6CkRVEPcN6FIEp3CPnLwBAG4WWZt\r\nYTQVTUmHl2zaziLqnIRjYP+IdPQolzMKcZjtIoBb0EaakUCJSQj0KSt7TdAD\r\ndmLfba3H9JBqyVLF3yZG3D13iIJp45I+WTOAeJZbiQUCz/CJk6trJvh8HLP1\r\nH6FWw9jGB7PjHBTL4RoOvnVFGhnvwChF+NeM2Qx+Hmd0yfTjNuyQCD2XnL3D\r\nrCxuJkfLE6XdlLOMSZRA9BkUlmvpHXxTrOnAeRYkf606Jhxo77/XsgBqoHjB\r\n2+9J6YIGfPyp7m2P0X7sQeq1/r/23ZrlhqcX5BUM/5TVdWr7LEztnFPRRDsi\r\nUwYB7tklYORVQSgo6VGsAV7cYtbNhHBcTQ8=\r\n=Ok0a\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.d15767a.0_1652104968695_0.76341803178484"},"_hasShrinkwrap":false},"1.33.17--canary.7768cdd.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.7768cdd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7768cddc73a55a3daca617e7da19b4c43b64bc44","_id":"@atk/mise-ui@1.33.17--canary.7768cdd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sIY3D1iDjWbBaDl8hkOnZn3C77JUfcgVuQ7oIzXyRMfaAKKasxBm70XWYPsngcJPA1Qq7wRtPm/FWfjmYE197A==","shasum":"40834029cc5e0734b1001748c9eb06e74f3bca1c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.7768cdd.0.tgz","fileCount":346,"unpackedSize":1518915,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICVI8vfj1bkMO2BA98kXa7Na0pQf9TjkWRn9o/AT8LDJAiEA5nHTsmFLjM8yewtUIJD1Obp82rCXeoIVxdneeqDaBgk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieSOfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXAA/+N3/0wp7yU55lfVGEHOcvJnbGkccrdEuBgxLhk5LYN+6Ah+li\r\n7zjlrWoYR+9SY3QHaX8/KucCrf0tfeJpc7TFaF/lbmYQK2UtYscZ+/PLJW6p\r\neMFzZA3+FYhGuOl4yaz1rRvZb+pgPtdL+d9ZQN2QrCu35rz37mLEfArmn0cp\r\nXL18KkWE2Qh5M14H9kSj74XE0lyNmAq8Vs787IXKEG6O59j1lj2eqypDn5jA\r\npPyIq5HeX7n4o0GD2AGxzfoY85aNW8c4L/avRL4YQHDOqs1ifUJW4UWe6Ojm\r\n3NITNRrh73SGK+im1f1jf5EJqQ9b1yER7pc4H1WxZF8JVoGJTP35UBNHxwBU\r\nElQuHRqvMmTUwS8cKWxNxNWJuGpM4vbU+ZZ5kr2QiPZRnsplf5u/LBB7YwO4\r\ng6hrGTFZktP2BcKnoxRyWyt0+L+VoQ719+ltB8jE6TWKiZ03WbhU2L1QVLKZ\r\nMKab1uHhDDxM2YSy+FtFq0azxd6l4GZh4uWSQQwgk2xYNs5Jyl5i9UOFF82i\r\nr4j7QsF4efP9VGmmGzwryvaUtjxGML9i+k8DKeingTNg7J5BzOib68iVmDYv\r\nnbVaQ7wdNUA12vID5B4LIZrAd1izF8LWPKOGzeo7BsXt7RiXNdYil8hwMaIi\r\nb0EGkGGXnKl+h0x2Vg5TnGg4lNVhfui4Omo=\r\n=uqIs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.7768cdd.0_1652106143215_0.2777332135427435"},"_hasShrinkwrap":false},"1.33.17--canary.7cbb6d5.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.7cbb6d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7cbb6d588e5c34656ac6ad7feb48346861a822ce","_id":"@atk/mise-ui@1.33.17--canary.7cbb6d5.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-/5EUF10LZdzX55id87MD4zTvkMpe02FVcL+PJBIw3NWgfrQZ+KNGgi1qYezQN4I60nOunVCG3zv4kqBINlTcpA==","shasum":"fc0e485a12500bb5a35a01f243a2bfefd8cbbbc7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.7cbb6d5.0.tgz","fileCount":341,"unpackedSize":1494401,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDw+MkbmsLZfznIUg/IY3GPBfQ+GYGyT3tdBzYOnP9i9AiEAzAOXp89pKxC2LNICVHdarUoBBZYz3q1Eu2JnFguzkyU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTENACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocsw/+Ls6LIR32WDFEy7P8RhzEB0CoQpAWL2zBW6GwsP04ckzRzA9h\r\ntiUuIe4CV7K1rsfkq3cALS/mDVLVuHe6gKIY3z/8aI0cxAJomOvwCfmBdJjn\r\n1pEUa7OUEXWo1S0nxhX+XT15qlOFamqUoP/NbkJe7J0SCxzePcJNoNWz5o+M\r\nApbJ48s3oXfJAk6L6rQ0jmSowEb0Hlcv6xe7hACyzNcVqnHIxhfesc4xp5WV\r\n86P6bZxrg/7U5YK6DE0p1vIazBMNfoLzGXCwZRHMYF7MAA6GDVtXoFNxdv1Q\r\nsFxSBRhvaAVsSFnHa+brahYcHU12wJDR93YAQpk3391rSbrs/nw49XgMMn3X\r\nRcsZS8CRnHj2piP1VJDbHoNGuiBWVfbp8xon5fspOSUNKu/a2dlXgJMdbFsx\r\nkAGPYeE9fFVDA/CUqbSPK+njzcl9eqC6NVuh38cdzDCDeBMUQOwK1hfjDz5I\r\nuBWtHiBotayv1ojUfp9ofFU8KkNyKJIzjAZD8Mj+n1RYX26AQQxveqXkkf0v\r\nAleMeERr/krde7UVd35KK//svIZL5iiXF/RWwO9xYXxKxI3KVSzbmHw7+gQF\r\nVLECEzNYJfEGOX0BDKv/8/NXp+7igXoLXl2D2GhmrJY2stOE2Z2Cr7oeFTGG\r\njThrYOKJomCZPOR+iDcYfzAD0OIXS9BpwHc=\r\n=sbVC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.7cbb6d5.0_1652109581684_0.881634868345349"},"_hasShrinkwrap":false},"1.33.17--canary.8cc12f0.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.8cc12f0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8cc12f0487b5c0c73b1f32db83b0894a20fc855a","_id":"@atk/mise-ui@1.33.17--canary.8cc12f0.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-D5IiiKqpEYHVgghomerVuKg67XIDBSf8V8kJpMhhKbCEMBQtKidRsSlt4IJK3dmprJ3EXv22y0Dp18BlAuALLg==","shasum":"23e2a64376fd6e16ea0450e2b213c4d849b168b9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.8cc12f0.0.tgz","fileCount":346,"unpackedSize":1519392,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5o1jv+1bC7bkKmEhrU6ynmu7Fgfatrlkr/Hc/6vediQIgCjdDjIj/S2hAKHlu15MmyULJP6iwAszXjFrkbbTrZL0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTgnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBPRAAjDyFN8F78mQsvf0poA0GokxagXJshUUyzwFH89KiDuCnQo18\r\nMxZ5ZC+Bb5npLt4G6bOHUhssnN8a9D+/XSEl70YuogdxFdpW+XdbP1CCF/vl\r\nsGI3tTJSl/8JfhJrUY+n+as/Dqhpw89Led+uCe6PiKrK3oHouA6RYx9BsyWq\r\nUVsy3C2pbc/ETaajHXPMgI0njLaXcLNoUYUNMvFkpCmlg3ubPN2zd3rnefvZ\r\nmfUIg7lq0u/yZeOD5rU2J5Kb8kESc9PHzhb6m0bKH2lb+pF4OPf0ouJ5E0ek\r\n9zckc8OwmIxrI3oLxLfIaFSuV+g4chqXpf+6C/BcRm639G5XKUSYQTASfxJ4\r\nx/YUYWJrL9s4+QOIGgjhN2O4a2FTJC26LxVKGGUoBrJ+9+uH3TOBVjl4Ainr\r\neDrLR9MU10n25wkBz5k+BO6Fqhe5FZWeJEwkR2tl9hzWbZz1RtUBQyaGxTBY\r\ndSdGgF1xeYgHOMz9usvZqo1MF9V9PB4/zX/EBbMGxyjT8/sb0VCLiuPFr2PC\r\nTDQfjbh/zLzDoCVdNLCgu9r/u68g/10Cmaaa8ysnchyAi6aTVbj/uIyjQ8UK\r\nDd18uiPL8MU63+4pv2AJpC7VUNFYR62zI+PxBTXh1x3i+XnRTk6EvyfgCRty\r\nquaR0ndnHXKYj0SijouEfUh6tnU/uCYJIuk=\r\n=NIyx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.8cc12f0.0_1652111398733_0.19269217698453578"},"_hasShrinkwrap":false},"1.33.17--canary.536da34.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.536da34.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"536da348c94900e14cf93d165d0ab78e573b900a","_id":"@atk/mise-ui@1.33.17--canary.536da34.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tbeC60sUOqs7XUEZDLUk4HLFPoxA+glqk9Y0+oY/FJ3h34IfGXPXdw4zNeupY8kHTsq+Mh4uTAgd1toU8azzXw==","shasum":"516c62e8aaaef458e10f54f32d9ebfbe00d984c8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.536da34.0.tgz","fileCount":863,"unpackedSize":1859540,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAN/poJbBHcXyOK6uQel8EkMm2gqQbLlzmd4nB02/oy3AiEA5SGq0dooIS3xfabOOZ+UPAxKkyU0QDx6dQSDuPWN85w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieXcRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYsQ//X/7OSq/MmRCFVnEzqPDy8oJoR9DWbAD1dAos4SN+Q3p2O1sU\r\nguM5yBwsg+tn5rLh3O2s9qYLZX+/7U9HPWX8QsabEWfmd02Buy6sQvqhW7GJ\r\n/007QuZ1lYTwdlhvaLV2Dl3/pccv4/kXWm0tid3Y0jpdRm6PuRu0941AVCqf\r\nO19ZBkguRFP9u9rgHuKDfFb9IPDz/36C7epg/D/PbRm3uzRs4lDslOfN+gL1\r\n0XwyuWgWfDz473jlKax3O75wflxsZ6FAeaEA/rNbfAQRDxLvfQ0aMjFCYLfs\r\nNtkWCAfFzD9PAGBx1PXwbzJWVnj0g/uSVk+fyjwzT5x1aDmiQMZOSi3KSjiP\r\n5sthIVbGw6X5jbaEKbqrhciziGdwFwZyQOcK1A1tiPZr30P9FMmubmpmKhFk\r\nR3bQa4V06sFld8AuO/BSITeDo9GxN57rIQArm78Y9IblysRZoUhXoiEcuMhU\r\ntxytkpiAgKSV9pU2Om8iQkquNyBbhFreE/NB41GuDb4LyQT2BXMT0VATkesK\r\nKQPz8+1qDdXc+HLuUxZMIR2JfpgCE2hw+IcrJbawu5a5xcXeZq9THmDyJ3Xf\r\noUpKumT3hHMpQff18fJmsOT0cVqQcpb9/Mu9+ya0abc+mKrEMzHiWkV1VBXX\r\nWqkEgHGGjGc+I/wLnfzGdErsZlRNSuvbZ60=\r\n=xrz1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.536da34.0_1652127504842_0.4914217756704369"},"_hasShrinkwrap":false},"1.33.17--canary.a13d081.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.a13d081.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a13d08162b93968073335668c7d55c78a43218b1","_id":"@atk/mise-ui@1.33.17--canary.a13d081.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-T16PPUU/1TV87C8XvpG+fB0nlfR8taxfnas2re2XQa/riIAhuwfX2lXkrv/fm+c+XTj0UzZxjF18xeUIlMqjYw==","shasum":"4ee534932ba4feb7c914c00f624d9d2b945fffd9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.a13d081.0.tgz","fileCount":863,"unpackedSize":1859540,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwaA3BEegzGmvPnZM022CrQoMhC/5N9D6eTpCAA86rrQIhAO8Go5s/Mw0JB67nOicYgMUsw5A877RcHwtObVVs3Jas"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieYFfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr17hAAlDfzmW+Yayt0qV7y4kCDOqeEGG6Vh+2udkESzN7t6SlLkovr\r\nAw4ieGJggaCrU6jboVxobLAhnBqOUwvIy5bn1HqBUIcyZcRQNt27QBOB5bkU\r\n27IC9sCbeOIcPUJH0iJuM7c7Q3JRWZD0FTGgmZ60GRPBx9KcCIceygkHVV9l\r\n+f8heU95y66y9ujQ4NxWmbz4yvG67hGDLvSrntEE/RnL4M+rUPiPn3UAP8G6\r\nIewzLEJbABETXhuNCxKaEmi3m2Z1oL6/8r+bBkw1GNz65ZYDfu9B2W5IK4DB\r\n8q9OzZOTgrNplB2ujH1NxI8G27J5Ik//QypvoO6TL3YBvLpqqMhDgwRYRlhy\r\nbrUBxBlSSP4IeCJImHPC/wDhbZevxjEsQfGEe0jTZzPKsAWKKJ+XPP9E1Vsd\r\nnr5eNdk+Sk6vIox/U+KQ5qpseyA/cox+KK8K5bPWGUl2E56UMuW7jyixNEmZ\r\nTzpFJIu4Iu9IYcAQFYnCXCTUqT7Fdbse3DEasvGAOoUoEI/FCOn/4RohE7/l\r\nMdp9LnCNC6Dsw8juKKKFq8CNehZ3nAuhwgRGmgYWmN9+R+eAtfQZJZqvA1IK\r\neAmctTw3MmtX7I31jH+R0f1tDRCX6YAytyvgMkJrlVSjhhMda5i2/XRjEdSd\r\n7GGIWiwT6FpZ0pvej93N6q3MQHs0ECkwvSw=\r\n=iPSR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.a13d081.0_1652130143045_0.9432633034976847"},"_hasShrinkwrap":false},"1.33.17--canary.72c491b.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.72c491b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"72c491b374b5d88afcbbdb4ad5951d7b38691c96","_id":"@atk/mise-ui@1.33.17--canary.72c491b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aefR/yt7QS8k7yR/gQj8FXO0G0CtBXXTbzKXvY90i6e1HwnzKM1TBjsPsaSgnXIdzUNhT5AkTq2EdkKfhfX0Ow==","shasum":"1481800b78722be58ac2468e53585da76f403656","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.72c491b.0.tgz","fileCount":346,"unpackedSize":1519496,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhw1hfotlcTBqAy2HDl7XfRAGBWqNRoMCPpt2GWXVIBwIhAIURadyInNvP9ke3G1a9IUYwIUgNeH4Oj17ZoPCBHM4q"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiem1lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprOQ//f7kxjvd2JAQhv1NeRbXrXHncO/yA32lmvxdufHSHF23dGWKo\r\nPhoZXqpB2fl1XGtYWKxAjufhbMQOdZBexr0RulOzPhLCooCCvzNwgdpyi63r\r\n34dCXoFYunPULjBU2xcj1U+tjy9o7vivrEbqneNEAyLtGs769/+gAm5cLbTH\r\nmd3i5wacXIvVWw+YnBWmnvEyTGh2aCIBz/C9sz9zF+umsPAWAGaTGEjL+Xco\r\n3/jCovlEKUmqfiLSAG9CxpXv0IHOBIAhN1Q9tFqxfpTPSONeVWgrJizWZi10\r\nP/mGbyy0BQzLplsPNAjxV4OqkSkVMDIV+DEoyUwBBU5++15PpZoL+hPHxqLQ\r\nqHkAKSiVh2/yBaC5WrOaoL86dC/SjEbTUUXN02F4U8JED13aB2m9dhdAIWBs\r\nLI2elmXd02XGW4YRswsoCqELe4ZcMn8QKSUuK6dtfufPKywON4u4ArqyEszt\r\n8tkXjzY9mKiqp74CGm/Qp6j6sykqr+tloVsir3EWxkMm56wvfbwZ5QSgj4gx\r\n7oGmb6JuNNc0I3x79A6IqIYgjNMZaJZqWMPjBWe5YblkUhv/6b21/0zFu/AA\r\nzP7TMtsYhVaLEyo4xn2QWDJRX6wN6+6H7D49BmEwwUzXgids2d2TbnslEbDB\r\nozjPd8WsXAdmb6AfeTFgvi/8Xtj/BWTsR9Q=\r\n=GySJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.72c491b.0_1652190565535_0.627546889069291"},"_hasShrinkwrap":false},"1.33.17--canary.240c20f.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.240c20f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"240c20f4bd4c66c9eac0f704afca92c8413619fb","_id":"@atk/mise-ui@1.33.17--canary.240c20f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sFl5oR37Va22Q/w/IbPbACIb6sE4WPhSGakGnRN0kt5xMa7cpZmqIxgf+NHfvGOdFntHZAwmC0q5laipFb0Utg==","shasum":"d46f614a238371feb80621610f600c70d51bd8cb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.240c20f.0.tgz","fileCount":863,"unpackedSize":1921437,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1yyOz+5MOoXyUT+feRDf1SUy2EKeQDIBRiO/K0KvdrQIhAMx13MGrzJJpNTwYZEAZWtoKhXmXKbIMUTU7yC6Cf/Kw"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiepEcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLkQ//ZG5XX1pSxRhAJ7OOdqJ/y/Batf17fnX+k2grtNuttBHiQKT4\r\nqQgNibVuROQj4hTJ3wt0JnWNv28DorpGU85OowjsPaNmp8RMEy1FY4eZHkxz\r\nq+z6e8aY6hW3D7lG3/IpF29spmFY+U9CgFjYs+H+50KUEfpqcgQoQgS3kA4+\r\nhbR0FJ3nsAeW8nvII6qX2wZgUUR3h/r6JOc+MYhIukkE79N6Sp2C4xqPpJ+v\r\nNGfLsZgnZs/TiCkbQmQZnbDDOZblGSrBQX0PoBwuQiiQ25kaJ5h76Y2AE5FN\r\n/Lrs7wP/iXT+kKB36H7NjAdxn9zaB6dk4L/PUhEQ1CpxxHMOuTb0Vj1SE5Vd\r\njEtFxSsgtGEDKzOKdpx8ChWhXm4O7pHjsTOUZHiCBUYd+5txCwYUVxIMrSHO\r\nyyJHf2ademf8Sx69uwccP7jfMGgqMtqWuqz5pdGMHWc5+17QLBqlKvR6OmzA\r\nJpq+AiRlbJHphl+/Z23gr+WhdzRqLdz7FdxNsIufym+sQBWMbq73bFXWjxx1\r\nEw15+zgZSyafmGv1G7j3Ch9KPwbJ1u+SXHwApfTmH4ZfyeJYupq0KNPu6mzc\r\n1R2Bg5PvaFkPJmNMXP14KBnxP6Hi3q8iPBbuoWzB4d2n+up/nGGyiLRY/3Ca\r\npLjVkjWYw19Md7n5veMXGnaHSZHmjRR3iUk=\r\n=4LUN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.240c20f.0_1652199708094_0.02810696715123351"},"_hasShrinkwrap":false},"1.33.17--canary.6aff775.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.6aff775.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6aff775d30d7dc09b96612ec2779ba701062a2c2","_id":"@atk/mise-ui@1.33.17--canary.6aff775.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-9p9kEN42ZlJzU4YXCD1PBRj8S0q3HylgSet2PcnlAHf7LP6pd2yhavEm+WjFGl2QXfI1FXaO8kGRtJ/CR1J2Nw==","shasum":"51179f17a9990dfb69b76d4701080056e6766123","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.6aff775.0.tgz","fileCount":343,"unpackedSize":1502164,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2ULb7Ahk86rXRt/H/3fVc1wk/Ec2//mOaLNEl/JQMPwIgJCwR+NeDo6QHGEDXPLknAHicTA2grc68hSn77EkM0FU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieqo9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8Fw/7Bba7YAprYx9Q862eoo6e0n6RkAhy0U+LzscnTOmJMvfoH1CT\r\nid75iYEZJlVnVynM0ACmEL6Aofc+SjVUeosZhGbO31oWu7aNW9Qz3JaqDZhq\r\nTT1Vz5WtN92Odf5T+fgE0CdUDBvTYueBhGdsMY5IEgknSZnbS4n2YPFczP4W\r\nvIW1mYNEcJGeY6ypbVEPcfmE1i92eua0TWIn2qUmUWxlHAvDrq+mePsF/xca\r\nN6ChiZ4Pi8kxrsD7wayR1C/2v35/ELG8hBoFCxGCYDOYJrkStkgOFuwhz3DX\r\nzKr3SDlxo61CKEhIIFb2inXCV0wgJRH4Jt2tueYJJhZlQr3g5msYHSzHl58P\r\nIPjsTovDZC2Yz2XzyQgUqmvNanCVrytxP5l/9mvzzRcSCX/K1648T9Y3MnOe\r\n4eR0gxCioIMAwtmGZypGyigT0jOG16z/i7JCr/siLIPxgGUKPpSzpog9XNC3\r\nFXeWT1hL0IPPRoBfE2lzUXs+eUM2hvqnENFPTuiCC54USTxHBnYZ02jCUUXL\r\nZePpYW7NzuHa7U8CIAFh6TY6FRX2nYrULCsRKUzcQHd1jC7qIrOWIk188X0N\r\nEBku4ixHzzshLhL7XbIDB2vsQubrHFbU7V8bd16LPAZkwSkCc6D8iChnCksf\r\nRNErJJMPMf9vcYWgJ4HK3E0cgMIaGKfQKuo=\r\n=PB+k\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.6aff775.0_1652206141256_0.40252058756180786"},"_hasShrinkwrap":false},"1.33.17--canary.1b53f7b.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.1b53f7b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1b53f7b68ea80a1353f3695d21c954387e3be03a","_id":"@atk/mise-ui@1.33.17--canary.1b53f7b.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-TTG5h+tVZGe5+u6Gl2N4ZShQFdF2/2NKk7aMuU4HqWkgF8w9rP/inWVtExdGag01+zQNgJroSRdOh4l+V51VqA==","shasum":"441f40e57553b481ad95662faa3371dd7888998b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.1b53f7b.0.tgz","fileCount":832,"unpackedSize":1888943,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGcI1IaighzUJUoWvDxR0rTGhf0q1zv1WqSkUhA7kYCFAiEApRzBDJiB40UJ3dKLQ/Jh8YiFeDN2IOJuP85WGw4EHYY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiesPlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8PQ//Y3JLqZ8sbgXb02L1n5Lx150BBKIbmrrhTFh2b6/3n+RaxfR9\r\n5DG1Z/fgRhadIHp9J1Oz5ecoUx86DCXVBQfX4oPc5usOrVFSZMmZ5ixzXaWL\r\n0RAv4oMbykLy/J3gs9qTJrF1XTzhtKvFZhdhi7mV0D8NzMenTtN8jsxHrw4h\r\nTPGpiL2O6+buro5oUqCSrWg1bf6rB7c7f0xYuXwZ4TNZv2QZPu5llAYmmaL5\r\nsq+dkTKd9YC3MiOb7QoMcnkFn4CYTeLhCwFerSyCPSbaXGAFE0be7KpfFTzc\r\ntEvH24gZHFRxD0o8eWoZP4Qa3wMZuja8dxmb1Sj4FyL32NTHVV+2djPgxuYz\r\nQOtzI/7T5TP5hpi+ha1tlIQ5wpIT0o869rYly3wbh+fflpjdeQVu7bSOdFKx\r\nz9sU41f1mB7k+zKmZsrrexq5DelVOmdw9XEnjYAsW/RmQ68gZF57MXrVE7tL\r\nfjz2+UPTB4+QtxPGdkfKqDXPTOQ+QXlsnJHW2ZzHfBX8JCipxpIwYCG0nXjE\r\nYfgH2E9Q2XPfFzgRATo14bjZqI+B2ENv5okAVP6t2x92OiIRld6i5qFJLRes\r\nlLZlftk9JHPzbOOxrrXMt1k0f7Tcq4Q2OU/l23IKL1VjTz6Vlo2OE365JoQQ\r\nWxfQdVP/KJnI61QXANan7VqG9dfAc+4x1OA=\r\n=nA9E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.1b53f7b.0_1652212709350_0.03747085549671225"},"_hasShrinkwrap":false},"1.33.17--canary.d1a1a8b.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.d1a1a8b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d1a1a8b67369532df48f14911ce7a673b0271271","_id":"@atk/mise-ui@1.33.17--canary.d1a1a8b.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-X9lKFKoasSOr8bNZPrQ+sz2DNlVp0cNfz8W88vzTNLxsmBqyHia9Z7JfHiaJWCjC3KqCpVZzEA8jNoqwZBM2IA==","shasum":"5dfa5da50481cd811f1ae1b42ec3877841328949","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.d1a1a8b.0.tgz","fileCount":832,"unpackedSize":1888925,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBQxLge7G3Rr7x4pDTmpVvHmCDFhUJr77qPuIdPNCUG3AiBvXKBScEdcQJt0bF7xr8QmKPG70KP8hC1OOZbz/jV1jA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiesTKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9uA/8DjagGIOIqEgdFF8G7mnTozMfULu0jegxA6qcVvgc71Zd7iH2\r\nULo/6+GXIfkSQh115LpQ2WsELn5kg/HnYG+cxrbULr8SnD+DE+lUjHp/jcqy\r\nWZgnUWWHq3e9seqZLcQACbzNMiU27xaeY9UUa+fsRmvCRl9pMt6ETPdpx9D8\r\nq2gxMP32WtHu0q7E2kQ4fLh0tBh9zSgPq9UdLYaNzF34QYwL+NsCQNzVb38Z\r\njJhvVflUnHhjLa+4alVPfKEEss55Swd0JmC5pbnKldEMV+R+PM1gOZCvK0oN\r\npHvIlnlBGNPCQ6KvUmUa1++OlmdUM2csMQR4guPFQt/g4gpzc63U8LELavfw\r\nlJU5nj7wvA/U0y9+iTm3Dajk86HtFCS6lTp74JVySvZ6sG7HM1lzY+o7fCpG\r\ndrJmgE/Tu+UHVtZCCL0svxgwxg3w2THKZKRHwR07DXIdcaM2XaAhEljOCo7u\r\nHgWcPFdlgy030LdIhK1xtAy3nHtJfYrzIYG36vUUN2C7Fsi54Y5/xCtPt5C4\r\n3bfZR1qK8RXLdZFT3AAGPAPETsfpVa24rUE7PLYol9K46Nsmj0e80BlZkNG6\r\nkzk5outVkdc2ukQFLRA6Mch8bXCqRpPdFy4a7WlKkV92vj7Hh5oyD/KtZr7o\r\nNBx7Qsg+iOrkR3s5ODMCXFxKpJCveABDgKg=\r\n=iGtc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.d1a1a8b.0_1652212938303_0.2624540409197338"},"_hasShrinkwrap":false},"1.33.17--canary.db63c82.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.db63c82.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db63c828a1f62005fe72220ef7cafcbe9b7a4d0b","_id":"@atk/mise-ui@1.33.17--canary.db63c82.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-YQLImG3x3qh5OWLgrePKDUSorJjzhMTvXkw42OcPuJZqVi00aeE+WgQUWFiMYabzhzZrXsOa8lQzsLW7MvbVTQ==","shasum":"d444571feb48c092e5fe312d83c186be84a353a0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.db63c82.0.tgz","fileCount":863,"unpackedSize":1921411,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMJLqtMaCEp0t8+qLgy+/C4akTqZlyz8KOwDupoza9eAIgDlZr7u5ukq3yF7m3eZzAAdV4CGk+B8OnedQ0eoWrqP8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiesX4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjAw/+KSQXy2vvjxuTY9s9+17kKZERayI2abScl3vYcyphDOGWNhN2\r\nYEjcT9TAAydMdNGUyLujf97tLNe1bteb1lol73Kgcde7MwiMzmgZ6O2y3DGM\r\n0fXFW+tziM1JTExKbJ7zXFSapFULSREP9OryO4ioVRHGOM6L5JhjceYPqbTp\r\nwhQR73FP2C6702dqu5QYCTwoYeVSg2ngQFCuQixiJpCTfvUXdT01CuRQVGWK\r\ndhI+xwczqEj8YfFom9YCa/N1/IHfocjcM1wIA2U2XMiXWp9/nAb6ljyoqFSI\r\nd3/5wYpBCdByhXjVrUr1pTY7aLanGHDC7I6RUv2EwymhtTTAM0gs2XpUOKfH\r\nUe+wecQXFIKkXTyv96akGbmHlhNRzvFpPAAeaPn2lyHdPicp9ABgNJl3Bcdp\r\nGNKtPqnWcdz8CNgGTvoWN+Lp3N+5pDmMVeGg/ZPEmJ4e5ZJ70LXx+oP51wLw\r\nRomq2PPaF5fpv1jDTX1UGd9xxmOkFxrjRsP5E+JMG2hBvSNzKvGDQsB0Ni52\r\nZUL4sVG6QkzVxJXdB+c8EKZmeHmknSqsI6/iS0DbJ0wHasMnUNW4kr0nw4XJ\r\nqXJUE3nYTU7stvhM3kVH5bXVhJnYNjwFh2aegigM9I2rK5lXyd2Sx0FthfYd\r\n5PLq1YnuvcRdyATCywiyD1LgxLw31mYgz9A=\r\n=k46C\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.db63c82.0_1652213240260_0.6350724528495919"},"_hasShrinkwrap":false},"1.33.17--canary.74df642.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.74df642.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"74df642f8d08afa06b8aabfead7932b7d9915891","_id":"@atk/mise-ui@1.33.17--canary.74df642.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-80THh/4otCBNMPdDpM4pUZP6j1nBGVEUb05ue3mMOquhMXlV7IJNJelYpMFkN1uz2/mRFysxM55obg7TvjaIQg==","shasum":"df5a15887570a37f008e8d454bacfd21b1c42652","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.74df642.0.tgz","fileCount":863,"unpackedSize":1922268,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnaE53kQuLyVf5NYGJ9YGol9HqdM8k/dHhpbC5ivkmrAiEAq5NWjDXyt9q2P7Dye1ZUbILRgjKpt2iEhMxJAKGAETw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJies81ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIqQ//SjkKMfjXTzXPdmRVPDAoW7C39cZXj2sPezWMjrb4BXt3SKI9\r\nwkDpnr1jzmDgznGaDs3afWCoiWj49yOfwRuaR5PgW1z9ZB7S/Qb5y3ON58r/\r\nynD/YEPPUuHy93XyTuNn4NJPe4gzFy12cUlufTeW1W3SRxIYM6BVenVt8KPd\r\nBYp3BBWkBdi7k8YtFB6tlX+fU6P95CAzoNClfXaLH+4Uxf52GD6G1S27BkII\r\ntD/X0qAqqb7IIdTZLeLVtLJD3EuvS5O6QA43Nk2M32tQNQw2aXInLV0nF+in\r\n79wfJJs8N/Amkapf4JGYQZXNTJwDgYD0a9O89LTO2d/XXiSeV3PddphyoJbM\r\ncpM3lV24kLhwuffsVyVQ2pULaMtmDFLMWVHGMImoS+gkn/2fS1f1S3u1dJFB\r\n1OG5xgKNIuFcp9sxC01S380OLs19BbhlpT9gFClGCVDcvKPPja7EC9SX4VAl\r\niTwYFpyskOfjQV2IQBPAVbNVtk8NoRmOFId1ey/1OnqGke0vYKuF04xeD0ju\r\n4gqf5xClk8cRkOFBP8zbycZo1FuTnuxKoMdSFcZl7PLYsNacrskBMv16yoL1\r\nyqRH71iyaVfLdFaqOTDlm7t+YpNsQJXG77JbLutNPmR8fZrQE/xNS4/nbiX0\r\nReYEzF3nHVl/zF5ZH8OrmnlhJ7apLgOdHZw=\r\n=is02\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.74df642.0_1652215605459_0.29353470749416677"},"_hasShrinkwrap":false},"1.33.17--canary.ae17f5e.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.ae17f5e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ae17f5ed1228d25a5e28af65292e2fc1b4243491","_id":"@atk/mise-ui@1.33.17--canary.ae17f5e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-cFm9Pz8cKbdvOC+XWl3MfHyP6Mv+eqCf33gDgSQttOcTZBWRUQIQfxtYrA6I834o5CoSKHm15axQdWAmLPxo6w==","shasum":"9abcec15bc8e09931ac057903fa41622bf44cf4d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.ae17f5e.0.tgz","fileCount":863,"unpackedSize":1922281,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFasrE/r4oVFkgo7kGkxj+eTikicd15xX14cpMdfATFRAiEA2d7l/w6dxAGIUlUFlCVVtkM4sKTxT+QmW3zi93evZok="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJietBYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpT7Q//cOe8uiykk+KsENV/taic+4+c++AJXQqXos8jkfTlm6Tbb3pE\r\nBp/H+maq0tNj8daxjowDWLUfJ5Pk3u/fCFtDdJZw4u3M7ecjveQ4xPFdQRZE\r\n8lzhr3IjA5aWEV7qE0gGJA9iFlllRUJIV66oKMBM+ETdBF8VSVl2L/S2zzum\r\nqbvucnODC6IbQiRWc7seiQWo/1DDNczpRf/UyZckT9TGanPDE4LLpGsqlNtR\r\nm507c8xZ6VWmxijmctcRS9BC5Nu0qBCCc9SezHQ2HvcX1e4aF7GqyPLM+k67\r\n6EFxDFRfViOm5QUJl3ryalru3G3DTChK9hnvHs0MTXHEAYYO+40E5G3jA/9i\r\nMRjPMi6zLIzZhdExMm5db+zlFRVjgf2zkmAy+PRMuYzZEmvJfkWm3qwZKgkX\r\nDhlPkL1VZlsYu3u9tzz0OV0lHLWFC0m3YvmslwZfaXG9pmGu4AK6/xklt7rA\r\nCiI3CA1GZeCDT+nHNAjK8gE3mPmJU2e8KOZnSTp3WdS2/pVgosPzkvtu8Ntr\r\nlOA1CciDm5MzmZpHLsz7JJZ2/bQB+K2p32eoYZBUqc+yv7zOIMnRYKaQgjvz\r\nGUs5NySstTZ/mx2P1Jmw4a6+zEchcCzI/Yotr3CwsPyaRDwOD39EjvE1Dpgu\r\nN8aKZhpP4efOUsHR4EOF9uMMfFFwBZM5CiU=\r\n=o4Mr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.ae17f5e.0_1652215896088_0.7970313944606378"},"_hasShrinkwrap":false},"1.33.17--canary.d5efc8f.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.d5efc8f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d5efc8f8b5493ea81e53940fdeffd01dcce52598","_id":"@atk/mise-ui@1.33.17--canary.d5efc8f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-syHzyaD99qagH22yc6mJLL6LHi5E+LoidTns/9OoMfHnQJCuarNSmAxuAICABZTosg/pelRL4Uy0SKPbB/vSPw==","shasum":"78ea3fdb1e9e53092d0d623eccfa76ce9774b500","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.d5efc8f.0.tgz","fileCount":863,"unpackedSize":1922001,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd4OVeLJYjgr0ZaLty/KufkeP3ab/KPI1OEWaQYHHwTgIhAJSo2oSZLap6fr4EcPoggsQ0cPasWMXfK6gm6Hkrm2zL"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJietOfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHUw/5Afhd+PLxi0ZIAdHV3vgX7U9bV4Dz/HXMU5tTw9Rawgb3klJ4\r\ntwFlZYXbYypxI77FJwoP5obKrsVWzJeEabvF/M8NO1YO1wTlmxy5hU/Uls4h\r\nLUgDr91mEjno7+JJHWrXwlu2FAxzgACelbCQ2kCQbcWw0qbOGgmzIqFNDeUB\r\nMWCtOtFicgClPpf2/Rf9bYh5SMM8/+GtnFsSZImSUJ4m/E3hne7O8sPpbOfa\r\nwINdoP/1wIa2ODNiyiKFYjAOQZ3M3TWZvjSu57P5mM0aj7qfYsjpgyOZeWOR\r\nhL9HSh/8qcXHqWEP+w5ItZbph7LlmPY6KvjFXhy0UffTwh4fgfNwitHPRA/g\r\n2XaR/YX4hLG95258jHfCT0RA3osWIeQM+AYgKdJCPFdrMtnsRIbzbvgamagK\r\nGCiSagC1hd/dXiKMCC2EwT3py/bCGv9KG4k3CT5IDPIqgR4PicFVDvWRDsRw\r\ntlj+dnmk4adaEqqrBBHyxVAYRfq3n/COeiofl9EoBc5kxGYiVWR7iePfiIJe\r\nWmL6mxzd7Ip55ipNk3//FX6Ev5oc/ASb6C6b1TOWW3rA2sWdQro/0wm9fC5V\r\nSjmjraF1T67HOUaXfG7x/szTGLMT2hRPj2ib90ASYCFKqVdyOSavvn8iTbY3\r\nqzVJfGT+h0w4I8N55Ai2O9r0IRBGVtisAJc=\r\n=XSUN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.d5efc8f.0_1652216734930_0.639828357770122"},"_hasShrinkwrap":false},"1.33.17--canary.de0ce5b.0":{"name":"@atk/mise-ui","version":"1.33.17--canary.de0ce5b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de0ce5b939f6331d475570fa8d21404be5403743","_id":"@atk/mise-ui@1.33.17--canary.de0ce5b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-X7sqfBbQFD7aRQxxsC1U61xeOeb/nK2GIcyfIuSQUsmvZ/ZDS1GDA9nunsHN3dp/+Vo00CWvJjWrXdX9W0c12w==","shasum":"d12c380cd8bfc5b29cde63ff08c8c91178d6fec3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17--canary.de0ce5b.0.tgz","fileCount":863,"unpackedSize":1922703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2/IivnaNlMACY/p4dZpLWRNDcH+FJGCgQ9198m04bBwIgHw1wO/yW9Key+KY1mgw5JEH52kRy/PF6Fdz0Qehd+IA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie8BHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVIg//eKr8kNAbETIcVCXVrd484ggVgO1WaqlAwCbsQnCIxIsmKaNR\r\nDZ00ITL9WY3DhaRWoxDEJjf2u1Urem6Dx/Pl7N4o5Xaydu6lQfjbi5PCWRvN\r\npgplqF0OnEji2ZLz0pDRmbxVEgJ/EFqXX+ObrsDnfpaACwF7vqz6vJY7FQik\r\nVnDiaKHqhBCjDYgmwi2hWcoOEOSbBo6Q3HIje6+ZdzqzxVPsIsDGdo2KEZ9i\r\nQiOtU8p2tg/fGlmeWJ9cd4brR/6qeQKx634fG5S06UbH+3yacntdw40AsRL4\r\nmzCR/m2+/LSFTE6gSOYeJ61GMKGFXG++59ZHYfEz2GlNPbXjJohhllBMnVIo\r\nLt44FM+CL+zBE8QvvAq3swSFXTT0wx/gmLJ6sDyZ7tfc0p1TbQcXrhxUqT14\r\nbIZSEhD5XiQdKqrxL+BT/cMZ9bclZcHaS7DmgRq9tyOGRifWMaP+7lqKmLxk\r\nlzfPqktQKG9z0unEB2Nq74uuDb4Tfy3UfAfQl17Z+Gdy2yal8jq8t54Kc4/d\r\n2POkJl6wekpvfhjacDeo/LaIWHxp5TK/S4VjjjsiEdYVKrds0VrPbrQTQS+s\r\n2zBDxB6xIjvAejeVJ/1lSrCO5oT7MyVPpF80OA+pVn231gY0X1v7hMv4fPVn\r\nsppn+D62qCmrg4T5LGhimOWcCo9QvkNpN/U=\r\n=itTf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17--canary.de0ce5b.0_1652277319030_0.05115452512463192"},"_hasShrinkwrap":false},"1.33.17":{"name":"@atk/mise-ui","version":"1.33.17","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"ad9be2416a6fa7d923ba685e83f29c5ce7038eaf","_id":"@atk/mise-ui@1.33.17","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-I0D7keVCTyeRlsU6DbS5eJC9w+Yuhw/FISgTgqZXsNakrTRImf2mZlMApE5JzPGCNOW3pc1dlsnCw2L8j1dujg==","shasum":"d1cfcdbd5efd2855de7677ecab5d19066a7e4a02","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.17.tgz","fileCount":821,"unpackedSize":1763779,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDlSHktlOp5kt4FiR5eztOStxvZWzdVA/8uJ18wepHKWAiBzPOqwPJnh4xU5JtRfMmf0lO+8s3Ysj0WI7woZnKeMOw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie8N5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolig//U7cCXcKqZGbWIJK7iGkd52wTFkQyD0c/fo7t9NlmTHsLztSI\r\nmU5OWlF5iMh1ulFjChicYS6D82DMtuAN6KtEwTVyIJlcVDw++gcn1tc5tL5Y\r\nFpmQmM+ft2zJQsf299p2JPsYkwh7yKFe8nQcNzUq34EPmFVeFBiMOpRSzOnx\r\n0UP9ZWINvQsudMGhrs23wMIzOSpYHrJCVJ78PE//Pg3ABeAHZlf+XknH085H\r\nGrlwfevWJ+IGxpIHHVBjvt8W8svENV5L6nVf49Cs979GQu+scL6Mha/fDq4E\r\nDk14V476mhLd9QL7akf18qLducsUHY/2gftoOSEwn8Mml7V3evHbhuj+gent\r\njWoINm36himnoK5gq2v5xfIm1E5QOuUXOJawRU6YE7vZpxw1UPa+lP3m+FD8\r\nIsyiTWGV1HJV4WfEFC+d4AdyWwGoGOPsaZPWrVN+++iR5h19dXkxq5W9Q5c9\r\nca5vpWe8fQ4a4qbqPtTw9dS+cmoGB1MukET58H7aenQ9jLanLQkvTKo3i/tQ\r\nPYN6oCmw60Tw8uPLG+MZb2aNtFDVBX6Ouz0Adpkf6gNzx7LOZnvHaqTkTMyL\r\n9yxLnlPCl7b8Tk/dnvDxVFXtYO3xpTVJzH8bzYjDxBK3uEgtLZbWzC3Kzy2W\r\nGU8xlA5Aa9cbBUAMRffQ+AMEU7fLKxKi9dE=\r\n=an1T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.17_1652278137425_0.06652159402001989"},"_hasShrinkwrap":false},"1.33.18--canary.dc6d3c7.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.dc6d3c7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc6d3c7c5c8ed856ee45aaeaa9aa1337365bdf02","_id":"@atk/mise-ui@1.33.18--canary.dc6d3c7.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-crDr7S7cOf+b89aiaIVjXWUIYxk6c02DR/ZqhPzR4Bxmb0j16omSwEAdZ3/TSDBAKU8gOSJErrC6ghEQ69uZOg==","shasum":"a468752a9fdb5c1325228162666f89317b3520d5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.dc6d3c7.0.tgz","fileCount":347,"unpackedSize":1527586,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID/qYQx59fIaYHHoRlVpH6cla3NbUbXf+dd0FM3yPRG4AiBdss+86PwOArCzu1gD6OhUcCoaJOotNfZM0tMiVxrnkw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie8fEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJCA//Z83ueuWyyVyJKOOmedufoDDvCGnDEh5ULhjvNvk7QTtv8JEy\r\n/BWwy+cBGMUk0IpWW8++lfdPRv0iJHnDH4E0IpPuYwNrqtEPYjUGpW6iadhj\r\nz6J4V/JalA1FoG3Di7qE4sexcXl1Y3s2N7vBDXWekg2oGSb4FmNxwW3gh2ds\r\nM7A6jenhtq1PJYY/jNeWVlfuXuBIoAUQbY8AYSRjyGVPVdolnWNiN9eLwDCP\r\nQIA9FZuq95EXpeR1J7B/hcD1ZgCH8gWN73DIEidBgHyXlz21XM+YFfrXqx42\r\n9KstHKKS/ChODhrPfHSnMBI8iAQcuPwhK5m8Mh40FBgEyK45pcg23meTXk8n\r\n9uQKBB/DoSjEV7rotHIa5DdMS1uAAtzeCEQ0SKuh52U52q//3uYBaCfoFIZC\r\nqxxGSSd0eHDwB+1dULd1sZycuUlfPSvJAuiUMOEVyBqNGKmzySjqkBbttNiz\r\n+HGFKU9lzJyM+b9TtCSAhaR7ggsq6VJfxsnXoNRnYktlmzARK/tuAvZfyI6l\r\nrb9plyyTzq4fftXceTVPjHs2leqPFCrmExDUTtGf1cMStZtlJsO+HgnMhaMS\r\nsr/zxLWwG3ANFi2p3kKSfxQxoq71XXA8WSpuhuAgVp49cHkXQHrWJBYaXNPQ\r\nwL5P6GfM/igTLFZH80f8IGjzNzx2ciluCRU=\r\n=XzXB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.dc6d3c7.0_1652279236066_0.5334802619420285"},"_hasShrinkwrap":false},"1.33.18--canary.55a9745.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.55a9745.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"55a974519a1f3d040670addc7b739872de70df2a","_id":"@atk/mise-ui@1.33.18--canary.55a9745.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NxVqS1vQv8N0EBhL7uJnq08n0aTh0Os7Ln/l+KhTZHqj9FdoEDaCotT5VkY94eU/v592z42tpnoSN5lEC6bTDQ==","shasum":"1e1462cb6be4a6398ab450a8746f8fde96c9da3a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.55a9745.0.tgz","fileCount":347,"unpackedSize":1527604,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFJqzguhAxRAuTf6LM0R0oagTM0UczvYTCTafLUAFC0YAiEAthQAzuCFYDZud3i1oigiGBgTJYbfePNU1WO3CyZeXKs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie8k3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTdQ//ZJUnMHdtKV6r2M/7b0RnNtwdKwr9KEvd1ZYpKKuKXInl3UCl\r\nZA2vtMjuXlnGiO1O6fig9LMn5s2ixSJ9JDsuWic56ev/TP2LzjPl6QvcwNjF\r\nsf64wKtFcGkJoJ4dAKz4NCVjAGMLbT5ygTBXvbtyQQ2DzEtKp6ELWaqfxCwd\r\neuTvPWGI8xjG7BKS/uSXng91tq6Ij4HA8CbXMzhWea/Q3G4ldEZfK9FTg1lX\r\n6MR1bz9qDoFSRJ9lEc/DGhqdwccMke6ade9PCRKv/cRbiZd+O0o4ycdKC8UM\r\nR0o68EEZMrbtMQzOI/yquNyghKFU+XVpLoCWHDGdxD00vXN1sbsMY92VdEwR\r\noNcF4JdMFEGHFeIA1stDGunCm1dd4IeZmHts31l5aa0baHC2u6g++KLEBmnN\r\nvsKMNqX1+6NcRf2hHkhycD6wb2jM1ZckTv/MCNrrHfSAypgXm/4warNYeWkQ\r\nZR4s+M7CejAVFApoZfRafZObRqdChndXBQ2DcXRUK2pR+h6iwqg8bXUqRNdF\r\n6xijn3MozJtyRQXlbQSVKrLgSP0rErjdSXmP9kRO7siRQayLhRJdWfL7L3Su\r\n9jHYCnGNiLua6yBDXVO8NB/j0NIwu1GAH5wVbjfIFynk93kqFwPda8+vaBso\r\nAjMpssohS2AWfPH5iSwHvGgCkkPGAMfWNd8=\r\n=jYgm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.55a9745.0_1652279607039_0.2793876721943491"},"_hasShrinkwrap":false},"1.33.18--canary.a694ac9.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.a694ac9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a694ac9657bb11cf782d21bf63ee9daf7531249b","_id":"@atk/mise-ui@1.33.18--canary.a694ac9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-7SL2JttTUuZ9vkpFxRKFxx3N8fLzIkte4HxJ/e4yxu0QGV1L4YJIG74JkHpDGg7IKYmzIYVoC500Q16fG3A7NA==","shasum":"c60796168b3b7afcc283692b69849fb50c9bfa6d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.a694ac9.0.tgz","fileCount":863,"unpackedSize":1922705,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrWCufvGVhotWu+p5l7CuJ2eOLM8YS3o4nWen431d8WAIgQ8NeJYL47sgFJUgNQ3xx/+hegrTOUNH45tGwW/sjZVY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie99eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2bhAAhVtncR/qjnC9BNvk18g13GSlIH2g8rBMMgHlXwm957pYX98K\r\n1JEaEdt726oWRUUQcdBfAyld8Ryaw51qx2pZr7nU3hnSJ6kNoi3jgltQwxH7\r\nyGx/4z8iDRh3hBbrKuBDhLl35QLw9GO7Osl39wp0A42TZ/IRswsIl7rvSMTa\r\nTCRzrJ9OmJuDpzbB2cFja80h6eI1MEdMGj9tetFuDyPQUZuI++dOddSW6OtE\r\nvWWtlDUrN8fYlk+T+ISt86kO6LLV4jJCNZPQt/y2kRWhI2EiSDt+BQ12Sffi\r\nLVH58IEbNOnP4coTSMcy9lbf9G05V5Rl62MwiCaZwrokJ/VLAwYjojlrBo9E\r\n4ANwlrCExy9k7tElvSgjPYSmhcGg85DizzTX/+JtQ6p3UIPkmpeB8RQGnmy7\r\ncaf8oKktneLemsU/hoDkzvHK9ha4che0qV3BYiVp3vgT8wsZhjZASJiBcoXf\r\nAqxZKQA4WBkZLbbAQ79qvCUihKMB4EPjajtbWCyqnScPEVL9qYmWQHeasfbA\r\nYc7yiPDPdL3mnPuwbMlC2gbac5OfYhCtWYJgqbVSxAAL7kJoUQrJPaa381nP\r\nFjGmD3T4eCZsVmIw4WmSC67N30M7cuPPjbrTUyeMv7LgK27Rfy4/l4mNTKNq\r\nEg6k3T9ut/o356A4tjqhOrLQi7IjZnrrRmE=\r\n=nasE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.a694ac9.0_1652285278489_0.6156058423228152"},"_hasShrinkwrap":false},"1.33.18--canary.731e41f.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.731e41f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"731e41fa5c9f7f6a92f67610d00f81c0f0b0caf5","_id":"@atk/mise-ui@1.33.18--canary.731e41f.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-de8AfLfBKPx7k3fbZSGuX9nYEx2dOgLLk0XaoUlZALDU4noHD4OwzayHQ8APQ1t+u6oKrCqhu1Gs3mqDxZmuwA==","shasum":"f4b4c0bb378a9d30e615ec4e758f7fb396569507","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.731e41f.0.tgz","fileCount":343,"unpackedSize":1504927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLJTBdj/O30IlrnsvmJvFPwhmY2zC1biZt2SwUNddXLQIgfVBLMrD+kFahoP99fwVjNf2SQVLfANMnyk+F+/2j8sU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifQhNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5Zw//S/ueXKq7HEGTc1ZL0rHMDpLVfK1/Qleb5kCLXlIc7KLK6Mrs\r\nqCoRL4g3hwqDlmOwz0ngu27X4SOcT9d3RtkFculsnZgx0er1eDlS93XlChL3\r\nNDdrXn9TxAnrAq7Shet6QInZqGFUU1XOQr1teTb40kuMSLW096BneeVntNBl\r\ny+CtcggPLGLC4bAbcJqAld/5FrwWd2Wy7ZpbVNhLDX00vGhJRTB6OVF/jidU\r\nmmLNn9jq2Yea7kuat6v1D0d2/XTTQ8uwYAlTRdxNyIPrDb4x4iarrddl9bo4\r\nZYAAzJU5f/RK+0z2ogRqUfdlQVSC6/6NpTZpsZRaMAdE5N1OX1oXEP0aLSpm\r\nBsQFlVh2wnI1oJUZrEom8zzt6oZYmBRh8A61FCy/OiQtOC1trpRjm5loWWSI\r\nf3jMDHPeDQABFiPtjYFrEqfpoRCH1VJ84sb+A6PAazbiuXrtuM9C0aFCiifT\r\ndIF3PxzOLh19+98VtYfVTORdaR2XL8ARpYggPWBF+aMJbxF9zqgwki/eTHtR\r\nJGHUf/b0B5nhDL98V4SJ1zFmnrf8sG5qIpvBjk7EcjrK3A6Y/EtOXDEo0Uuh\r\nOi3geSKa80dWRu+8rZxM4U3mB5yPU4WZQnAA1GYWhAA/mLc2sXjCcV/JjJXb\r\nm2aFqVw6a645uB3EqVwRDuCMaH8Nzb2aTYs=\r\n=fWdX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.731e41f.0_1652361292895_0.6554866975664588"},"_hasShrinkwrap":false},"1.33.18--canary.cfb450c.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.cfb450c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cfb450cfae1ea70bcd37e81f88e91061ac17164e","_id":"@atk/mise-ui@1.33.18--canary.cfb450c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iXtdFZSV46xnZw2UZqsEdgNBiX2ZyZy7F8TZ/zlAs5/06sw1YcqTS7DcbXAYhMySwF0bfxavgXOKLFKckn+TzQ==","shasum":"476950797d891094f5b00e2d7e10fe95c396a9a6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.cfb450c.0.tgz","fileCount":833,"unpackedSize":1895999,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE1g8NbNAr82RLY3puuPww7/konbw17s477XkgNfZDmaAiA5IHsqcSTN7A6BmaS+rrdRXrumQ4PpMSsOdkuW7kEsvA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifQ5oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXRA//So1iznpGrdJqexs/DgD+ZTMH41qPKjGqIogOfDgRTenapfkE\r\nhxAYCdOlFErPEwEggDPDTiuESgT53bO+ICmfABsM+rfblv0FXqcmZjdITgTh\r\nZtx1TeaDjx5v/dcaO3c882b9Z1268sxIofU2V15XJVgjmksiL2bO3LhrFxXd\r\nUwZ/xr4v27INnTUd8Jj2UmEaGRW4uQ3jo9MH489MfmJiBWBMWovtpS4oAspq\r\nDNLzyJUu0hrIU/sY4DqIHUvHHQEBSYfA5h6DvL8VEzZSS9cGTlVOkcHIFNGo\r\nLvKUkw+XEs/JQbesGSmWynQctrCfI/FYIQxZ8QqZ5Kl+95AL3FLGV5ekwFCz\r\nJO6F/6fUtfbz6v3Sdjxp9hEGwN7xGUv4ugSmPATu4uWK7o/82xivyySRZL5q\r\nRRsL2BInVcTHUwyVt71rK74EICwEuVp5nzhGdmHWW6xNFRN8SFtthF66eBrX\r\n/kC9sKh2tm+zJobMwIMb+/44+HbSPd6Mv9+eiTYBbcSFXldNb2D1LonaTpFm\r\nJXkuN4F4Fzf/58ujbnCUCCi+RMtM7qQpAnuQVJWgul31GBlxs+craeeTpgmo\r\nN+fzw4Pj5m4NxOQmRW4zPeuA2Ioh3Otkew2Uruz8rMBw0A802pc5I1wXWkw4\r\njscFBnqRdwyrSrPd/9RxCIk1yfbEthnmal0=\r\n=nDeu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.cfb450c.0_1652362855897_0.10022744184843613"},"_hasShrinkwrap":false},"1.33.18--canary.30cac9f.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.30cac9f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"30cac9fdecf0f2235fbbd5fbb865e8779530ed17","_id":"@atk/mise-ui@1.33.18--canary.30cac9f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+FGMoZM6BKx3ZT9Hbu69zV/XgthZl557HMbjxFxRk3QpetNR0VnlgH5jlrHSSk0hI84G/RzENNQc4VJouGx7xA==","shasum":"3166362c5a52aabd7cd3c70b4f07a635c9dfc7b2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.30cac9f.0.tgz","fileCount":863,"unpackedSize":1923310,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjZNdtFLD5vlVpRof8baGKKEAHhkNSP7aW5gaGXTrt5AiEAqdsVLC8EMwgQll3obyqzO5mU7faRWXjnSryZ+9vTuEA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifSwtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCuhAAi3B6NzyUfblbkOWvCXtPcWS220gzMZL0rDLaUpr4SwNBxqNp\r\n+PUWIEprG5zcBrzqwtXimw+pocPmZOMlimv1fPJB1iae+/6vlVuzo0LPJcT5\r\ngN/IkmG8FbaT95fHBKFQlULfDREvWPMODBkI4goMF9Y5IemOHLpTq4fiWK+r\r\nH8yXS7T18Mc9Y6pbWjArIM7v9om9WQCwa3cQPxRv5gTVpaVMUNVaFYc0kidM\r\nOs8n+Yfm2LeiE1jZKbinyC8L0Hbfhpd8HuFngxAZbyr9E4np+lBlTTfbh+y6\r\nc5CDE3I+fK3WmZLdy2KOd6Z/u4aQKkYRdaTeXE9muFK+Zc2fgUFjNPN2gYiG\r\nPHpptBGnpvjUjDkSVOKrmTn8YPHzFbLEDPkDsoQkZdE4j3/Kb+EDlkEA3qhD\r\nUkwiUAlx+NFY/b0kZuYFtQ1iYIFxlZ1BjmPfS9IvUzMj9MzARdIZirPV8BzM\r\nnCokHU7iKEImQXVZDsXb0SJEqHPNDa/eXRfxlsN3SgnDnsVx2ewj8UFiur2l\r\nTC4YmXTF4O/EMRrs0Uu6A55Ci4AHMBXMy/Sycav0OHYeoFpsvz326S73kR2B\r\nfZXwHayiXH0Qp0xTn94tVDQryUaj8JSwTZFvgdAXRpGx1BBtnyWrXIiML9a2\r\ncOQS7FTIJ/D1AGjF8a5UjbhKixjyw63MWyI=\r\n=E8kh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.30cac9f.0_1652370476785_0.2164601791765881"},"_hasShrinkwrap":false},"1.33.18--canary.96b9988.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.96b9988.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"96b9988fcbb24665e25d6dd6388c6b73bd4f7bc4","_id":"@atk/mise-ui@1.33.18--canary.96b9988.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GcOGS63uSjO1QCT1+bLFM3vueDD4zDP/dyJPtT+kc7v0oxgZYsgd0C7s+/KI090nQ/6ubrpkL1gWTiSQNgVbzw==","shasum":"667c45f38cf964695eade17fc51caee22d108ab6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.96b9988.0.tgz","fileCount":865,"unpackedSize":1925680,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCroKvklJ38l0a3eTKRGonoehuYdh1cyjvNyKmf+a5SZgIgEJYElPEPY2G7I2oXtopxUVavMvxkDVHYsyjcy2vz1qw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifm8IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqehBAAhM8osxMwsZY3Oe1p6A8LjKduGCxJrEInyiZRa77Oe8hTWxNU\r\nq1Mfgu1bVHCouY5spvKQ1jSvhF+kkGP02HuKeOx4v/hpm+NcJ80B6cQgxTjU\r\ncO0pQP7DE75RhYIa2a1ir4INkkeZsEkzGH+AwhCwezahOlBCm7jme8l1hi1v\r\nALuuJAArsnKKCUUTPWcZDKCHpaprxOGNVpjGOubgAhlwF7AQ1ZNQtjHARFaK\r\nYWNhh9X8wlQ1GX/z1Ji6LNDi1Ef1SwXv+zNTna1rRoUpPiRjhURveaSHTocb\r\nCs7P5psgFmnMcVHCqMBzXOooqBgkjvGREwfqsRx6ez/TA3XTvr5KT7KieMPQ\r\n8ysLFIfPLw/rOnCyeHW2luyqL0FKns0MneJ1sS80fJtToIfy6e4j6hF3EzGf\r\nXK8WSBIl+E8yeQjZfMlgwrOualasySdEZ5N9l2NlfwbO63uV2ND5TXbjH+cP\r\nycTgG9jHgoDl28EABPk1LnrrRzBYmOzaiqLJ5x2gDqNQMVIcTFYFWUjS661K\r\nPzxJQrP4u1DPHX4Xaq3MtjdinMqGf1Aebidnq5t6otLf4Cw9jCCBJJ8gO9I6\r\niSW6aANqTCsKkD63up6QQkhvpUHUZ3lNE9uA8n1lUIJi1J4CalnQvGZTOvYc\r\nv5IichqbebaQ29RxKz8EVnXUXdF8HsNw2V0=\r\n=uEij\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.96b9988.0_1652453127761_0.3391691671074051"},"_hasShrinkwrap":false},"1.33.18--canary.8b23326.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.8b23326.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8b233268f8e4e9633829c98615369ee700c609d2","_id":"@atk/mise-ui@1.33.18--canary.8b23326.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-D8tD0YhLDVcYJsXlGbVSOpBQ1yiOnXx+YjsAmlb9DZWN12fglDiIylWiRHQ/PKgaaDjaLg911ApCkOcwSTzZmw==","shasum":"b68a71876e16c10c4574edcf3d18fe41608aa267","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.8b23326.0.tgz","fileCount":865,"unpackedSize":1926558,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWbffUQ064X1YA/HEfDh6xbBki9QKlmB9bqiW0+CYBsgIhAIqRVtOSg+gwVC4aSQV+SPQ7Nz2VWSBb8VBHEDH2c3K/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigk6EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoP0A/+MAacPUjTAy6eCgsA4AnDoza26laPiHQCQUTDVQMj3nIqfL/T\r\n5QQgxTY6eHsACGfhkAloCzVyp/UOIMz1ey1tS2yUnpI30L0mo3jVG9aIrJqk\r\nhqoj+zN6XSKCZIsMttSJa2gTZCgHMJJFdcxD3egoUjFjbVJSh6lRr3xxX0o2\r\noiJ4OFgwxCtSpoJ8+aafMm0Lawkq9fc/9PrQGg7r983KjMSk3FMiC0ibikT2\r\n+ykPaPdjrkEEUoQzlqdlh6QEpxALKF9GRYTl0+ggdxjadwaYpIA3UsxpPZe7\r\nBd7iknRDwySXYKeImCGdyDbEgevfeIM9v2lgjIyRwYfrNSBEacsT29HM833r\r\nX+1b/rtM8CuGiHw2HpLINWeM0f08VrJNq2aD2CTrrgWhbaCv6pMRZrLhc2dS\r\nQw+DBqqJRKN+ucwMntsM14ibGqM8BBcci5Stj+vJpm7oUe9YirLczHDfSSon\r\nzNTJb6QxRiq4RQCeI/xhoVsfBnbG66QI0zGDQqw6AHYwUTg1h/fUjim/IimY\r\nxTp9afoBv6iSomR8KnYcZEOOfKNiDs+18Syd9DkjaJldb9nuOnE9jG3M/pB9\r\n0z9WpZ4ZhvWf9ZG2E5CcEQm3ig15qQdoB4E3dR6LybGqSimmmXBSeTnpYY6/\r\nYZUd8hcJIbGSOaEAEc+tFD8o2dexkX9WA7E=\r\n=i0eN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.8b23326.0_1652706948668_0.3080988137285241"},"_hasShrinkwrap":false},"1.33.18--canary.3008965.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.3008965.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"300896508bf13811a91abfed883c5ba820c043a1","_id":"@atk/mise-ui@1.33.18--canary.3008965.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-Opf4p9ZSjXdh8/2jIw2fa7L7sX8GP7DBQPdK6Fx/5asUqwEUpQxuki3nN9YGuKK0uoZXwDko+aHDllMvBLWtLQ==","shasum":"0a0584a863ab7370da959ef612ac3898775bcca0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.3008965.0.tgz","fileCount":343,"unpackedSize":1506265,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6PP2leLzMSA6xd49ou8pSM+NhFDS5V4Gek5bvM7sCXAIgTe5qdGaLbfbQE1DM8mSPNri7MmEAxXsh9VNuWk16kEo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigoCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPUg//ZTG6jvJu5ml6ofkmbFPp3KiyvZOZC/Er9SBCnmOp0PFUz57I\r\nar52ysGtkZFSLyg3ERyhBjwPcwDzk9GnyRKNFkfjBtB+cdlfixtjElKGz28/\r\nES+c91tXmS4hkfL+gTiSt4hB5PhthHauRgVaBJTaYrUog13yd894eStIU8Y2\r\nhJmo6SzrO989iWEbcrbjRGMKK2Arfy2O9NqijZBaG2scR+4ctLcEN9KQbsIP\r\ns2wOVFqUFxr0UYerHdOEuAxE1fL4u9tj8rnCrZrpZjHfDPHhgs/V8SG0Mayb\r\nlvVdr/iHTHLujneA1L1+1WbMkzO163OseDYEhsIR5KLx2ZkTOoOGjcm0ILAQ\r\n/TVyzKJPB9To+vGg7GPFlDgkTDPxg1q7gN0dM0Y7jk6RGr5h84pXMU0yiuxe\r\nCXsea2t8T3AeftF9AymhRHgAGbNYnTGusPPEtRTl45iPPkOwtshg4f+opMix\r\nR+A2iZYpYguZbzdSIXnpqTKjjLe1qkW44i6HZ9SGvWvLhMKT4TkLhKvY+7dX\r\na6EFOqqIThCp3R4mSMus+5dozzghf2rKgcOfggGt/Uk/9qQPnrNmyt+OK1En\r\nnPNAk8KlxI//8p6JUFv8smnn+zN/5RuV/gQqcSSKP5Qr6heezpFLfFcq4zEy\r\n556j0ywyFonx80n4u0qYeoe13/yB2Rv5Jrc=\r\n=FMHl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.3008965.0_1652719756291_0.2673022463433743"},"_hasShrinkwrap":false},"1.33.18--canary.40126dd.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.40126dd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"40126ddf50fda9d2e32c8c38b9f76709451bea0f","_id":"@atk/mise-ui@1.33.18--canary.40126dd.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-u9cwhu3ZoY8XwAvjhwyRiiCBBoFIwd2jiiS+jk7QwWcoXosUzYl4XTgZg5ie0++xX+lbq1FRCVAIEQmENT0nEQ==","shasum":"ede6dd5fb0927067647f1fef52784b4fb1f2e4d0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.40126dd.0.tgz","fileCount":343,"unpackedSize":1506301,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuTSls8fDbMMzep/GDajKclP2gBCH4qAL9WIDK6OvE4QIhAMrT/sYvXdVGUPgMIBI6KwEGoyXx7Z/oUToIVg5akHTT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihAc3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqouA//SvgBz4gQ8G9iluzYpBWN2ZSfG1OUsdNTF0gF8iRXKoBRUU++\r\na/1rso47FvqPl/uduf14PFgMDrg2LDPUvJyGIVZqKsrpOJFd+DCUf8KszxE5\r\nd62vbSQW4TfZzsIirRMzwtmPLnuR1N6OzBGmfnwvTYHP5cFYXlECN/t4Rho6\r\nw+qsI5831LjUalW6F2zqJi2AQjXceQ5tIeX5qHmtN1NywOHyGJbUK8PU4WdL\r\npE6FTss907pnanaptABNwwb8+zyFlaTTJsjeqqU6ro7tfmWp1lAvl6sqexuU\r\nudEfovWQpAW0L/dFAtZ+gkT0yYaPedCN5I1SJgVfvJBngrr7moHqL7J1+V/q\r\nlN028u8wUgG20bbqUP15MZnDTmC/ES/9D+ytE68TdoC54850ep5nzQsIG9zt\r\nUCirJuR+VfhFZFEbdA006cR4vdB6lvLmrA71P8b/EIThEsgkFtICV03vkRfw\r\nUz4kduFUL9GiZd9dxJ0b2Yog/z3ZfoM83X3TtnwUSWJV59bjYsnwDUVE0VI7\r\n4nevm+xWTSIHyNoiyrxL7plowKytqnb/sDbdzlG8k3iP/Gshswossj39bu8W\r\nf9qYvj4aIFqv69n1aBo5BaoN38Bps3JJZzahCluTDm6d7027NeigPU8S2bck\r\nW2hn4VGMkyXG3FONbY+XcKWj7gJPxI/nO5k=\r\n=OBHt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.40126dd.0_1652819767098_0.5678352533742153"},"_hasShrinkwrap":false},"1.33.18--canary.35e5001.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.35e5001.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"35e500128122e0d3610a1127f1b39bd0cfc71af7","_id":"@atk/mise-ui@1.33.18--canary.35e5001.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-mYl+3E54QVfHkzRTm9tNXLnCV2guBZ4W8AU7pGLAPsa61w+KJcGeeodPU6Ibakfit2pJ1qza3Ag9c6pC4ahmRw==","shasum":"1e9b94f5de18bfafc192346c5bc7304262a89e2e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.35e5001.0.tgz","fileCount":343,"unpackedSize":1506290,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJNXkPV4sCQaZYEtb6+7fkxj9xp0KVR9jgNGlcIHqDKQIgT+ObhZxTEoPlSw2+4hEYT0m4Wnw7cJ3tf6iPiATonWc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihAkDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp10Q//WN1qVxYDjz+kuqRaHDiYZuEX2Hoo1eF5P9cA2Y91wTj9Co7m\r\nttN94vIv6jAsJFtIfZrWAOPSSI9m5nEnDP6bztpGDsxJllSLOVJW9qJKMDDB\r\nU3jW6Y/20T0hfk3a7cI/AThXOqdYiCC+FWufgR/F/qwYKjGiYFmYTUnJLFjn\r\n8l6FsAw/l7KPukNL8vmfPl311vlzfYBqx+uy1qddHmBRHVBtF5p1dtdblLix\r\ncGO/x5yUqxEWmKqMXFSzp+oVdBjCdJsFMDsMCCHC09o8wDVNNt002zfc354n\r\nj7/TwMevWQwe/WPDFaL7UbwJ8oTjLeuOPGw9gGwWu9bAU0PEc3kefL1BuTf7\r\n3FGhL1bumpctzwTfVwc03SvtGYn4EaFb2rg5p0sj2tks618K5MwNMoWHEr4k\r\n9ToeQbZX4mq3xBwAEHjwp590bd/TjRjxNF5RierqzCyp8QW174Uwwai5SIll\r\nWXmnGy98nlfV2HJthTESej26HmmrHFeAwC87b0g0S2rAFp4AK7BZgM9VSmhs\r\nGheQKPr8x7P7dVkrTk+z6TkffIstmQfdOYizrKYcDpka0wyDUdyww5aPNLok\r\nm/dsFk3XtViDKfUi+6ZHHtlx6R4BgMrhnc4q5t98ti2nE0675b19H5ta7y78\r\nVLSIAjYYAzg0dQSx1pLSY+V6y8J7Q5Gy9Qg=\r\n=l4qL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.35e5001.0_1652820227635_0.3392367745029701"},"_hasShrinkwrap":false},"1.33.18--canary.69f6820.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.69f6820.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"69f68200e0249b9f5e6c6991dff3987ca610b008","_id":"@atk/mise-ui@1.33.18--canary.69f6820.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-WIgQPzyxbqCFkets3vilxduNkiU3kz0E4dUQQQfweaYBS46gyi1EyQ4of0PH/4Zn+B4xyzpTXPNARX5CvDufWA==","shasum":"1a712a8904b5c4682c3ea763cb0eea2a0000601f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.69f6820.0.tgz","fileCount":343,"unpackedSize":1506294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAlD32iKF5InsjRo//MtGUfzkTJVqOpt8TcxlJJTA42PAiEAni8lvIRJ3j1Ujr+fKQfxwEB1WundwbrlSxL8hxVXxHw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihQp1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt3A/9FfW1k0VewwwbxyGXeAsAQMXJ6sF+suN0AMfxZe1HkLWHAxcJ\r\nBCddE4B55SzaJIj+muUhnoERuAImwU5zYRljkm7KwSxQYw0eUbmH6xa3ZHNq\r\n1SKhXJffdlbQZck60UfChrj3DmIlOgXn4Plf62V3LzuCkTUlh/AzxdWdmYoY\r\noIcnIoV3aZ+5Bn2cbybGsz1UK4g4TpS148WAVOW2WLGwarfYNoTVYLHUE5o6\r\necZxLo0gvq87ii+E7bAouUpPTny/vQZPOy5UBwdsHsEcIGMZriNyxVdyxR1l\r\nd/iGBE64SYhEmeleAKKOWholD7z6S9TxR+FptFcnFd+lLa0Hl6PJDYXiSxzW\r\nGPuT+myqrLljDK/s372RS68BEs4BVsQ2d7hAom4265hupCf7DZMIk0W0ayag\r\nF5hTR41hubLCFuifhGvJDNNTMSBnBd0kfswShSjUN8xuiQSTbo2uSZBJPcjk\r\nSeLvH3WIJN69yy6cEJzyYgwtX/sZ2Ph2jsPPBKAGBxe6zSn/xsRGptF7BfKB\r\nGT57AFji3HKzeWzBpcnWIdFqTB3kTyp49pO+xEm88crcz9xN/2VWrI9mzgVR\r\nYtQ6j83Q9xFtYH1wOShnmwVvG0ID8hJ1IG5YBJ06emtBNDDYNSY8pgQ5Uhlt\r\n+OL8xUQcr/XAybbWHqTm0j/sjsywwb07BsQ=\r\n=/WbZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.69f6820.0_1652886133641_0.22491569218733787"},"_hasShrinkwrap":false},"1.33.18--canary.303be25.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.303be25.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"303be251eb17c2acaf30eea561bc812f30fe7186","_id":"@atk/mise-ui@1.33.18--canary.303be25.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-eRZ+wynKxx30Q4POUMQAbuP/FdPi31dWU+mttA4IcUSOOQ7cHDa0RtUSr99zKKdPeFyDAapuCVwAa9ETHXIClw==","shasum":"35b4bb8820aa3082d695f139990050e245f38dcb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.303be25.0.tgz","fileCount":865,"unpackedSize":1861259,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpnPLfe6aYUrawEASJutZqBomt1PUbod/8NGHQOjsM0AIhAIrZD58J0Rk0QGb1wnc8zGEfzATs5QlcKrG717+K2B0I"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihRbLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIZxAAih+Up1b3BJAdApcT/STyWUj8zua3h50UYvb7nzSJZgf672Ex\r\nqUICEND9i2kiFVVqWPyP57AT+mBoGvHwVpZkQF84zOLXAbncRNdV9EItbVdm\r\n/asphlbsSItcVXfk35TUCzibPJkX/TyiorixFD+CVTw36LC15T7o5XaVzqi+\r\ng5NG4J8k8b8XTPycx14oU9tKcpx1l2SrN7eH23Q416HCnQ3GOCgseezhBxy3\r\nroQo9c4n06vsKHP90jtr3FUDf3QTcxwc5IwgIrAavPK94lMvjIFT6cVFbRo8\r\nrEyUkZlitO9LirLvYLvKWykJJPk0fMxlIcI59I2hZYwgnfQ8HhQKgW3gkY3o\r\ny4eJSEo5o/SZAlvM7vD/wLmTabwpQfzm/SfjYo9tv3xZkFZMgMLGS6gpRb2o\r\n6gPBWcDDpR+JgP7CQjtP+8IGebJPHnIOJyYhVZesX9YbBr6NDnjFPrmnGTcr\r\nm+aOMa0FvebKhNxDFUy46ov3pQCmsrHs8X1SDS/mKPHRRG+X8HhgUmzjHzCe\r\nsfrh02SUCo5fV4YqshEbfzd8XFSaM77TMtY3sJyR3madP31Ijiab54QbOz3a\r\n6ZcA2iMI9srPCnyukEuzCKpHtu3M4QEP7Q0UDO/T/YUz85RPLeh5bdXMTh21\r\nML5oz5wFp4y9vz5mP+A8xCUB7XelkHZNAOI=\r\n=Cb6t\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.303be25.0_1652889291216_0.7836042798165166"},"_hasShrinkwrap":false},"1.33.18--canary.8a1c48d.0":{"name":"@atk/mise-ui","version":"1.33.18--canary.8a1c48d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8a1c48d2242da527434c37c94e5f753b5607c4c7","_id":"@atk/mise-ui@1.33.18--canary.8a1c48d.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-FUNQoKlQhUQu/1o8YdvrG4F7pQf2xvZN0TOKgBMw4r+bVWFwipe8vIzFMJ6wymwuTPcF2TqMuz+DPImT9L+lkg==","shasum":"6f51b456060aa0a1ef93acff096e035a18cece05","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18--canary.8a1c48d.0.tgz","fileCount":343,"unpackedSize":1506294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXRQMEk/J3Ay10WAAP03NA/VSWsGjrO+UE/MkDx7RBQAIgS0YviI1xnRkLi/BctA1UNmDq9aUOXNNFc5o/zyKkoUI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihSAJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTpQ/+MCcmSPHL4tupWm6ERR58nNzKwfocT1cu4P2syWCPEOFffJqB\r\ndKQ9V7Vo/VQbBnFnuDKtmVGtPmxrhzh7I4Ma0HrRxe6zL0ChsiSNvjvH2pgc\r\ndErs0B9/cVGiDA3YoY1ODy/RyxOZqFrpX0QiGQ/xyVKNIb4qS1c7ArA3NsOn\r\nP9Mr2ZNqB2vpoa6M+vBR6JORS+3PPN62K3jVXu9/0WNZ6MtuX15Ij+DSGJcv\r\nk1h4WC5/9FJB+pcK4MVwgk8tXLmJjHU6maPOHXz4/V/NA0acop9acfydLcFP\r\nIYbVGEawUZUK8nLCm963fe7ftjF5ljESIXs8wG16h2Mo3ULk6SfKZN/+DOpL\r\nHpxAaSFXoS4IDxZbl8L60QgwTLyyyTxiirlYx8k/9axR3UhbpqQnB84VKHbG\r\nZRBSk8+Id4ASaSF4ub1thZ4kiOxmXhAnd4NM2KocRkoywh6eqNk/gtQ1ldUh\r\nXJVlX03+WWR9g74aMTJBKAntvlKDbqBf4n4LXLllvrVQds9D16zdQj9DNtTJ\r\nLC8DF7QKrBZqd+dM/jo1i7TgzM/VlEFQox6n2RKPQEDID4TrGT9XOpFBjPpz\r\nvz0Gcmcdfw9urxr7Z5claIu48n1jOv8Kc1BqODpJ2qgOLRjvD5y97hA6Zy8k\r\nWU23JccnRtq0U7EJOZ+C0Lp9VIN9Aq7L6ko=\r\n=/izv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18--canary.8a1c48d.0_1652891657145_0.954300757384257"},"_hasShrinkwrap":false},"1.33.18":{"name":"@atk/mise-ui","version":"1.33.18","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0bbddc6e6979d1869dbe242d7179b2c273a47a2e","_id":"@atk/mise-ui@1.33.18","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-WPLIUs8zvVLPP1zNiZCEaLWJ0y2yNAWrt9/4OCkK6ysKxblO81eMVw6qUDvb/2XvnpLeyrMZzZq7U3FwGWsibw==","shasum":"b1c7dd2295dece00e076df16c5087554fc9ba75f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.18.tgz","fileCount":821,"unpackedSize":1764649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCidsCSkgbbqbvMMiqQ0Ou1FG31hqXy/wIYizXFj0wAtAIgAjqRZQZq57qQrpyRLcLVMWyrx6KOJJdadaWfRUoWMYU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihUEJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Vw/+O39DWScIGhtLneQYCVb52IbaR29sJpbTXYS8rN+XbOY4VL7V\r\nsm0QbSxeXUMxGsJMJxqz6vDnvDPCj4JnBlhxcJw74zgXYNyAB0M0mmhNNzXN\r\nHuz7Q6EGk5WhMxveTQF6/vNKNvmsZtAlih0tXesusLzP4MycpRbX8lAswRyl\r\n5dNoLc3Eyzm+jaUsa/TBLn54Tr4lgyBwFazcLmfKYd53Buj10NT0H335xIzx\r\nYMXeJuPUbYlSP8LvcBEDNGNHaStOCyhxdmh8HSWKQo06Y2iivqIKCsXMaf3o\r\nCsqYgjSmfAf7lGQ0uC0UqOCe2RzFeNdnK/jnn+8s4YOpW2f02dOEHj2jiq1B\r\nYtz0ycPUOmoj1BxuOuAIwjWkzFBpUQe9kTDYJvZ+sTM90uH7z9Hp/fCs0skx\r\nbFlWYkseOqPtbQGU4nXdxGyWEar96mii7sdeTQv6MXYCFivz/JwRFGUe0v+O\r\nf+yI72enwmYMU04Zbw20yNPCJIdEwrCeLZFaDf8t4sIM2PY6c54ipZUE6gXK\r\naqk42lZZGLY2P7THoasZf2G8fvML+hNFYLJbXoTS1u+V127W4W6Fxvp320Jh\r\nFYyaQ3ROZjgxOcFDZFIFeSOYq4rF6cEBb8D4QYiKecNC2zpzoDdNQLWv1o+O\r\nFMiO2XxLqw5PRIsf/Mdqa5tqLm8WOmb1e5w=\r\n=UmyX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.18_1652900104814_0.10220340559120888"},"_hasShrinkwrap":false},"1.33.19--canary.0a9dcfd.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.0a9dcfd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0a9dcfde43ecc073670058f760ac05744a7f343c","_id":"@atk/mise-ui@1.33.19--canary.0a9dcfd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bK8FPFY//ed2ZrvGbSRV31+PBLLK413/wk3zHW9E/xHQAjymx6onG51RCDa8Ht0pjK2baDrVtv1fS21k94m6zA==","shasum":"b0a881f7d7a763326b7e6552fb057648fed744f4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.0a9dcfd.0.tgz","fileCount":834,"unpackedSize":1898293,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKSneZTuZxuCrvyIpy4A7KAq6GMW3vkwsFs671BImjLAiEA72adGiRf2uWt2dPN22gZnBJzE3GF432Oqfo2Dq3rArQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihU1/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr04hAAiwBQSXuPQHzWJW92n3ss4J6NqUqeVZanzNayjpTQAviD9Ir3\r\nRbHzbJFwC+S9sd71kT//Q90J014WWRgCuh445mPK8IxUF2ohnCECAwqELyDR\r\nKzBtupx4waELf+0HobtXpZtF7sIKlg7sZD7+l2nuxrLOitUzEQiRSQ/m069q\r\nJ95ePSit73vJ65dW4uljMF2B0XmY4qRZn7f2E6BG68yApLIkj/fZW5BlaJdN\r\nZZUoy7t+UfkKQ2dCntDJIaeQ87yVGf5drLP20so9e91g4yugY4JXMYT0lZAB\r\nWSrbL+7nLzWZefFoKeUNG8jB7tv4Z2m4VMiMZOYEJMzxqSNQf3fZEkgiUdfR\r\nEFMsl6cViQ+VPFXMQq2HQ5uWVF3Ax8qql8VwjKuUxt3S8qMhJG3iKSjFgOFN\r\nHTvzGPjI56oJ/CBC7Au2YgcDUXfPUlDfCn2aH0P2Ly5GHIkbrMSR2oHCAuV1\r\nNFjK3ONg1HW4QtcUyEXbQxYpsNH/3J7u8I7mgfs/9iu3n5Kd1yOk0Fq2tbjk\r\nNNHg6YpujrnmNEsGKLfpgmCowupkX38WvQfNiAwRPHGvNpfyRJ+aeHGl7B+N\r\nBo8fsd1Jl51uV1tGv1hnG+tGap/6s+9cyDKWGKnhHXgYT/vFfVjsl9Ov/wiS\r\n/yhrv7tLxWFXKlv/Q4tJESBe+q6kTymfXoA=\r\n=KUjB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.0a9dcfd.0_1652903295342_0.8128385993677845"},"_hasShrinkwrap":false},"1.33.19--canary.0a9dcfd.1":{"name":"@atk/mise-ui","version":"1.33.19--canary.0a9dcfd.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0a9dcfde43ecc073670058f760ac05744a7f343c","_id":"@atk/mise-ui@1.33.19--canary.0a9dcfd.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-w24uj9jMzq3covpnSIiZ5yepXLzZc/ljtHuwLuA0Pf6W4pslhVtm9OJx+bVYATjns6jCCwf8Cq14iDp++YTGlQ==","shasum":"31311fcb8a11933530215fdac5d490246b2440c8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.0a9dcfd.1.tgz","fileCount":834,"unpackedSize":1898293,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDYoGrMb9E5wvUwXu2BqmQZ45GmKNYy/yU/Am7vO18TrAiAfcEVOBZn3BfU3K8pouPFPBfVzX3vYIDgjMQ8MOuSL9Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihkSaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO7xAAnlI8O/Z32kq94AurHfWo9FacaSJw2ZMBzAgCtn84kZSkB0r/\r\nCMlsZXoiXrzf3CZA6bBY5D0KMVqHd0hKX5UXpdYmqCIKxR6Hwe1xSwNViUxA\r\n2cQLUcKsiN7cLGEtLmPF5UY8CILR1zDJ4aEFqQ1fpRfNTdskjYjhnIi0Oi2R\r\nOJPgRZvA430GkJsL05ZaQiSast17uAACJBs6FL4DtKuQwZSj+ivqjmTURjjV\r\nMGl5/Tg2z2KE0BwsjiECEYmRVNHuK8HAzg+i5itnXPVCxwkUilhJtHN7ww3L\r\nde0qMdtfSZIMVEpHwXIYxkZjIp1/W9iho2t5gwQ9eG3IAOkxe+ApRzW1ZVQ+\r\n/FGDZweafIFf8Q/QceaE2x1lOuoFDi4/R/M7mowkquQ6mSLisnGMMwxLaCS1\r\nMqEvRizsUthDYxhhMuBOlHs2BlOe/AfLUrNhK+8rZCgJV7WD0WCmadsCzGzm\r\njHx5e7XAUWqyiB3G1GtB3ZEotrc7U/I84VU47pyMgfLpmRJ6tF6LrRzTCBOQ\r\nRUZJMW0y0gIA8j2K6XLp38f7wUvmlASqJlwm6WuCslOHOeNdjilbOCupbrhm\r\nU+bCwqrS/Gvw8uOd2k/2HTbj8ymGusxNNWXJ/ndp/4yFTiu6hXreauJqhrUD\r\nAq9PR7vTqOpj8bwRnIyNBD8arC/W2fBbIoc=\r\n=wgM5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.0a9dcfd.1_1652966553830_0.48681183783399695"},"_hasShrinkwrap":false},"1.33.19--canary.0a9dcfd.2":{"name":"@atk/mise-ui","version":"1.33.19--canary.0a9dcfd.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0a9dcfde43ecc073670058f760ac05744a7f343c","_id":"@atk/mise-ui@1.33.19--canary.0a9dcfd.2","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DfWeJ+O2NL2y9jYY3vY0tu/A9tPODTMBSbFK2w5hTtF4WSLi2C1z/PWqlFn3ZMp9T4XvY4rcVnqHdH+xuHo6Rw==","shasum":"5f33bb2666c87db6a70834770866a84e9aef788c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.0a9dcfd.2.tgz","fileCount":859,"unpackedSize":1919294,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGG9f1PerTH4Zop7K+N8pD2O5mI/OGaeJSXkOLES2RigIgIR4Km84JYgTWOWJg/lTiW5L4vxFXsUan9VOe72PTx/U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihkg7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRZQ/+J1AVt1WT4zk3DSebUBaj/gbQaQjVpow14iLca/S9vDNwxhKv\r\nsFjnDZUcauzJZ99GxrZCnVx1TEA25seSRc+2xMnCpYQpHNeIVkw2D1sPcqYT\r\n/dabOvbtBlJylSPhmhvkz3CfeU7EL1jQrfevfwTPg3Wi2MEquEh+0L4h8q4f\r\nhibYgRND1cvz+Tu7bhEHy536EXCEEyN8rwPRpNtU3H0PwyYKkuSZtf5aAxeb\r\nIAEvSA6HHiecA7I2GJ7dLcICrqRSNpc1oCanfVU9CIGYFkiIT3q7qPRuHK1E\r\nbt8Ody5hB2p5co4iqNg1XJiWAx8QVM5vbpnOYqLHahlmCyOMy9Li38Tuk8oF\r\nD4lDoQh6wyc5hnTyg/r7ZDaTGCBjU8Xnvfg9nl41Xw4PGOCEIYrE7OcQMHqo\r\nSrBT3rOGT9LQpvx2jPiitUJCZO2zExOdffwCIb/2MxsmmdA7JnxicGdDUS2u\r\ndLBJkSMZH63rztBbcgTlaQEe6rDyMtEvFJZarxJpRdVxcN+m12wIDJFc1I8E\r\n4BIutuoT03UULapCPaBqwK2gNeteKNesXU4NNtlz578QoybqccBwt4x8xgO4\r\nyLeIz3vFNFT7V1nWDmQKU40DVrANgkS6p0FOPhCIQoEx4RlM1CbRmyuLAid6\r\nWMbADcLjhqZvLe4xw1LXTBZPYxpzPlhOWxo=\r\n=n6Ig\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.0a9dcfd.2_1652967483275_0.33847123968048565"},"_hasShrinkwrap":false},"1.33.19--canary.b59a6ff.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.b59a6ff.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b59a6ffa9f6476c30218a47ebbe7419a98ccfc74","_id":"@atk/mise-ui@1.33.19--canary.b59a6ff.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1/4ZvI1aKzRHNINHHRZJMMdgdfiEZ1T7w2UTSoy3iGPvwT936qtX7aZILv7rObSli4puN5/OfL7MgqzaR8bA1Q==","shasum":"a3922f69ae97ffbbc76e230100b5466ca87f3a84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.b59a6ff.0.tgz","fileCount":865,"unpackedSize":1926596,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGoe+5o6Km6kxpDMiD0dxJGfx/n6wbAGPV8AijP5EVaNAiEAo8OphdRcSc0olE67l/IB543lmkErfR3dC2N4r049pzA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihlnHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTSQ//Rc01DBd9kKSrK/FGUlYDB4tYHmNBblaUR5OCunB1dFFZSear\r\nP/gAjKXCt+Un70ot0EuafqnXcOqIJBxXnNCHXsBq/1mNg0kspE8tUMUybSv3\r\nsIFnD+ebdhXLPO6CYvU63xk31n9FtUeQ2QXppxZZepfCwIf23XlbCdfE0RRU\r\nGaJc5Z9AGJC0JKUtqhMRDsUi0lvNXgYTTb1aM3bsbgYh6KM2MfA7XR6KnA/z\r\nZHgyQKXEX35lmHduScd1XbHjxW87+ZrzK+H9VtRlUQeHn/wL6qJz/SFqbqFO\r\nmf91GbtSD6dhfPv0JKFAl0J+QrCC3RRBIO1bChXIN7XdGWLyxaHmzj7prBvk\r\nNo+AKgxqQLDcOV8qDV85ZNhuUB3R9UtBqjDeokOa5OKGEmieDp54e2rVnbO7\r\njY4Rmpd+CZbeLFVUIftTQhEfnOxJbK5MxYpKaiXvMbcFPWh/CTC6TNWA4cSu\r\nV7vdyazrwqWB+xilp5+mxMW4neSm2kjYGFYmSauJbJqXTmf/CXfJOnUTBM+s\r\ndfrHoLiJ7T7eO71zVRbOGpri3WuTk6/qRPCtGbpy2MTvcN3lfvJbCsuDhIw9\r\nH8ACuHTTzj0ytqFA3ru3tIin1cBnTpPr3YtsB+mQXgG1B+vQXlRuxVJ7I8c8\r\nFOr9VUPUzbo28ZyTkkqNizeJ4eHWraa2MRs=\r\n=RTlm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.b59a6ff.0_1652971975398_0.8127724760440418"},"_hasShrinkwrap":false},"1.33.19--canary.b59a6ff.1":{"name":"@atk/mise-ui","version":"1.33.19--canary.b59a6ff.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b59a6ffa9f6476c30218a47ebbe7419a98ccfc74","_id":"@atk/mise-ui@1.33.19--canary.b59a6ff.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-m0VtiJvShvpNKTDBYtBYm5KByZLZaRh+pcedVtsz8/4YSNC+VvaTi3+CpMNWRH/FzI3LNkINLLoEBt5d5hx/6g==","shasum":"6833c9385beaa5f8069fde28560b7b76a78ee700","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.b59a6ff.1.tgz","fileCount":865,"unpackedSize":1926596,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGARnVV8CrmNPkQ3tl/lHKStmOSt0JcIFaKtX3Z5WsJ4AiEAwx2PjcLBT2MDhhhEZ/1n/48vTE4qKXmbMjyQGGl6noM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihn0wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYSg/+OSmwsydYOtujzxvVbySNU0h8WVSbkPGQlFgv3TQiHuDkW3aV\r\nk0nHqPnY63GUCS4UJTbuR7W8FZ/MMiTNGxhQBqVlooN1GsRTG8xgXYtFkQuW\r\nWoMhrwScgOj8KKEdY8eCswR3ththgIHsoe90+EL9NfemfBDH7y1BZcjlHFab\r\nzKAtbYGmQuheA94rSWVUliK1OiFlElU8MN0905EjWcpI+wzrhdf4rruU6QxI\r\nFFpauwK5Op0zK+Y4YyFIV2rMyl0HTOYsxggV5ChWwx7gPQ0mO+njxrQ+HTAh\r\nmLKtYTMhv3Bcm+qFK2Ls7LZr/PkB/yBubel8I7nL9ThBwoXZMPlCE8pq5W/L\r\nLdDyy2TI2vltmC4/msrI/X4BKox85eCKghiCUIGkDEy/LmxCUnAtZg2MyEyc\r\n9tnWsX8263lhJP/WfzWOzB0xsjDz4belr/jWH0yalt+uwpHHarjbRLek0g3h\r\nvXMj5q/zZBRSsd2A8KiAeB7ijSnN16Dg+m+31ZswdapxszVFesXpqjEwpEQN\r\nIMiW+4X1l5t/QW0JeEwWddpt5y6AN0a34E+wBwHbs3+TBpS/r0PW4DaHNH7D\r\nyyShzWGPblxdRRVhgyWUCrEK4bht3y3I9Nh1opr8yjmsjsAxcY/2pLlMQCLQ\r\ntnonYJ6sXWYmVM4y4pwELhuIjgSdOrZ1pkc=\r\n=Z3v0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.b59a6ff.1_1652981039800_0.7422717561927545"},"_hasShrinkwrap":false},"1.33.19--canary.82b9bb2.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.82b9bb2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"82b9bb27b316eed76ac4b5a170f02825a4903101","_id":"@atk/mise-ui@1.33.19--canary.82b9bb2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3eCnMrMe8U1X1wQXOLvBx6LfneQdUFGtgvIk/hC7cunFdr4Loyf5P6vrFOm0sxL6JxKMSqAaU5wqUgWkWAItdQ==","shasum":"3153e4c792ce80f2c71fc71b35b30599dbf9aa84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.82b9bb2.0.tgz","fileCount":865,"unpackedSize":1926581,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGtnoe3T0YI1ToPg309Hd3mG1MpORZLryOZblA1ygRQZAiAzgpyO5iy5PoV7HmljCaPm07GrFE+bX6RV221Hz1JlPw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihn4KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruKw/7BamiqkFHJ+QbMnrvJmLQrktcWOfzQWvoGUvxeGSSR0fyhcLG\r\nl+y6NX4Rm08VWp9eQtHrCrSUHykdOj729BMiBVfHAHukKldb3gC7k3xIqZYn\r\n9UOMTN7sxpG5l5RzUJR9qR9HQAQCuyDXuo2DPeaVDQFSV31CojMTtuQav4yM\r\nZbJj5Hc/11bApoRcKNTEz3qjyr2PRuv7gb/B3Cqc2Ue1m+WvZG95wedGuXYx\r\nZNwW2r4vC1ixfdFFLjJMazGPmuMasO2u8oHMI7ZpmqtybPz33gfrhROrMgJI\r\nrCAu1N7muXkOL5ESqJoP3EHyxyubxzLi5ckPfKxuEn4bXsC45czhJqqIT5kz\r\nybogefLX7xP8BF85EaOcbIyT9pfvC5YrrpVeffQ0jQOLeI+KvFKA35IHFQ9p\r\nK4hnaS7SvUW2Xc8nBbekGRAOu2ZYo9d66tpj8yHSUplXG5EiDkgh1ewMFWXr\r\nbuvazLjTFkpwXRR69AXZ31G/FnZYmH7LsgSqSNRus/9TFfn0fW4VBK3eH8P8\r\nOlXE214YRpwgVC9q6c+q6yzk1cxoj4/xE2bBtF3K1lAGVbN1mc15bDh4O/Di\r\nJNounqec0YeXCXPtIXVwLFZbsghCLuzdCkGSh6g5p4UQo22bc8BOCrzqEGwE\r\nwrB29BQac1TRsZYZmlC3F2/F2aLavFlEJv0=\r\n=Cp1x\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.82b9bb2.0_1652981258164_0.15704837152474593"},"_hasShrinkwrap":false},"1.33.19--canary.80149ad.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.80149ad.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80149adbfa769de7d3ab15a52ee22a1436c3eb79","_id":"@atk/mise-ui@1.33.19--canary.80149ad.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-aDpzn7s1RnEvdEwDgF+x+BQK/ZGIsAQRnb7xefabl/qdN56i0HB4YXCTFan4xmJya97r/K9+4vUV63A6wY0ejA==","shasum":"4f348595abeec61d5ac41b038fad2ad9eb5262c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.80149ad.0.tgz","fileCount":865,"unpackedSize":1923919,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT8DZobqjpl4oSMKT4541TD7I+ZUp7mSXeuMWjzf5mNAIgIGJb6ARYKC6ipdFsPK94HnBUZaU6qXGkXcb6AQgaa4c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihpxmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2UQ/+IDJiV/XhlVdWH9sekebsn8FSkQ9T2IZMOIMGSeEuEa31lR0q\r\nMTA64cpgEzHQa/EJvIT3Qud5sce91GdQ3xaQcaY8nRdcY/p0mvatuZmhTZ8W\r\nMQV2VyRYU/A4EUBdr/I/hRzWPN2cPPZlgA49fOrAl+1SbJocGy85s/J+J2fK\r\nz6T8Z70X8f0iXaJA1+8OCdIOoWbN4LcLZJS+YVfCMIvnDxt22lkEHgBvboQ6\r\ndM/NL0OVfL8K9nUI6nynwEyZtzm0n9BPvd6sDF+klgf8NGlnuq6yAs6TyYQt\r\n+MlGkxt4702t942fg0IWX97aAu1nPnbJdiHZQcIb5R54EWzh/9iCkTckPLzW\r\nix8Td0ganmkfw10guuZTv2V/7m/OS+E502JYZWxvs4HsUe3hSM4agB2pWMzo\r\n4FDCdHsXIn73dzgxaNRNTG2ycnbAGvpjRDlwEfdrRmAD1rqIwwJPGsFOdVMc\r\nnvxZT1Hndlr0inlrRF/U0rROp+lqf6j18Wt3UHeOcj/z8RJU+t+RmsK/xt5t\r\nWfnrfKtvk2JjKXFXavD7JsgwXYSvTqONl3GGVk6mtHzPjz7hfK2rC1wcDzsb\r\nhub0j0DfsNXKetsl+Zig4hu6dhfMIS+NWGFIiV6GJU9l9Wv1zKW32RMdG/nc\r\niXLAEXPwmW0rTSqW/UeXNiil02pDhebLqmQ=\r\n=+44a\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.80149ad.0_1652989030490_0.8019566352643772"},"_hasShrinkwrap":false},"1.33.19--canary.90bf2e9.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.90bf2e9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"90bf2e90e7d752926be01787d1bb6e5e8112d999","_id":"@atk/mise-ui@1.33.19--canary.90bf2e9.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-iPGMaOKMIipTc8x1FbTkZxP5OAXaC7XwVTGIRO3cSEfpQeUVlhqME+deZoZu/LAw5onOJTu81FM7vz+BScDQOA==","shasum":"ba5161aa4b4c22fa40773d8c7e5e71ce3b9c1f96","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.90bf2e9.0.tgz","fileCount":344,"unpackedSize":1508105,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAmlToA2V/3tR0I2KZ3a2x9nHFdJOFlZWSnl6OJTWA2AIhAMCxLpTxrMKyGtJV7eG1Ay2R26t/1j3oSy+KGyUAkgBU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih4mZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWFBAAnbXa4xbwWGRcK5fLH2tBH6wfG6uQXtP3nM929XdtRSxWjuPA\r\nIC6ZLRjj/+D3wO2cxsL9IOWoKfPNF4mCjjwcZPBCZqnwOWBLLSHVHxVGzd5L\r\nwD6KSRv7gJJ9dmQJcc5tOVe+Vd2KFreHuawWbwbkFvlCFjNYxzP6/fa5ROMh\r\nrn+MZiLtP+desd/9zfzYa6Suc0t2n5NQvjv/DCeMBpY6FvHr/Yz3QCbQcP6H\r\nIpC4psf0bCqunVrpvRZYgLNg1RZUER0POXD7bCzwQmWb7VHBGYOhQ/xfe3rj\r\n1sumDYEKg9mL6BwzIIcJ430OY0h/LNK5fh9jTQ2VybQk/AgFqwSeaKIin5e9\r\nQYtAhq9KTg+myCYq736WQOZgsNhL5X+cDaYYB2qDXW0nJ1heZJBB0DqWa9LY\r\nggCol4GIIV7lLk1zApnltf9FluSDlD2qQD+w3VPV4T9cV7Q171uLVujj7TdS\r\nPBoN78STOaaZY71TLL6tc3I4LCE/VCcbtgP7BN9eB6RyG6zffAsq4aVS+J/i\r\n4mbBCF64zkyhKP79dR+WPcBz0rcMaXOb9uy5OalEyK7ZC8X1eLIi6+cZ4P3s\r\nWVfAZeyE0UuVC7OBNgvrAv2m43hkciv3FqRr44mbICK3XnReyetq/vIs7oLz\r\nMpb1SYnHnofrS1uZ2rCATTj8Qmt2XXHgD74=\r\n=z2NS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.90bf2e9.0_1653049753164_0.4476240603689401"},"_hasShrinkwrap":false},"1.33.19--canary.6158474.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.6158474.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6158474246dfa40a745bdb88acdae816f7595e8b","_id":"@atk/mise-ui@1.33.19--canary.6158474.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-UT3UXJPRm90iEUoTWFCtUtFP+xaLA8Mlw5CZxQEutQvAt8XcxCE5vDKBLtpd2GqPxV9sWGUKdn92283co51gVQ==","shasum":"f2008ea5ef13df92c43e09f00f8c8cb9b4ffdae7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.6158474.0.tgz","fileCount":344,"unpackedSize":1508333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrnJ1WnMHTv95uCQFwyBdFPfKcjK0dPe7a4ewJkJrPWAIgCSKPZa+iFmpAiAZvMvaZwfzS4T3puCz2n/LIgZhi9iA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih5vzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfqQ/+JIJSYeyB4RMDYhihFZObtZZBPMpWdhID+elt6ecfFno6Yg0S\r\nZpITD0rUQqRsCjjboZv25oXGOmhdwxn222ao8lF9taPckaK+tvSZgeW4t8/8\r\nuB9erfn/iE8RmX82232Vo8f0Z5CYO0VPor0WAhCOPSF6jKOeo3NhZTgmwzMN\r\njKijvfq3MxLo/i4iCe5AHTJO02QKj8yGKflKCjjqpbD60IcAgELKb/WesUp1\r\nUz4hl25NFqtVjkQ4kFP1fO8CPFYL32Yncp/3uqtVbGIgECt/10UybuGqAB8a\r\nje5iKyXFdKMIVXydFnGwuDYzLAA5Xr15YVJguVHilLoSjjxuDJOy2I4ZZjBM\r\nthAMCu3EdGDySSasp2WyK6b8PeYNxyAuePEw4Qm5JVQsSkwucan5Me3wMQ/k\r\nzH/6HNo5E61dAjebBXJSH5v2I8X4mtSWjdy+UWl27FDM3rBQ+/yOsVfUlUHH\r\n5uNJX/+HWRFmYbaPCCWvZv5DPhNHyZ6XfXWngHQA20TBVV7nYw7UQtFRuv0F\r\nQxs2NxW5Hh0M3NAyFo1lkxW+AtF1CgpNcs4cxz5PPXybdne9+b8TIDwu0bDv\r\nnkgdF5ApHb5ev6okItoS0Se8OUcBt0JhcZcauUtsPXIQUuGpe0e2CksIVNDE\r\nkKpAKgBWc/V4J2+jXV1Z6F7mpSg1jmfRSCw=\r\n=gJe/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.6158474.0_1653054450882_0.48948384289936864"},"_hasShrinkwrap":false},"1.33.19--canary.d6cbe7a.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.d6cbe7a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d6cbe7acb482e056ca11f3162896a097ff845af3","_id":"@atk/mise-ui@1.33.19--canary.d6cbe7a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-yOHLqzvFfmImPnV3myiyYnrj5ekQ6jijnGGWCG5SQ4vr5i6dPq+7XNNbHRmnvRm+LxkrCQNfQlTwmovuvCjPoA==","shasum":"60a06accf251db91fd1096cb29253b1a7fc3fd87","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.d6cbe7a.0.tgz","fileCount":348,"unpackedSize":1533085,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVoLz4KzdDbSIK3yKOqPNWnDTihfTNiJA5p9zBhez+/gIhAIAYbMDB9bhL3cMSJe7LByri/b+EHgGa1iucUaLG48V+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih6SaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyUxAAi5Qpc+w8jxnaR19FBqjXqNZky5XlIcq6YFBZgVnHngqoGsBC\r\nYNGj3rxvDqx4I4L2+ynzTnedFyl0OTIgNZd/WbNrrleiPqlkKhQYPkm0GWhA\r\n6mc8wseR9aHRC8cYZofBV0W6mO/BNL5muBnl/NQphVAtQ7Ud/iA17+2zeDXp\r\n7GEe98i+LbkGCOmSUzOtPUWRZoaf5CNKquDGwcyvudlv66ltLfzcOu6vr0gA\r\n3YrFBvDJyYS5r0m7717vnE+MFnEOjf2Rv5LZLrxIRCnTySfWg34utAeCJkhI\r\ntwW+cWgwaJKhjBL6bKNPmejhbHR8qZutOn2ReW5OwAqYXA+5WdxqO1pf1Zw0\r\ng0deL/i0rQ38POtptugTWnCtTGtQ2Cg1HXzLqAKpTPxeLZqyLAFTmXYKSa6V\r\nvMqLt/YWKaffLkXMNhiefavRJIj2TV9E1X2lkxje8y7IgxIZA1piUJ7xUC0C\r\nEvxGfuCBw0q06V9NDaoZrk4iPBtOFe6hsDlFpv0N8dgL5MyiiAMd9IH2Z7do\r\n1C8w6Z33csT37f6HeJgZLWANpNnBlfH82iH8CUGCOcqRE9O7s0Jd+cH5l86Z\r\nJmCCTSTokp3C83xakLdp/tAFGqtWt8Sucnub/3L1MXDtOqWWv8GGVdbpDcm2\r\n/cS1iYKIAKql2/HN8bRdqTysGsX3wuAvSXI=\r\n=GEmT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.d6cbe7a.0_1653056666300_0.20294524369578193"},"_hasShrinkwrap":false},"1.33.19--canary.cdf68ec.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.cdf68ec.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cdf68ecd023a2ee56c36b97b4eca222a3e8745db","_id":"@atk/mise-ui@1.33.19--canary.cdf68ec.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3Ll6S9A1CtSJv/logLVpXk7Rj4B70PbT2WYrOo0Q3dxqyEjXJmd6vluxxe85Fe7A4WQK0K+cCbPftpyMlpuH+w==","shasum":"66b6611a1e78e1ffc52b61af2044ee47add596e4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.cdf68ec.0.tgz","fileCount":859,"unpackedSize":1917058,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpOErwq3L+xDhkOut872jSYo57Py8NtYJXuRVtnzv0RAIgG7TAv55X8mx15Kxye6Q5l4zNOXH5RGlnnQYrPB44DZw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih6gcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo++A/+JV6d6tMTIiZ5c+T6ZVZEOr/QgRaOEU4kkkCjubpu4NEOFhPu\r\nJnQVg8Y8EozIxNLXJfjUgWyhxxwxZNAVBdY942N8ujWJTjz8OZvM1SqzSDRM\r\nPbD9XVeO4dcC+mb84c9XhSyW1iHqFK1X86IHrMfPEi1nbLvXG3fGdeCGGNyG\r\nhx6Uf8OgwmxGSPAYwNMhsfkgIv3Aj5MudNVEODbz/D4L4uRTTnr9kPH9XjoJ\r\nBO67IEeyd3u6MKfHNVWIQKPAEJEfAe2b02xciVxE4zw3DhnLlecdrMW1Bv2F\r\nxge50rmYtA2Cx+J0L8/Y38DnajOdtVCZ+h4C2gTz5fuXp4uZaFHL05xZV2z8\r\nqZmnWlyj3WAujEAcOwY5f3wT917ceksWZTyfCJCfFKZy1BPbbwwmFPxhJAI0\r\n36FuYQms5kfExcgIgP2fYZ8y7+eWrGd2yBh4RIs9mQ8xV6gAdg4S7DeFkMmB\r\nBigNCTB7kZsyy1kLYYdwJcSVsIGcImhaj+/kFyq/wN/PtFqMdl0Ghos7mmSD\r\nHrdLrx9GoyyomugNfL5KttCcpbJl0vzfW9t+ybDbZjmUW7c4BVwm7LKRcIhs\r\n3MLhYq+ZM4DfGbmWPP4zGXzrdq1Hb5e+cCXcYkgM9x3sX3OvVqrHsuN9uplh\r\nqyeY5telxrZgXu7wn4jeGxAFEi6ZIEqXbug=\r\n=a7JD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.cdf68ec.0_1653057564234_0.7491037872364077"},"_hasShrinkwrap":false},"1.33.19--canary.d27ec09.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.d27ec09.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d27ec09a4268f4f759cbb4217e5f8c6b4d5ea811","_id":"@atk/mise-ui@1.33.19--canary.d27ec09.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ycKYy8e+VSRiyA9Wp698AWscxB1qOj5MAmy413sZDhnoY5Wy8AkjFew9xiCbr3mnhT6f26MIdsUcXjhXQWH4Vg==","shasum":"e5b676f65738c3b597be64e3f00dccefcd2f3a6e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.d27ec09.0.tgz","fileCount":348,"unpackedSize":1533085,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZKGoThiBnPCcchA8OzIptkU0ghZISflW1u7FFv67MuwIgJlMDasEq767Wt/nxMpEruLy/vMmNW78tHYnbhAVezTA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih6pAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHuhAAilOVMIvEDpjO/v+N7p3wJLfA8L2oPmkMcAEhp6X48op6ZGKI\r\nUnN6/ON4IRCDbU/FviQBqqzTTZx1moijfP8vyP00ZLD2vuYj/eQymQvtZoY8\r\ntOjLWxHOYsbP+TOH4f480tmRmRwjiNUxj10u7XSHLFO16cGWOHhb+WRbLv9b\r\nBxcOhXME/N93MYHQMVr/rfboQf3Npsh/FV6JoBMaNqAUu8o4/oBG4REk2lrv\r\nB0lNPL1hRVut4v9ICNYFcU6avt7vkf9jjXX7s+fG57681zivNEwK6SUpW5od\r\nBNyafSQWZIwDP8PdT6LKmXDgdxwFhKhvumhwZuex1ye5y7Chxi48/iFSY+Du\r\nT5yhsKV6SAki1ogs6IGVGT/FVyM3l2ZZ9DDnpx+o0+1BZ99L/h/LGQTYg1fw\r\nLbw+nLAJyJQN5uFo6QzFv7vwPu0ODHwGuXTjj+QtA+pT7OLHRJvE0MCyktyI\r\ngZ2FuDjDBP+Xgobcj1pLbjrpTbCkgjro4nrldR70ccVwi+x7VOJg94HbM/K1\r\nbi+cf/U30zCXcZWzjA8go4QD2VweaILn72QtNFDYWCDtxxNs+o74P3KpnkzG\r\n46xMovP2eq/DkJvLMH9iK1G6qRs00M3vfzszppyDnImEYUiSfr6BOC6IEt36\r\nPKoXeCddwBQ4CyqokfIf8cwggS0PMMo44oc=\r\n=z3Xx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.d27ec09.0_1653058112726_0.27529238067974493"},"_hasShrinkwrap":false},"1.33.19--canary.765afdc.0":{"name":"@atk/mise-ui","version":"1.33.19--canary.765afdc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"765afdc8a780fe46f861a0b11fea1230474494cb","_id":"@atk/mise-ui@1.33.19--canary.765afdc.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-fH70T6dIOu8RbmxkhqchHlcnAwRQK8TGdhWv8DndvPyd+rD7bo7W2geE3CHzlQe1/t1Wp9VIbLrQQENeMotLtw==","shasum":"c657b4060c298082ae36af59c07172dd3b94f0d3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19--canary.765afdc.0.tgz","fileCount":344,"unpackedSize":1508717,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHsOg+yg2HEC9j9XucgorKvX5YKbbkojGoKkfEMPNYKgIhAPaf4cPzugP7uIIt4cs05b70FTw5MW6PPmRL5IQl1liy"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih7llACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo09Q//U73H/mmrGyqUVJBVNAP46PLtP88mNfl+ET1R44MUvcLhMsjK\r\nb6steIh9lGHIJJVR+k2Yy0ulcAD++kG8b2SogKCsEyMrRzA5Ecupn6pQPbnD\r\nhgRXYbCAyv8AQ41zkzPl2nBb/V6x+HnYLrSMa5hQVJh0CwuIwo31Ips79teF\r\nLs7iVA3WWD0lLXAlgKnf7R7GPc2q9iyHW1kGb+ITHJ+vTk4nuqOkP6PB6cUz\r\neA4LLzylH1Ah5PNavBWwKotYLeJ4VQQmxnF1k/I0m3yPuZr9wPGa+Nmztpq/\r\n2hCBtCV+0XvVDbZKAjT4mYn5K9vG1JqLT2H+rspwSUYejlZ70nJkucrkDj2p\r\nKyoD042W/Ki1htN2aFmFzAimDYpoDJ/3L8U4BvCeVDUwXjY98xTatrQhvT1r\r\nPHfwfTFC6focJq5sOv0tv6furz3hc8pDW0ffgouL0zcwBkN02cO8mvLKYXCm\r\nc9G2U89dM5Nn/aflLYWdYapyAzQk1hO5NcQ3E6ppu5JJfLU/Wz+cLDmFqWp1\r\nysj9cyreEfm5rqFlDXRATIZRQFO3KpEllUP4kwPZ+t9LNNWM1I4C1AWXlBi5\r\nQr5uPLrlGEM9fl8vEIUekNeecFlo81QrL7xA1wLYYDDaog1X6VKSe67apRX8\r\n8wGvwd33IudeisEUSytEmeT9PuHChGNKsDY=\r\n=fPo4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19--canary.765afdc.0_1653061989528_0.9327946370718474"},"_hasShrinkwrap":false},"1.33.19":{"name":"@atk/mise-ui","version":"1.33.19","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"2d46cc189c913297eb1f5e4dd81fea9f731fdeee","_id":"@atk/mise-ui@1.33.19","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-SEUeG0v97eKe21gXTuV+AEXEmhKko26ruEi9acrKftm85blOBgebDpMlxyazH3lN5v5qjKnZEorYFr/e+lLvtw==","shasum":"b8da023725a161cb71524c897d673b6ac5372e22","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.19.tgz","fileCount":853,"unpackedSize":1894353,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZga7sOn1Qgp//HMD7Sh98LCSeNRMwNG+3KguZe6YyJQIhAJirFCn2o3lA74qVqwvkf+0B0SaozVoElN6DLNh9Aoz/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih8NNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKTRAAgmei5OemCsi97vVOQPeTMNe0XjR/Ljl2hsBzD7HgEtt8Tv2H\r\n6U58DfH/MMjFy3yKs+ZdvSyvqOkTJzLweTDBdqp82Rf6yTwMCmK0JXOoXO3X\r\nzeWU7DWlVJBQ+oyZxyhibmB8Do2t3DlilLC+bJycCAqGM3IGIuaU54ihz7xS\r\njj8W2lccbQ3IZZh4G1DSataSJIsQAG1ECCe2I381lvKxsj09ln5IMDm5bAUb\r\nuzeU7oXrDfE+K3d9Sfia9kMIuLoHjBt1U17k+2UhCa/Ad7Az88xIchMf/8Xj\r\nuyQ3krPsvPuzOXwyjLDv54QeltHd6SIr7IQqZjZRD2Rhw6pmHt0PsbxaBIl9\r\njTTEKRf+lPyW5R8hZHYX1oyq0Jyxqgh5/elGes0Y8mCogSFV7JK/B3SRjAYP\r\nmvUk6lo1cAxQvQt1pljS7gCs/LUq1ROh8+Evzq7biBvxfF8OHElVycISICh3\r\nGw2ZbYlQNXwP+NnrTJdGXCGTu4uMOf/uyQJUoCO/2XZpuz9ryhfazcYAjRLM\r\nHTohB84VsxSE9j9euVgCAbYL3Gl8OXDzTaHoxwQbBhOTIHovdwwjG0rshgo0\r\nGfpZhlD5XwHbdhv/kPaW4XFf1OdCOxBK8ktZSU6ewH5FEHK8RJQ6zdf0E/6p\r\nOG8Lnh0muovPGI4/5xqtl/IuBBFEcpgxZ1A=\r\n=fzyh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.19_1653064525407_0.7539245227371192"},"_hasShrinkwrap":false},"1.33.20--canary.e4695c5.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.e4695c5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e4695c565b824daa59467abdb030bcf97f919936","_id":"@atk/mise-ui@1.33.20--canary.e4695c5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wm0853NLoEZeCVshkmg9DbF7wX6KECpQwZlC7fr39+ZSwD6xMh5EIBJP8hRx8+cZQxF/pQ9RhdSsT2yWX0p+zg==","shasum":"83c1567bdd9e0d5c492b2b850eb9b78bf2dac1c7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.e4695c5.0.tgz","fileCount":348,"unpackedSize":1533048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGwImtzck5yJLeTRyDU8ApazcWDbg0qiSZz3HXhsQ6f8AiB1oqQBBDnWFBl0RgXi/UYDry486bdVv8j59oF/b9qJcg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih+C4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWOg/+JCWC7BwHJW82OcJtLCLG9iJuTNCTpvbEW8FFwEdj525UMKH5\r\nFT5RZ4s77MYwNuzd1Sz3qAadvhC8iG8RD4E3kQ/C1bHULNhMnqMhDqJ/mTSE\r\nYusOVCIOMb3RPlWRrQhIyXUex1IwGPHEZB0Fbv/3fNZVEiKrmEVRZcp3GW7p\r\nk41dIfcrrjbZvPcwMMY31/QGG0CCN3HUW/HYx4kHuq8Ec5Bnb3fxE14sSKdl\r\nOn7nQijeucRB0f2N/nATsBicMhhnH+v3ap2MHSqR7AdHRt0oSdtzOQjsn3/D\r\n6C2FrnYNejWIls/wxUvwpIfwDabnBhR4rYe5cu3EP797OYmzEj5YQ8EnbXAN\r\n+2F6/ORLtS0oDSHCn9bISo1i1OUEv89sce702hYVgJte04zpgEUZSKL2Fdqz\r\nSd48WzpKgujeuO7PiLFZlbSiCLjGfVq1S3pdPbjmhMrRYoIhHKYx+a+Od+Om\r\nmqPmYnNAfB3f/56hF+H1FclNwuqdEzs9PNpSa2uKkn5B2M+IqO71j3wdIXuG\r\n9WUgQ2UBE4K+P7BE+r19/w49eYH828dNokB3t1cd2pbSysAAxtP/H9UqHfdW\r\nYD7E4QiBQmRVKszg0iR8FdPdZcABbqeVwB6k5MDbzUfjjoAM3bkXgAx1uoDP\r\nUb85ZUzBSOKL5y+G/dF9Sbbi6h0SFzrPzG8=\r\n=i7Rl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.e4695c5.0_1653072056192_0.11953104710246731"},"_hasShrinkwrap":false},"1.33.20--canary.155c1fd.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.155c1fd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"155c1fd50f53a81ddb6dc31772cbe1eb3056dc38","_id":"@atk/mise-ui@1.33.20--canary.155c1fd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vyxt/Ji6J2dW7EqAuYlHkkkOMvtB+1Et9JvPq7H6Wr6vdWn0OaRJNBrHPRSIueGyFQWs+1HpgjgjDhYX1YP8Kw==","shasum":"e39bf9de08ace9fbd9f0a1af4c8163011255e30a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.155c1fd.0.tgz","fileCount":361,"unpackedSize":1640850,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVSJefkish4F1eRNuvE0J53tAkzzJqeJj6buP7IjDHqAiEA/6waGvJQQ6Ew04ipoT3eRLbtZqZrxlEhcgEMnj1BHWQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiixFEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOERAAo0652POgetQmRvO6cSoOuuPIeFgtVK3kogIX/Ttm0wyF23Y8\r\ne/cdMdlO/KedCEagABfLJaJOXekUIXJqfwkmETcuis7Mf9CTgD4M8n/lKM3S\r\nT5ACcV39UqR7B3EZkdgWZd04OWWc40etB7JhuwFluUdOLPo4ZaDv/a91SmZs\r\nv/2xt8Z47pd1AadYHvgUhucXJUZGqPbS8nVtH4sLsU1MM62TSTOARMGPstIQ\r\nrM+llG9Z4ks6d9DPLsU8zknJRa3aGtvAdsC9k9mG7w9Hzrh2bv1QTi3DoJ88\r\ndYxNaD0dNCxSsq8qqpu8DdjdHgbwEVtFR1+Fl7jWEFzz3YgG+L82KnrMa8+f\r\noEqyFwCbYiKgi62MbJWBvP1gPfrg89o9ynaVOwWFOpWnkUQOZSfTC2qysLFp\r\nJZu+I17L72FVmJlen/Lb58J7n5RJ48cJtxqifwocrHyugU1WHYwvBA1sPqC0\r\nlxi3tkIb0c3wsFXNay/YeHFUsBvsfNaTgKz+CTRnjWn8kfKC6oBrA+0qjsQM\r\nvwPuBwlAn/bgSzSzGEnRoomS4RZQyxmqkdtaz7SLe9MoAp/GXYJmz3C99lGZ\r\nRZ/GY+FiJ9dir2niyvMCa/yxKt6NXLSptumuyDJkOgHmjJoThqpoaQk86UDB\r\n+VUFuP9ngDljRyQwRaX06ZVn0uq6zWVXbAE=\r\n=Gtf9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.155c1fd.0_1653281091841_0.49092339069484203"},"_hasShrinkwrap":false},"1.33.20--canary.5385d6f.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.5385d6f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5385d6f48a53bbe0722309fa1815c092a8389171","_id":"@atk/mise-ui@1.33.20--canary.5385d6f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zRiY6huPHBXofe5DlwsL16r5rzj69uHvnnNGLocRCU18k6R883iUWFo59Dd0L8nTR6iuxc/QBmBzDfCfKUOlPw==","shasum":"74c4a14fe197860174a92d342818519d77de6d66","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.5385d6f.0.tgz","fileCount":361,"unpackedSize":1640964,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9EZqPBWxkH2j+R2FsX9uQdaJ6/ZFlcUI21MAFDPY2TgIgKkAKVgPxsTl6cyPZ0JcwNAM1IlyTZsqsX0qfYQAYaYk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii29OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpl4A//TaMjHkT6GqjtPQdGKh9su+r+2esbPbhC8xk7owxkmOeLCOGr\r\nKAMVqgWN9/oJaczkTL0bcUESaN0Nd5Bu0fdibn8cEQ00UFjqKkz6sbMFFM7Z\r\nKhGnrm2NkIjjnL+FRPEnNvOc3F7gY1qs9LP9CxdwwFNVaFDGTCrFmBYkbPXF\r\nvG0P4ZltRuNtDPWqGu1utmD9XgsWHcpUrueYuCwa3TG3Ffvj5UHzZA04QVDu\r\nBts0lYneBTYmf/JvTy7ookwDJv3DHzmTpuyyjNkrr07U6MfOiOo09eRSJxOn\r\nNxmRigaYBmxBz2Fjs9Nz0WPRO7ExUI2yJsL9ZjIMEMik5ce5TJinN3CbZw0e\r\nD80jky0/GPyKCNl0svKoTU6WNVfIZDEIYL0Ttz1x4Lu4FaeRWjM+eTTrIwYm\r\nu7Gs224IOd07u6fGMzDChOo5PCEMa4NwN9LGoPDlKimpxVh9QBWlhJbkjq2F\r\n6nE4BYhGcr+g7B8ToSKifQ8GQcQfePXsTBZTPcdM5/r/Tv0k8PHwfAaiLhFL\r\nwaa0FcnlUzjZZzdDln6bd/EF2TwoJ6j71i7QWB87GvTOqlwkt5NaJcXO52Zo\r\nLWKGfyIYVCvU7NZEFGGHvyO42cwFtwz2nMWf8mWEtcWw7ZGNAhelpYjx2QBW\r\n8ynI/RAD3AR8XTk56FJlcA1YbIvH4bxeAPM=\r\n=Bd1p\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.5385d6f.0_1653305165778_0.9185358197733626"},"_hasShrinkwrap":false},"1.33.20--canary.11d658f.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.11d658f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"11d658f8c3f70fd27bf71bbe20f58f15f5f52f48","_id":"@atk/mise-ui@1.33.20--canary.11d658f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vYNjboc7dm4dR/b5drGN6bT/gpUo95TAoBzOk+LAcd1TnhxJRah3h3r3Mv0qUUbKEvVHHIg4YQ7Cvxb4WBh0AQ==","shasum":"93eaea6506ca4c2cce68e9bb5f91a8a82a3ae895","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.11d658f.0.tgz","fileCount":361,"unpackedSize":1639973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOA19BHOf3mqACN2MKOi/Xdw3yH/ygWJn730tIZ0lb0AIhAKOz0zqCkN1OqKfx7xs2lkZ4v6cd+6iIC3jkw/pYo10M"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3pbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfkA/+NMxwXAXI7yP8HypRAFCo8IENc/D+x6kiDLB2TKm6GtRhl6jS\r\nzlZIPDpldYc88YHkCdT+DTGnsixzJK4+NV1lnN/bR9lJLyVRtrx3KKxbexNw\r\nH6mGeHhyHuQyc+Mlbs/9HqffF1GFM4DfgwjESJtYXY4wM8q+oKucQfwNw6N5\r\ngRCmR7Fq7JLW9zV4rQt1zDE4SLYbd57CudIwqsc1sVi4OXbRC5HXIpLwcdRt\r\nKimtKgPWBZItCWmkeWfYUSLmPGcXE6sn+0dyDlhQSLii9KEEIXGgiJMS0FAh\r\nsb6aUWddEd09s0WlvU2/fm96oARgbuBtugLnDXoMALBVohWBJA4Bzj4ZAsaC\r\n5lWN/ZDmbiV5XBV/Xj636ymwZZJVSKN6R+YBbNqn3ekfb/7AW7AWC3UB0qqy\r\nwKHeqvPi1qDU0yfNBIa733hHsWkSde7/gr0J4PQ+SVrPsqB1L2VoUBY25snn\r\n55jZwivAph8te8GM5Di0yi1QyxIxKL/B7dWiMtS6WSKEyTgYaQYEjHHJt1Hk\r\nB83veg1BJBv0A3vGyAWUO81b24JlR+OBaVgN+0s9mIw42kK1uoVKZJiJZeVM\r\njaP/Wc1r1yxdXptLa7RR7Y0SUe4HU/+KnmpUL8QS5CgRZGsCwW+LgvkTN08N\r\nPsXrKjvIiAQCM9JOqzpHui1MhXOhvvL6aeI=\r\n=Swq3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.11d658f.0_1653307995269_0.11517359511101244"},"_hasShrinkwrap":false},"1.33.20--canary.db52e84.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.db52e84.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"db52e84a17a3956e7dcee9a83c1dc71f5a6cb75a","_id":"@atk/mise-ui@1.33.20--canary.db52e84.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1JtzNe9GOI87ZrTEQl91jTJMW+Px0tS4kwxXNnXuH4+TBan0HVV3aj4gKr73s91vYKBdfG1NyXyuEy+6l5ivZw==","shasum":"9b48bf4aabe2c090a6089044093f44c9557ceb78","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.db52e84.0.tgz","fileCount":361,"unpackedSize":1639881,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDA46xQI+3Z+8UH1CAnYDGPGV8q+vWQVJTCNXiWgKTr8AIgXu//bAidb82+S8GhGOuO/AiyHhnPkXkPDSpAY3fa3hg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3wdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPgg//dokO3WiupbQkNquPDVPs5hwVpQp05cV4qhEUdlaIqTUIEP3h\r\n4uFVeTDG5+bjbZMuxXDqZOVT1FTKfXtZG/ip0XqSgUSrmtfGsQWCBMGjHekj\r\nF7tZoG/nDM31WBsCEj4DB1Z8wojs8y5aWUjba0kMjobGe883oONk4rponqil\r\n4qX5RGuibkzrwVD4cJNvVC34CV5SjTc4P6C25Rl8m+5zkzq6Caf/bY2gjdTX\r\ng0BawqjUww091QJSX1rQ5cJIIqBK+I6IzupZkST9gk5lMwnwHP864EGDymK1\r\nOccf+j/QJ7IOEbjZ9pINatZ60z2371NN9CsE4ww7Rt7WyxU31PZoZDB0w5xW\r\nnHBm1mUBXup/cM8v3LMqGjDypnHAjvAgpT41Pz4kXLEbZSz9DjtRzF5w3UFf\r\neWQaaR0gShgeMEV/YqZ3mpWOAPhZz3QO4uzbz1QMhxXFBEPBAhaBrcxnq3F1\r\neeOnYtfoKOPpNAVC+nak8C2nTESxyfTT6SwJeBh9R2TPtNU5SCApQJPCyruM\r\nRICdmcir3u6j01Qzz+N3rdjzma497bkyscv9iUaH/St9DBL4YIztQgdWgNOR\r\nacQ3rHDPI+kGiRmIaQYs7nm1pqYE0sodBPex/fuJ30VXefGhqRDBKHLsNVDB\r\nwz6PHQAnEC7x7U6HRMFvDOaVSyCpjLHlL1M=\r\n=wjM2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.db52e84.0_1653308445519_0.6264436410951204"},"_hasShrinkwrap":false},"1.33.20--canary.74f0909.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.74f0909.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"74f0909bb95c96824f5ad4989120a936972a6032","_id":"@atk/mise-ui@1.33.20--canary.74f0909.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-2s/jsu+I4letCksgl5RC4fNfE97hf8CNi6CQhq6YLZD2KiJElcj3E6jKhOWAJR0tlw/g2ChQTmsRwmS/2pxYKA==","shasum":"8ffaccbb912d2c0fd28b5b7cc6aca8a4ffc2cc9c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.74f0909.0.tgz","fileCount":361,"unpackedSize":1639927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICkb9g7moyvrenGmvtfMy6ZQCbcT3j+BPND827kftUN3AiEA1a2ME8sPKhOqP5Rt14RGdtnaHKpoevl7qfUay3u7Gr4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii4A9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmozzg/9HkEVVIpFNR5GPE+DTFCaQqGBpX6CXzU6XCFykZ60jphqyQrd\r\nHz2bKfryX2z5tmFhYV98Qnv6YcrmYPI71Jq9RRFu7pT4EAAiQN6VFRfXAHhq\r\nh9DkEcJ4IrHOxgA+NfLeDkyp4v6O7W/NLZ3dzcUHNYq8xgzOni8Hnfq2Habu\r\nRHn/PKTFBL2kI/HKT/JNB8USGOG8AX6uqEp+cd9rHCXVI11q2lgjrczMo4QO\r\nLzc/c76ZWYTUpYszBb5PatO+jQD+O2fL41Sq9iplknqmfkLYS5Qz5ar4McXr\r\nEYjTeHC+opuq5Z42ndgTw2tMD/WYo1eG3rTpRmx8OdpRKal/dRNGzzPfhFQ/\r\n5B+XYFMt7x+MiBlHqVH4zu4OuACuB0a4z+4BVW+UbutS+JB7jji1j8CHo7XI\r\nWjjtjqLwpvAN4+ucI+L3s1gN/KOT1RxLRga17TDyAqOUCTzw9gnHuom84gtW\r\n9Dl3s+3wFDBVjRb9jqT8bznS6ds9FM0p5kSLMQHAIE8jh3cIU9WzvG7j3cPi\r\njwUIZcFpsYWridtD9f6b88w8KvZfU83lNFb+QoEh5gcuPBjSWWuW3Fg9xqxP\r\n/wLfmbnHU4xVqEJDhP6/Acp0LlUlqNoJ/B1fCqqoYUGSJt0S1/EJUESLJ66u\r\ns3Ch+kJAFCDHlfMw8BNOTNbzp290u8Fwc4E=\r\n=2SBe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.74f0909.0_1653309500777_0.3913146318516221"},"_hasShrinkwrap":false},"1.33.20--canary.dbc26fd.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.dbc26fd.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dbc26fdb7bca857b892ef1bfae79ed127322a9d8","_id":"@atk/mise-ui@1.33.20--canary.dbc26fd.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-VJv7RCSkAr7n16ROwT0HhgMAeaKTR8Y+Aj8W8PxwgAZXncPJt1yDGDfj/wxiK27T0IHvJ4LRWb8EX+Wrbs7QhA==","shasum":"0e939010bb2ce4fb138e60af178ea6c963fbd7c5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.dbc26fd.0.tgz","fileCount":859,"unpackedSize":1918736,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQC1sgKzwD5zXZx6KWfihIdgLqA+Qkuvk+PGPWuBqeysxQIfPHw+s4bbd5QfiKShH1dvuibZ8yNz/0GWg/Xo7q+DGw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii92fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmwBAAgoU9++CHQ/NDh/dGxlIz7rTT81CEJ1EJuPibiu0sWU/6mmI/\r\nVKInvGdqjCwDqP5UiLgaZQAww9iIoYhjLmJY19hxPQU8csHDzMjNjg/N0m/c\r\nd3KGF0DRJYM0tEisgH3QqZvZSyTBW7GLprNd36R3lq+RaAsnFbefG1fOgdzv\r\nN3XJcKFA5zxf8m58gTyP0TcxCpR0twzxaNs+hoQfPXZHE2Yj1zRPKirOrUd9\r\nwPYtzEizcEV5cpzQ58QOoonBwEdK/i5EzDH7lSqe7D7dW/hA5qnXEe6iigpc\r\n+GrpVmI7qL6+SR4lc49/ZC37pngqTsJLmWZ2kQ8PyMCoH4d1rruXI3ixiAJZ\r\nEA0bpF29ZIRUghnUzOsGvRZdgYca6mIyALeyp8I9oDZwroygBinNvShWt/EK\r\nlOFiLXdNzmY2mHCg8XztP9vr4EOtdy/y6Dzif/NH32D3wFW93eVqPQHBaVEm\r\n2fnQ6as/BNkUmXIqYygfYo2HpNZLU4JouF3CtVf4RqjK3sRya+VajYWA8kHB\r\nSIAqZ+/lpBA/PoN2YL4JluRTr2uExCNFNN3C1pfjz6fFE3NOJq+bUQ5IbrqV\r\nx8HkwDLrdc4k6lNT1DiO9EP5M46ZQmrOlgpiVlRPdRRcFK22quuPzAQx3BVj\r\nFUop1Hqdz3OaH7OZ8hkZRyTjJ3u/O+SbIhQ=\r\n=8M8Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.dbc26fd.0_1653333407216_0.8961516466580299"},"_hasShrinkwrap":false},"1.33.20--canary.764c628.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.764c628.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"764c628fe3eb0d5515a532e0269c7f754cec2234","_id":"@atk/mise-ui@1.33.20--canary.764c628.0","_nodeVersion":"14.17.1","_npmVersion":"6.14.13","dist":{"integrity":"sha512-PUZbBYu6luweOKfLnFk+w/PCgJFarcsfG4i1guywBUYTywK4ec7TaGjwE7N+3Ov0pbR/ktpR3b5Izz0Bqc4KIA==","shasum":"34ccae16a9e953724c2cb851e3071434e001a454","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.764c628.0.tgz","fileCount":357,"unpackedSize":1615096,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrJwdv9j1fMEGeSQMi2YoFPE7EBUhJJQcsa4bopAFM0QIhAMj/rSuAtSg3B1phJLR/AQpigehN43RPiu2ramyyQ64d"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii+wEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocOA/9G3sL6Fg8NFQ43RFZRAMxdxS4JsD4mNLclnUKJ1Thip+rrqM2\r\ngRuXBrAvCfQ/M23+3LAJ3OmfkP1NUcY5PWwJK5+PukT21Yf7S4hB31v7oq0f\r\nyCQMv4yChvoqCtQUzRTlxmjRbrYUnUlgjZtwXguwDO95z2cgnOSsZ837EpUj\r\nZtI9a/xZRzDP3KflOzPy0n7+fe47tFqRsLEO7+ixtA4Oj+sFW2sLSPJlRUvZ\r\nyYPtAxNjAyo6W0QQKmPrtj1jo402y/msJxbxAAAtIqPrxfken8gMa5QeYbY6\r\n6FceYPFv5LS2BN+Yptt50JwSDogRc6t/cr45S4qmZgNYcIsa/zmTub6ga5VA\r\n+vmZFiTwqIBv4Io4fcL4C2/qbdgdPQLoDHB7Zmr/CWWn5X1mmFX+XEMeOjR/\r\n5TUg+cze65euL9agTJwJVhawjF8B+o1hW31z8oxDdPwmVukth2iElBBHmG01\r\nb3IFJt2bTyFjUZck2T1dJ47QhSyL24g3aLKk2oYoxidMVO0IQ0qcYzJ4LoKL\r\nsX08zJYdigEyiEO0Ztv3aB51D/tM/isfnaTHx3B8Ii0hHFGBc45cuJCKv6OL\r\nZ13nz30Iz101n0s2cFhpkg9Z+jHT5hcucdexujOO6sgeTvuzsNePvTRiA9fd\r\nYWNQCMGrVX6AVrzN5vF9bWaxVQc7DYX6IRc=\r\n=Ai9M\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"kayseriatk","email":"kayseri.martinez@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"harysatk","email":"harys.vizcaino@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.764c628.0_1653337092173_0.25457637912674747"},"_hasShrinkwrap":false},"1.33.20--canary.cdf68ec.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.cdf68ec.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"cdf68ecd023a2ee56c36b97b4eca222a3e8745db","_id":"@atk/mise-ui@1.33.20--canary.cdf68ec.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+tKKO4RSxk5X/jegD3TPAkVeg3b6dHs9+KU1O3DV9dICro6XjYApfk7vHNhOPLkXNP1IeBROjAd9lEd8bXZpIg==","shasum":"34966c6deb9894c25c220a718422ca8e45f00b51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.cdf68ec.0.tgz","fileCount":865,"unpackedSize":1924322,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDAMU3qTkfJOYtXtdrr7dEWc0+7TZvBZnNpnF6xlTB9XAiAWc5B+8P75EMk7yK8Z4QroGyXDzScy1s83CoqypAD5MA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijPKeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVNw/+IW0QqCOxjmu9wP/VV0dCS24HfB1QwJihZPDtmbBzGmP7295+\r\nNSHyxqQ8tDSN+WpZtydhqWnZ9sRdgI6i08C34uB75vVuRH/QYOxMxDJg8wP4\r\nUI3gaNHzyu79o4w9v1YKsXQ62Ha/qCo8e9NKJzGf3lZ9/PeAqrClqhrbeigC\r\n79z9Vj2zsVeoj3zC5NUzXvPz05a5Q5OiuDQQCS8gx9hGyPaI2DtL0vj9yzFp\r\n6H/BbSMY7LDTY2icW3vxF5FvQoilLOH4EFMU+V6sOZAVn1mI4KN+euuUShHf\r\nKNDKa0jbK3II1vxzjGmHOLpw4YzCvw83zyFKgPhF5N5oqUiTQP16vKVgDg77\r\n9cY4HhKDcy0ofis/IpjPC5dCHa3wjQtyPdSlvj103PSx1bgmQYCFYavVJtmx\r\nHImu4BhBkf3HN3r6OkJ+nJx9cuBDjx0UfgtMsFB4zwfiZ2svr1Z7njYgtJ9t\r\n850UMlFi9LcCVgmVlvWXWYwyGuzcWAw+Fbxom8QViHSlfNTqeYjBQuvyD02X\r\nMYqxb5hiFFJbXHwmwQ87fkFIHvG7OUweeeCMSrTbmJWP87b9l+yrEAse2MzM\r\nkQv8IJ4hrxQbTJ56yPyf64IFraMmiRG4buj3bXWDig0Ur2Odo+ltvClVgHk8\r\nhoDlkGnwtvqnA6eMvOqDz5yiIuV6bgZOBtc=\r\n=2o0X\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.cdf68ec.0_1653404318190_0.10377391925845059"},"_hasShrinkwrap":false},"1.33.20--canary.52f081b.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.52f081b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"52f081b0b0f78ecf9b3cab666ec227d0e2ab049f","_id":"@atk/mise-ui@1.33.20--canary.52f081b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VSL5dQ4GlzMdLAt18eANWilEB7aojwnIAGHBa/1O2lkB8Ft7+/656NK+ETM6H5Ntv932bJQPB8ECsOnCMDYW7g==","shasum":"ae5df3792a378ca6b3f124e0816c83950cbad65c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.52f081b.0.tgz","fileCount":865,"unpackedSize":1925790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmyDmc8AZoibyohmlT37sHwUeeofQNePrkZ7heUksJWAIhAJ53k9vcr9i6bZKHfF76bph+M2XpWerFGxoixX0Y96Tj"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijQGIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpczg/8C/XGlsTdPBV7tWdaDGD74XoWlrEm+d2PqwLR8rUUxQZf/Cua\r\n5QPDBMzfzfttg1xO42IExYhq6T8Ei1+NG81ysw7kfW9Fug6KXjCGWeAOr47v\r\nSRFFXI2XyewNSpvwIpQC2ctBZiq/J3/6h6sUlLW1/GkZa6os54il8EpiozWc\r\nPNNkwu8I+FiR2EJONevCZEcMRbcuwF1VCsOR7DKmxb1ek5tNQKUPvJhgEsnv\r\nR9Df9MrDZ4vqz1hnpSFSxUZ52KQk2BM0aoV6y74IAtVCr2PA06TFB/xgmWn+\r\nY4Feh9ICwZdo6Vqqp+ntM0eZrMrCGQoFjzrkSKpZIxRXhZgIOMuMb3HZT1Y0\r\nVAu+IiXaL6enohrWm5GCg0RI7XtY0QkdMY3RFwaRC95+ulyJFssMFeSyDjD0\r\nDXsKfTfojz7IYYMnGUGBOPf4jwNXVrarPG/ogatb1qe1Jris/7yYN6xLIuCH\r\nficYSyDUBwlCpein3+9yb+WhZZHALTEhIMs3+vRvpMk59jRhi/s2x/5hreXf\r\nOuW8Jp18ZtSUy7F5plFfF7Wx8DzkLXV+Wx5fnbCyp8SEZum8vELHv7Elfxl5\r\ndN0RjaYbszWgGnHLDtRyl+DeHo6Ycxrm/6ppIDM9ysOppJZzpuSEV19vXAfO\r\npn7jgX9Z1uSXrk7uX/t18tXKGfHG9S+EehA=\r\n=C0a2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.52f081b.0_1653408136389_0.6956634818291456"},"_hasShrinkwrap":false},"1.33.20--canary.241e2c7.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.241e2c7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"241e2c7e33a07be80fe044c696444246693d928b","_id":"@atk/mise-ui@1.33.20--canary.241e2c7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OD+LE9BMDMfk1Rjp/GI0sZwu4BvZUA4yTnhbOaDyja0nw9CExkOgKWANryJshNTVUeApgEdfRVWBY31SCHH7Cg==","shasum":"4a1c8a8d9d1f00cf47f1c0a451e9548a73a2033c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.241e2c7.0.tgz","fileCount":865,"unpackedSize":1925874,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHxhmwAhbsfY8w6mbS8saZYlNltlwps+jFXpfEZd9o0LAiAa3Ag/ZmM/Il1NikOxLJD2+Hj6W4YebvVDwUFxjLU1Ew=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijQZmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoECRAAmn4zoZQWQMNObgxhFTigF5ynLOtV0S3yu1jN6o1fIuURPKSo\r\n2/uzlrODBc4Lf3b5Rfy9pKSKYCyrZ6J4/RaisYDnOXDdEPHk2RU6hxbJaWJ9\r\nBXch2J8dRuntpLnvDmbzATse+eezOhEin32KbLSqyJ76Y9jwvsTBYdAd6dBn\r\ntDK+v7AAh+nb+RJICkU8XAQDl5iOihMGNaLla6e26xR6+7qwZuXcgRmGsTqE\r\nI9INDiky47bX6wnZffMrsMs6sd4Er2TJyoeaWq0dojGCZhxbZlG3/rJaKSoO\r\n6sKuffNi4/01g2pRx6lyanjFhWLCGClJ9MG2RZI5AgQMhSbUkc+da1HlBHhm\r\nlDscVZqcE5bZGJRkycyfmFzthF9xRBtnPjXXeAPe0y3FoOobGwR+KS0Pf+di\r\nJsnBq5eSxst6dSHO2neIOtopIO1g3I+hxDGmuTWhrJi7zguF8morsjOXCKYd\r\noImmj4orQ5KECIlyAHl3P5D80x8bvO47faHUKAcrZhwMliOv6XGjZGKdRrB+\r\nANdrmqm408qHcdc5Ex49TWISVwUouUszwirBPH4vfq50g4nt0rmNlVKWW5Rv\r\naWtoK0zblI7OG84dXThRQcpqyJI86VfJ+g+NWh59VrrEiNyU01cSjL/gnUPT\r\nSIKgfIRI9Bl7gB8N7HmC24HLexCgzcRe0cA=\r\n=LEGd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.241e2c7.0_1653409381992_0.4040218971112133"},"_hasShrinkwrap":false},"1.33.20--canary.6f851cb.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.6f851cb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6f851cb859306f7f37e62a0ceae56539699d86a5","_id":"@atk/mise-ui@1.33.20--canary.6f851cb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ixFRkuS/LuRzJ9wxyEVE+bNDF5e2StuqVAsGXyC3W0Sh3MMLpISoS+5xC+a66OPmsuDbMLS96bLPjNlO5CWM/w==","shasum":"af22879711e8cfbc98fd4560454a324510a6b20b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.6f851cb.0.tgz","fileCount":865,"unpackedSize":1926009,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE51EEGFs+Xq5Ny2akZV/a6ErljxjN+G+nvBW6igr40LAiAyk2ur8SejVolhwkOrECMTlOn3pWiQ9WgRqZsNzQQX2Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijQgqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmokcg//V7K0d/5qQ4BecoaEdJ4DUr6EbjVXxta9ZkLwMwfKlg3TgQch\r\ntM4iGegZt85L3kvC+wjK5GHcQYmFkBK535pqactpGfdkSe9g1P5B8jDBn6OC\r\nuaJdZ8rRz8LJQz3OnvDSL8J7PG9z/GrfsNpQlALW7xaqhQMUJ91SwOwvAVb0\r\n1b94hQBpzJ2jkOL/ywNHFvVnpH6f1dYPrPULFFk0U1JQceCt603BBb+Roz+F\r\nO4MpT6I3FrDljE8Xw7bmOiBmYRnDZuUIGZwy1BI5iY9ZhD907b7TNpz6boBE\r\ntpnqAj7CxL/YM2KbBVI8ps0/2FcZ906TZQtAHtuOPCOqcprJGu9qcYSLvAdh\r\nrGrQk7gO4TO7jlH47Qp4YRSWeL6q3XLN6arcB0Q8mVQ89yZEdHRAdi+Ogirk\r\nIPCIiBK+AejcfimqKuPLMtQv5L/b905Qp8jZucIndOOi/1NOPtc74TXyw4zn\r\ne0sRYZHLboR1Tus5cdED9OFe+JN8h1giUC7UsOTGNlReRCQ0FT+4h1zVECXS\r\ns8BNN10D127MqiRjUl+hoTpRu2YlpNP2Gaz6+PIYZlaAdaxqHe9CYxGCTQQu\r\n9BoA2vKdrJqlENF83j+UwdcAeY+wt3tHJbWHv7c3okTSCKaHQbo7zDGa7Vhj\r\nT9Mz+PBtRd1fbCfNsZoWvC6aDF6yGT5EbqI=\r\n=9p5A\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.6f851cb.0_1653409833983_0.28570166288380516"},"_hasShrinkwrap":false},"1.33.20--canary.aa3d416.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.aa3d416.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"aa3d416e543fb846d30d33620907741618211e86","_id":"@atk/mise-ui@1.33.20--canary.aa3d416.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ZQKM4COkdqTW/bosTb90Dz8YNbbX3Ve/cMCQIMCWt7c3nzdDbF28oMlN0dqS0/nUPLxTsQrP621n3L2xTFGgRg==","shasum":"3a9dc3ab645dce0f0ae2468f06e309e740ea5c98","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.aa3d416.0.tgz","fileCount":865,"unpackedSize":1926080,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJwrw7hMClDbItpDSbj6ikgxQE5NjEYkazlSeUy0cFhAiEA5Z4MJLHtQx/1Pavnr7+Gk6FeGmFuhM5kgRWQ9GR9yvU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijSEhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfIg/+OR3qeFz5sOHlL/V9jKh9U9MgLs7NIQaaVgTUE/excwCegbzM\r\n6fG0NxMmT59m9z1mELl5/8DdLe5P51laSTPQT+aqFXXLowpHgw418Wftvlry\r\n/5UmhbmUnbI0n3QnTqpWtG97QafBtK5DlP4c8o2DQrOOFZ+Ua8U+MmmaJGdO\r\ns7EaNLCGfYV4N86JcUePu8ubdZF7yN4vVDSofrPJaGSCDa+2CbWmUfgr18JY\r\nsasefz++rTXYwb21iZmJ5bXud5zaky1tIV3Wdd/y1vt1QxPaPP+tJx892FrS\r\n9UD36wchkiWlEiw58DKBLjh/EmSYZvTaTAkkkf53n/nSZRWq/w6g1CEVEW8t\r\nOTyEmSvdOMHdbhMlfKu73qdV9mJR7sMxnw/LWUkkk4pMbN0Z0OsPGck59Gus\r\nFEtgJHxKLbitxgiYUTxkq0BXstTSpY4yrNxGUb3CpHzfnH9L9CB0af0S6ayy\r\nV6AOZsrL+zHyBspOhAz9QecbKvwj4US5bnDI3IrblB553fmQDr8fb60zXwjc\r\ngOFZr0PCFI+xcbSq9Yjr3pIUbD+/WFpT3mtieyrHmS3mtCwIikxt+wtziy2o\r\nEDQGpQFEB/jnbw2VkxEe5KaH1NB299jBH3rPKm6spvrAivAmMM2xGw9JjwK2\r\nFr4RyLfgbF22a3Y/qefqisrvT1b0hFjKRmc=\r\n=Rnt0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.aa3d416.0_1653416224867_0.8321376562252503"},"_hasShrinkwrap":false},"1.33.20--canary.676f821.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.676f821.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"676f821d2b6c9d26c1337f7bec1ac42fee933db8","_id":"@atk/mise-ui@1.33.20--canary.676f821.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KgTjzF2ba4ruEmo7jLVOxDfvNLX9ZPkq41WHuHWIqPADUxniY0YcO4/Gjnod8T7ze9Rzk3VvyGY66DKXP5EIUg==","shasum":"d9a8b5d0fca52f1eee28f8c283291cc96f94c302","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.676f821.0.tgz","fileCount":865,"unpackedSize":1926087,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIJrgToCL/m5GPdOaFx/LQ8/c6DcgQxJl68si5A4pq5wIgc4Kmb/CM8PIFaWHRDVH0dHE7HU/sqURwIpj+LrhLRAU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijSQQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+EA/+PoLo4P66kg6UtOzlDZyVUpFZNWj0yJfJIlmKmKB9FKJshxPK\r\nGEswggJyZhsI7UnmZU105FL6QLyAYNwVAQ6x7axmBr6YYpL6turEUTC5+QY8\r\nCXrcwHJCpMnAotIsnqmuOZfcrLISIqNW4vI9X7AZ/UQcqGBROIXOobKC/uP7\r\n2wwJyXxn5hv5ScdhmCsEcj2oO98nPLniHad2r6s9KNFqfsZTPH8UvoWQlfvv\r\npNU37DEWIMCmHxHivZ6z6fjn8ABKBvEoiU5L8wiwKzJYeOXvuJ30ekSr1CFn\r\n/jCcLhM0YNyR6kmIWARebYCTXpYQGpQ7CzjRXzejyMvuaKNHoeknbaOvsgrV\r\nXv+lPTS8BdCEeydxHjS6M7hZ4iuEMaNblWQ63j5LHJ7sv9ZJ2994TMqitSTZ\r\n1bli5w19uvMHb3G79BQrK+Ix9SIwT9lHjA2I4QkJlNeKawpH4uouuKkGctCI\r\nRzd2ZE6lXwIINjABsBKeaJP7D+YM2jc9b0BYHus6a7tW9J/dSfKfHiz960yf\r\nCJ3h8I2LLhoORaEH0SCtOcgYaIoictBnYrlbPUAtMN/5/hh52l77K3LsWzCy\r\nUGyRUeS8l+sEgMppkmTLOY02ugy8a5kBkvcScCkUDrMttqH7+8HVwsgFmIc7\r\nuuEvHJI4ZSQeJCcZ/GIf4DsLioHaj++d1TY=\r\n=tVYb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.676f821.0_1653416976313_0.35687948808500636"},"_hasShrinkwrap":false},"1.33.20--canary.35e3305.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.35e3305.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"35e330564f35050bdd044eeb3f74db587c44d2a1","_id":"@atk/mise-ui@1.33.20--canary.35e3305.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KiKC9eyuJEU+j6id/qWUvJfDJpBWK3YWUtY9bSMQb3q+GCgtKy711c3ypdmC0jZ10F5hUfPFZiKBKIH0cIbFwQ==","shasum":"2e1433a9771876916771bf0387547ef8e7dceea3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.35e3305.0.tgz","fileCount":865,"unpackedSize":1926021,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCaUk+utaIEH2YrgNa4ljSd70BpX3gptHm3XmkTzyUNXgIhAJWzVscHh9f2VNb7cwn0Cm1Qpak1q9xEa6BlAXJuhweI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijSYeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquFw/8D6/dqHQPSU3uR6rkEVzpQJzHXKyIF7l4ZRCOlwGI9YU3ISM0\r\nLPh4QbkTlc6GH+QFMzwaAkEbZUTDTU7qmY8gV7I5msy/cnZKnO9fSQb+AWvF\r\nXkEqTOX/Y00MyoBZTL0QjxTSpsGOM0A46ZUZw8Tqr4QFM28XCYdMkHkHqdmf\r\nQvHbkttfgAhKJQL0aeM3mDQw+aMGzto7uGqtZUMeeBHixIKvxQvm1KD4U4sH\r\nKaF5iV25MT1nFd4hYESsdxdhAGBsQ1tpV+N4T58NIWysvCxedG9GSGoiyLyv\r\nUtJHcmOJdO5XJqgaLwxgBRNLphWJHzA2wsY8KxSRvQ0VYM7vXCyE7LCCAF0e\r\nF75Hkv6VAf1SgG+O4cTu/JtnFYzxboQwb6G4O7yUz5FG4pHfXCAXKm7dB91M\r\npWnoPy7Pg+AIBcHkCprRXcOk8p6DOHdDmZsDe1pFrvIeHRI++gPdZzqVzWJ1\r\nYSkD9lbvAp5971ZfV1Donz19z6OnFvNUKuO7dTxLEoDdF2rYWC5VbRq09cAn\r\nT1BwYPmLMNqP9SG5aRU0lBJyoOTZ/WI81bD0KI9tbsHNhs58XlVFC+qYyCF5\r\n7FdpIVd89Mp9fhkK9ISrq5QMZYLYNf+vs6jCu3NCUkngaxELoquvzRT1bU1m\r\nXNngJnA6+05YlLJGIeGKP1xGQK/AcfLsk5w=\r\n=bJre\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.35e3305.0_1653417502539_0.40512905079768013"},"_hasShrinkwrap":false},"1.33.20--canary.170e5b0.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.170e5b0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"170e5b047700ec580b3619ee8b1c0e550aea1d75","_id":"@atk/mise-ui@1.33.20--canary.170e5b0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BjqKoCjesGl2ydFmvLpEkv58cMG4dLfS/9FMXpwiE6U3pyFY9lSQm2yztuQbU+UaWlTuEazVZLHBuNXH1aHkBg==","shasum":"02df4fdae0216a51564ebd442a91abbe79191745","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.170e5b0.0.tgz","fileCount":853,"unpackedSize":1894624,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8YrKCPQw061tIS8ifyXEDiMs2aRpR9sXa0NCEFnN2HAiEA4j/99Ye6fxau07Xlbzt6eeOzKVIQZ8L3tikC+PhI5xI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijS95ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqndg//Q2qtamXF3XR4ghe3pr8OP/DMwanSarhxpnuKf8q/mWe2I+6i\r\nQLOZDeiBcXuaLrikE8QvGgaRfcQQ0CzasjnNfKX8jiniTGsiPb1mtOpfbAMP\r\nO2J/07qt7LHQ0p8senHIZkRiEluz6FNM4C15h+WNS2h8DKWMLsQqB1ozC8MT\r\nyq0MvrErP2Ab4P2aY4kB6UEddohIfaNP74XlAPYcBl9yYeWp/8eV5r8lIRd/\r\nkqD8YY2qwi/2ma30wXmnj+SydIph+yEge76Frccsd4dw9iVPVwDiU3yujPEP\r\n6P8yqQB9AFD/FzoMTh4RrcHBXk1z7ji07jrVqQF7slof9f9KF2yEP2DsvNJW\r\n7/ZTKveqBofLayE87odMwtSY0GGt8q/mGsfCz7iAnSAqg/EgQaN5GOG7AoUk\r\n9QhVwsGPoj8/hJ8jS2fY/38go7DcPFasLgpAlRdPRJSsv+JhYVJnAHPswQQf\r\nocVXTmtL7frW2nRTDOlIX+xuGV9dbEisw5/GOOY2wlVnDpY0JhKoV+jN1/n0\r\n+uR5qKvO7BBWDdgGrpShnJ12VZi8ZROzP68bzPdXALX+YQ2uJRU6tyHQUzcF\r\naH4SXSZQHy2FnXrzrf/IZ8DXmh9orzjZwXw3+52ycyMi+FMq8GuB/5nx6Cjl\r\nBwH8btSlYgi+llBi+EpGYhszCgQcSX7FXAg=\r\n=/h5c\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.170e5b0.0_1653419897364_0.23180810168643728"},"_hasShrinkwrap":false},"1.33.20--canary.74f0909.1":{"name":"@atk/mise-ui","version":"1.33.20--canary.74f0909.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"74f0909bb95c96824f5ad4989120a936972a6032","_id":"@atk/mise-ui@1.33.20--canary.74f0909.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-V1XlN8EXahxwJt4LePX0bsRBvx/thVeAtZ0GClMxqdNd5nEt+Yvc3QAIWYBm+e2v5hHRHmyeOjOT7MBArQKzXQ==","shasum":"f12511f395e17c525c636558e87506045fe4cf64","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.74f0909.1.tgz","fileCount":361,"unpackedSize":1639927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB6ZZZoOI9OS8JdWWJ6j+Jd+/6LUg5BKGXvOLqAT4Ai4AiEAqqTGwJ8X9gp2awQGnMv8u+twhV5XocXHdP35qS+ozFM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijTkwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDxA//frayvwdJQdCn9ovk3dNV72s0i6RML92xkZJfOCQZybA83/mz\r\n2mwkvz6HJnfSzsqn95kCoQwcd2DrhxMfiUWmkVuRS12YKfkl9vkia+uCQZIj\r\nxzWy6EXNLJ3YuqdE8wkIiHun/wDYq/yY3AC1GGYZobYrMPIxqZX0QJ9oZmi1\r\n9b9SZKFvQMkjUiEkxr7aQsP9ke7t80+3v64fTU6I6m8X5+bevwWxD1lj65hZ\r\nsl9IJWEt47Pc0vzs4IBquDIylNczZ+lg8B1xbkWoNTOn3zFtUQsXyXhDjcOV\r\nAPdPuOG2QIWDQpCuFq6e0U+Q97DTPfLOoECSdyRCfYxmzNJSEL2dXswCATOU\r\nlUGi+/WeSdo1GjphMGMuUbq3Pkkug5PHQ1uEPrCg3lYzTBofGU3u7jOqYbo6\r\noVjHHlbPbEw1Mgcw33MIzvxMlpkyXPemuczJkW0nSvVQO2aadKKcmPnahfGp\r\nm11/+L9oGZdqXJAOy0HtT6n8YfPq3xnW4hxsFQlOldoBHz/zjn2Upe4Ma064\r\nmBZKl3ZcOwjCK7B1ras+qvoq1p5V3WQ+NkuiFRLz4SpSGEMh2nwKTNxBlB5J\r\nvbBkkeo9vSXCToWl8DmForSdLQlPuE/SIwzHhfR+2mlRzJEGGi8IDKr9toNM\r\nepOY1EdToRMy7O6PBbYBHP1/f+RX9Hn2XIM=\r\n=CMje\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.74f0909.1_1653422383789_0.3231798120752347"},"_hasShrinkwrap":false},"1.33.20--canary.764c628.1":{"name":"@atk/mise-ui","version":"1.33.20--canary.764c628.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"764c628fe3eb0d5515a532e0269c7f754cec2234","_id":"@atk/mise-ui@1.33.20--canary.764c628.1","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-27v9zuLJ2ep4bcB8Ln8dgWJZkmn+E0wyhMxwYYbXgJVJ5ehalyv2aBvgi1TAyyTC8VgqJHftB4hE4NxeLRSH2A==","shasum":"571f4bc7d5becc9674e80a770fd9e9c24a700960","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.764c628.1.tgz","fileCount":357,"unpackedSize":1615096,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpBvcCzH6aOymFWBn6K6nLk1VzRIbW1f4XzcfTDa2lCAIgWepcX5QJTHCItRypo5UJx9NoSd7hw5JzgNeOp7I8l4g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijTmXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJfhAAgwVFe2H3xghxpqC6uZzNp8PxARtFJBzRinXC3TiqrUDZrHKf\r\nYRsnpJcRolNO9MPhBntQl0t3dYWAaGouy+bhM2DTpccqayITn+M0Xh8BjLuA\r\ngj8IWK73DdZkgBHTMZfKdgpUdO755rejVbe33L3u+zvUfl6jdPysdlTc/+rs\r\nZG3Cjfc00iBGYtDH58OWrKuMBg4BT0bKNXJ3W2fSkaU4jjGdQSQccXxzAJOl\r\n005LzQ5N2Qg1ZZ7MKXhZquLxAIUBgrhHXVgtMlvcaHR8Ht9gbj0DIY3Qevs1\r\nvh2aqpkkHeviFuqQaFkKdjXSMDCfvMpJkGVawJbjfyZXFvpYh6CLDLM1vJzO\r\nVBvfqwfEQ8W2Wew1mSnfcAG71CvkBzp8kFqlB/ZjVTw1RLsD+hptnKJDXV9G\r\nV0B1iaRu8/6hCUum+S47RU1dfIdo4LdZz3cqImRSJd3Xkslofv6z5NCYo0pz\r\nzmYoC06gBGJtZpiBBbn7rRTKkyQua1rL+beRI/bXcpYLvGwif0KcK5d/QRqz\r\n3Fsau27fbXlNhiWLxNZweO0qOzn74PMGSRjvBkvtUgraOze4+Z9w5QY1T0lP\r\nMNub1DGSPJtEsYYmRpDYIBTdUmzBKeq6rvqwjQm/SiMRBkwEIoE1/7pja2ep\r\nnpMDFrpwAyopFARnXwvUKiaWHftQtAj0UuE=\r\n=o95U\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.764c628.1_1653422487093_0.7392069865803275"},"_hasShrinkwrap":false},"1.33.20--canary.65c1d76.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.65c1d76.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"65c1d76e5a8df2db5160aadcf0cec6542d004071","_id":"@atk/mise-ui@1.33.20--canary.65c1d76.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IBOaZdIBlalVQfmysOPB7IOtcs1bHPcwRrN5uKNM0PtJmTBSoWN4/lXAJ9Bm/4nMA/Sz6iVHarnPO76GARrMCQ==","shasum":"7c19c78cc21555f094902346d18ec92a54bb17a0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.65c1d76.0.tgz","fileCount":361,"unpackedSize":1639925,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3jNoCVXb80mmC+f6TIrALX/ComxFyCv97II4oOJVd2AiEAozUqBcLg2EVZOsE7I2fBfCVuDGA1zn5Oqi177m82GKY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijioYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMyA//b9GUfyEkhZDhNC7qpknv26NutSWjZ0Hk+CWLgNVpxBWmozAq\r\nvN6bI2EKojHkXhXhA02JAwSEKXZ8g5rMOhfEFUJiSVPPOIxjry4i9bDhIlr8\r\nMGwOkQyovhs139zACKnuv7lKI+cnkkLwMpU9xG+HxhTdp84SUF6TIqUGr1c9\r\nEFvX75bZUvmkikDBHimZj88hE4bf2EinoAAFOXh0XTi0QQwFfGqWTEqMhlb5\r\nXRhh1ISiRj+FLS0lxU5jWJUKckEU+1qsjD3AdonZSdDJC8m6L76hG1KnTdlG\r\n3D5APh1UG4ah+oQDGU1/wyDUzu/pKdXz/8f3iMJNFkM7GAz2kSc8263AHLxS\r\n42yxA+0/7icZ8mAz67knSW9tVl9ww9+pPGHDCy2qhxTKD25p45BgGrjhMxje\r\n0CkGrG5XO8/yXXmKa9FqVzn27wNPTlbj/ybALCvQiRJqv3+pCNAyW/zIRxkb\r\nyjPfmpNXypH247sJYaLRBRPf9bfMKiAtgxRQ6heb0WeNqrryB4cG2YBBW9Ho\r\n10xTosXiOZNovFSvqZ04iRPYx9go1aI+M2hCkLCoUTDHAOe6CGfn+CLQ6Efq\r\nOfveWklmOjuL+kA3QllxywfjPsKtlT7NwJl3kmp3ziPKel+OJ340ozHuUj98\r\nZoUdxXNg+UgByq2AA61QlDzuJe+FuoUBohM=\r\n=MPbN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.65c1d76.0_1653484056476_0.5969023683204318"},"_hasShrinkwrap":false},"1.33.20--canary.1e96b9c.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.1e96b9c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1e96b9c0821bd44935025de80cd536f5b9d2843c","_id":"@atk/mise-ui@1.33.20--canary.1e96b9c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-yS9xuHpwMownM7JHNL8BOp0ixrxbJXod1gbjO/k9Hik4kc65ALy6uWibaCpwu7gx+/PQ/lFHCyBL6BjyysVXvQ==","shasum":"d1a6d798f21587335b27dcf6d07a0ee0c27e9318","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.1e96b9c.0.tgz","fileCount":361,"unpackedSize":1639941,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFi0taGWFbX6ii8BSx+YamT6vbCHCgv19E70BHxilrK5AiEAs92q2PKtqwQYJ+LRfD0CVTauqXr8X4srbqviGNdQnUc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijkA9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1AQ//S5+ZXeqgTWutlpslwoVqsrlZdbp5yCR+mMR+7xmLHc8qa0O1\r\nzY/iT4OdfXnQrU3wjkDraJns1mkN3AHQu5ClFxJj4dBIIQGVmtpo+DoCA/OL\r\nt9GhbtAZO/7rl8hYQNXF+KLNDRAuPglCIM2ViXC+6DqBG83KMxviCoydPOCY\r\nwvv4OBNI5PJ2kV7o1SpYvYS6tuHTicSIIR0nP7P/AVMKa+QeKYf1PN/Gwrk6\r\n6QblSNdU9eOrD0nAc4bVrMKzLU6XZZUwwqdgjxqAkGsLBWvykx+SKu1ngJ88\r\nwC7nH+UjDgEqBtU42NDLdurk6BnztzeK/NSXzLI03yuo1hO3BnXRvLVUlm7B\r\nTGr4wk70yz3vyDhTfEnf33AlVhWOrC/q1gyIkrtSwiX2xHEWN5AckF17ktk3\r\nys3kNV/Kljo4/sNeTQ18Os6vNapwTP9Jf9X3vr1nhv9l2nAXaHC8HT5Ecdzz\r\nVEtQ+wc37rIeN6CgrLsHfUKWMrtNB09b9VnBxTJ2dzJcYTYXQN2ZKTrUDAxK\r\nYrxj3nL3ft8ltl35AJsteI4CXIAYAUvNsMmkZRHbhmY3hglfBzL9vZ1hujOT\r\nhjznDPdXchfChs0Ln2wVneOqIc6F5jaxxn3U4TjcVZAN99iSXpPUuDcXg45P\r\nEiGTtyslhem3vCEDzYDGahDn8OT5ehiwrI8=\r\n=+flg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.1e96b9c.0_1653489725369_0.9263835883501328"},"_hasShrinkwrap":false},"1.33.20--canary.69e9de1.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.69e9de1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"69e9de1b1ca3655b6e2aa666598e7de8f75df357","_id":"@atk/mise-ui@1.33.20--canary.69e9de1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-iuTGne25Eyrwqgt82cC4A1Tku10bltCdIpJsHQJuZudDW8nHpqIwSYHFUtbpQXctFMrxqumMik2VIkvLPX8QfA==","shasum":"5b7714c5b16a04c806722095808b40617f3fdab1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.69e9de1.0.tgz","fileCount":865,"unpackedSize":1926933,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChb/VCEhot1A0HtQt4gQiNLnO2MRyeEJbSzZ1xzUP3SAIhAL08Pl7YKxWWRlTcUk6LXKJEBmNBUBz5lL2tG0AB7gkD"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijkyYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoP8Q/+Ju/L5fnQdhgOih8hnkIp5K6zbBXerNnqzLBssvQIdZgZpwN9\r\nx4xNXeHAciGeq51u8TObvEXSNFb/c7zGoMEps6HAfmKKRMglwuV8exHAoEbg\r\nOtZ42u3Gvhev0iEYmW8PdpHaaZ4nEj70SOBlqekXFeRVxjVVSj/EXRSco/Gt\r\n2t/YhShxJ8m9VzltO3xHlku8/FvUhGaUIKQPFjZcV+wPMSw1yLeV0TdgVBrT\r\nLTyxD5+eAM1ny3JqJfgk7RHsahODnnIzeedW0M20cc5e3n0dFOP2FMSBQh/N\r\nqVh/cgb24iAdoXpM1isfbpZvb8zue9Nkko867fKZvgbFQI+4egpS++yM5zaJ\r\naAWz85wex3KRsdEfwxfLbmZf/nINLPgMOUUtRFiouk2yLBHQxE9HUCczLajn\r\n9oVN+RespE4DJ2Pb7r1tUvJguqTQnptRSegvZng6+fvT26WszQQ//4bbj7Ua\r\nAhHUq+HuU6jaq8FRqTsoa/xjQFE7xQnEIYq6/FcwquaC7ZJtl+yzMvVTgqMb\r\nfmrvaKQZo6uwKubcKToGc9Wn8iqFTiNTps2iof5gL1+dz1Evvuhg5Owfq/22\r\nWArgnLCtamGCQJZtdF+wtzNgF6pE0lN515nYtaCgJbuHJIL0bgPUjs23f9PO\r\ntJjUpei4jcTcaV0rvz19NvhPHEcZi20Wr8U=\r\n=0KI/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.69e9de1.0_1653492887928_0.15883037188234272"},"_hasShrinkwrap":false},"1.33.20--canary.922f33b.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.922f33b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"922f33b279d662843f779884a3c5be42f04d21e1","_id":"@atk/mise-ui@1.33.20--canary.922f33b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5UfE7pUV45bKrzCknUOzRpVlHW6gUH7MZJKf8m/ksLjedusIIBIN/oe1a5EOpxL+kNCBmgtUzLXEsE79DHnPSw==","shasum":"4748aa1fe4a70e6e7dd9902f63b93733b5fab4e7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.922f33b.0.tgz","fileCount":865,"unpackedSize":1927295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5gflBZATaNecOlB6MLM43nLlAQa4chNMcWabfD8w1uAIgYtsd9SECa/TMzkjZZfOmkSIJsCJRohmyr3eDQEQtxzo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijk/IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoipw/+INLlaDvgbu0wToNs8HbXVrp8DgJ8Ekvp/qoiOuV4rahBvNWY\r\ne8LwheDfn6SO8sLGUrx2rphsSctxESCTzLSgXdB9UhkoKJuOz0VnD0tra3yC\r\nfkaNtHKxNNtQI4NAf2RcDvcm6cWo502lCYRG9v0ghYq27W1fu9xHXFwwmtPg\r\n3p80VwZPZrtyCWq9/FrnphGWHPsxAkScut86N4dEHxK6gCXrQgKlhmnwsWVu\r\nq+g9Rvh4dQomPwCJmaF6EI1H5ON81U9OMftFNYrMwZZadgBHRjydPlYvDpH6\r\nel0Qd15lC+wksCDFVCgy31mVNALmysuujLZQsHJMegV3ZvxSk895HSC6tn4g\r\n/KSk/nYOpKO93+a1pX99KBbqOc7rBvpmOJ9HvmWjrB6uLyk/xykscNjviRE4\r\nPieVry60HrBjuo6/81YVVwFnNJgWI43S+9T3w+DQZ7Pm7a8ZJR3qLcfhcVV9\r\nsVi/CXQfqnW0HBdhsZV+152pE2E0t9vGWMuOYVbZm69KDigKIOTfrU5wSi2Q\r\nSt7scXXm6rkZH8wxrvckXMM101/BQ/QPzioRBMsza5uWDQ5LkWE1+uTF8F04\r\nwVdG7hMYTCVDfdPqnmj1xwNILWe6Jo1daWAombde50koMU3lOqDocTedO0FS\r\nSbTTn/432hFdBeXArrmk5pkzLad49B3hqF0=\r\n=02+N\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.922f33b.0_1653493704436_0.7145568084993144"},"_hasShrinkwrap":false},"1.33.20--canary.1e02f23.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.1e02f23.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1e02f232cf8bd813ec520fabfb6810bf48678e76","_id":"@atk/mise-ui@1.33.20--canary.1e02f23.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PGTBScwsEAHIPI77HHwZEJFbmlmb9wih0kkxdbreOnbpFZaU4fQAMYqTlk1RgVm5tZb/5hzd9IYlVnwWZY6tBw==","shasum":"c5d24baedf0c2f28458a9b450f5d92442d7b5d1e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.1e02f23.0.tgz","fileCount":865,"unpackedSize":1926274,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/ShKxg5Fa0DFBRT9eYLbbrRkE6KL05qopdw9EPbzfFwIhAN/LGfuUIne78R3JHtUx8cU893G3Drfp5kj9ZyAt1RyC"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijlEBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocQw//QQIr/FHhr+4OYjuqHMUg2S5wb54ecX/hJWvD2CIW1b6xoZiv\r\nXwJ2H1C3JBhYM/EEeWD5Xz73lNgXD3hG0GLZ13UPfArpJ1PHaJ79DXIkbpZP\r\nxhQv58wbkw52Fsj9sxZleA2Vzm9XJXxbeG1kcnFHZlAAsItECSjtNaAhNz7U\r\nv6dtheeJ/o+DKtGqXrIS3O19Z4TGbO8tFP+z4CZMXbEhQ6AmnIjuEHYDBYwH\r\nfRHjWaniO39P63zYA3l8I2JK/vEFE4bblpDr8KnTAWrPfhdw+rzTpv77VHmn\r\ndabHLPS4G4B+kqHjLT6PB4KrQ2HmPAP3IG0c/gGR2xAveYUq7RvzaPNR8+Bj\r\niVTabpvXzOShdZPlpMa1QB0Wp5yR85DgWgluxT7sGJGOqG5vcb3HyYxXz7AG\r\nsek2SAorf8NT4j3P3BUGSdJfQeDpEOvBRP3z2wzc7Hjc+TEuqnRW/c8EPk82\r\nxcbmX4kuCJ3fT+kOMqNLKs0G0foZkDPFOB4bwuD26V8KL/UeLibipkWYHABq\r\nGa3SvEI2ywCCyc+Ck1JJYQ70fwqBWaTthS4fJdlK5tFmF1aQypHXdkWQyvll\r\nj7nqfdb4IJzi3kq3lIfy7fsyQKBRbqaMKWsaWOevzyDKbkfEXVoqDZjVYHmv\r\naYC2QDwihs/u+zmTLJUouwkVgnVXTZ2avIA=\r\n=j5QO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.1e02f23.0_1653494016813_0.8481927805589833"},"_hasShrinkwrap":false},"1.33.20--canary.a5efeb7.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.a5efeb7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a5efeb748957056841dac753af17f805191bc731","_id":"@atk/mise-ui@1.33.20--canary.a5efeb7.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-lDcDqAec+9YWGn6Q2NWEzkyQeUpQ44Wn5GoOD4YOZscF/r4qX5MA2ShP36lU9jEQ4jlUWBuAi87vG+5bEHajjw==","shasum":"81881cc3957b630914aedbb7a36146c7c543aeb4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a5efeb7.0.tgz","fileCount":357,"unpackedSize":1615426,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmHxyjrpv5ok3rX01COyAijbYrjkkdTWXQ7LUe/c74DwIhALCUJa+pi2ovUFuzV5nCowIF7YLLTiPlLe5Oe83QfNYl"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijm7fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojvQ/+O5CkQg5IGUaKVKImrm03hJz6x27dgx6FfZt/YyPKk4XnHx83\r\ntsc4QAJmUqC9od4S2MQI32v0wqFNJPGYnL4uTycsynubyxc8C2TtaBkJ1ndQ\r\n+AR14rzjuPnkcov345YpJD1SRrTH/xm/bhcjE6k03Z+/Ka1J3lFG7eJ2ME5H\r\nPI6X6PFwYU34yR96VAa+p4oJ8VjEQf5BaL9SVspnh4AvIvhbojOYp4dgtkXM\r\n+irmoNNKgcAEIaD1ACp8umiSlAlA/LOdCYZguFSdJrCFVE8SzQBv69uv5UEl\r\nXK51elTpW/IuDDE2eIqLO3LXAntnGODG0/ctfguQksA4X/j86gg4/JFLjnn5\r\nEWOZvLIE+Uj0ZEm8WOOoNSOdV9IHj83lboDCITqTG+96FCclVex1ERUqt0NC\r\nBTHkjiRJcLeZfoaImkUNehLEb7F3BRjhMusQjBBI6LfBW7r7ncycq2M0L14p\r\nrzVHUzpVWYZsDEWxT33Kimpi1kLkOxyWSTyQvGNhBtQyrh0AZj34WFrVY+8A\r\nO76+8UhNUuyMVsdKM32B6flT7LDYzvqiD5Afd7MRKzwm8/W2C9zStUCYXRlf\r\n4YHlRaFmMDnzDltfpRCyLthi2h2rf024U2yxnwVmYiMuDdEYojycLXSQzE7d\r\nlumAbyTMQHC+8LkoKi2uY21fvOfNYgAqzL4=\r\n=GOl7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a5efeb7.0_1653501662975_0.33862082870112253"},"_hasShrinkwrap":false},"1.33.20--canary.e54162b.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.e54162b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e54162bb5d235a8042a0bbaa54750431be42a286","_id":"@atk/mise-ui@1.33.20--canary.e54162b.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-BYhbESl33TGVwVneA5SmKrhdLcm0ihX0lUoeGM3U7RokI8JyTSYra/mGQvkmZqtLAVDlBJeCsSJcqXHJPWxE4Q==","shasum":"4812fbe72ffaf50ea666722f3c7736174ec2ff97","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.e54162b.0.tgz","fileCount":357,"unpackedSize":1615424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK8sZ9wu4GDc2gzQ6S4tTGhhfN4rZEvRglrmpFMQU9/wIgY4to5BjotfQI7cYCUj/M0FAZDgNM7fuCAdfJRhmQPPM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijnM0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7ZQ/9HNzDr+E18cAjhPMNUJNXEXKv2G1g3xhfyk72SzbphTTWAHVn\r\nSrWAYY26k8DHsWmEmd42kkTS7gxv0LJ9k3jr46qxlUHnn4IkxwDQBUoWXNvF\r\nUm65HtCSabvrJwbgRqQ8cI655GsC0i4lgl6a4QFR3kqj2n3gBheR9rgGXM5b\r\n5pyUChNBmz5FZLLijKNt1LEneqa3UZkO6Td9mhwkMzMbfJ3IVGDDJJUTEyr8\r\nvq/vgt5F3YAca4YN/KfyVhGoUUmGgY/1thFloXUZ3uhxZnL3AJuF8/B/MOR9\r\ncbDyLbTEgMMdDKPTiysp8wxVq+37HIHgr371zbJhFVbPooaI5cDCCZopF8dr\r\nDH/zpomTDvnl8crs7yMS7b6dXvFUq7epxUbacys2t1eF0DFmP82hL0DP5pas\r\nsfYWnVFHAdU2L79LUorfzj44335yFFAMzMpKBCZUOIwkctZY3HOKaio7S1rU\r\nZWswhekMGjT0ddnYQ8iNBKPl9KqLEGSiMQ1jNs3ot++Dry0Kz6zicKgGm7nX\r\nLearSb3mfmRXvLKWPi8Do+2ejbF4ug0ppATBhX0EP/pwaRVcGRdXnfGkqXc4\r\nGqukCD6ankeWwgNazhaF1e4bTpxlQ8QASsVuvB6fhi3eGnnI5e87fwO425mM\r\nr/00jAN7UnXD5JNs/bMF5cFM6+s1lCKBYm0=\r\n=ssJ9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.e54162b.0_1653502771979_0.7310233990626394"},"_hasShrinkwrap":false},"1.33.20--canary.a66c8ac.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.a66c8ac.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a66c8acf1b99b683cb5ed606478e04dfa9eb41aa","_id":"@atk/mise-ui@1.33.20--canary.a66c8ac.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-V42hzLTED2uF/gqjRbDheT40Zg3q7X+bf52AI1U06JmSIrbQJQzCl06Xrt4M+HpjvYYZpgLdYrabcqcJUSsriQ==","shasum":"7744e431f36adf6cf2f2405018b545c1f28b9a0e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a66c8ac.0.tgz","fileCount":357,"unpackedSize":1615424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsjvYgfEn667LRKJhgrHPP43WxI6+FyaTl32y7WNAB1AiA5dwfmJhQh0uPf35aW+DjDDHaAgPKv4ryjGL2trzoAjA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijnTEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4AxAAkoVHY5zH3213bwhJ8M8BSNW9itCmB7V9UqgUBHSFfc5M3gLy\r\na1NYA8aoHe+GN/HmQTDKEbn4W+LdHWFgTM0PFJeiKzu+SyxpPoX7i/dTI50n\r\nDjY/kX+KkhA5oFqH9RPXlPXrasrwqNMOkalnigfcI/rloeG0sriROa2sha4X\r\nODfq7emluYqq66cEM6SRb588JGss42NbzENhARNtM5wzh+LdOddhLaVAeJ2r\r\nqXVLd9v3lBOqoUeRZBEN7rzRsse5goWYlRfG+8Mxckrv0bzQUsHjEYML5h/X\r\nQ1cmY8grjE0jBjodgJEx2QDK1pLYD8DH+qSld2kqlTFYx1Hy/eqFe67wj8ef\r\nY8FL7J54nidDFHILak2BNtBXMF6FKgQ01PgiNWFudsJko90tFPpIzHuTDjdc\r\nrbTh4N17HnK2MG+cR4jhQ+iecUIaE6UaC+dFwBRzi0P04iQ5N2ZSenRpSBUP\r\nilIkjLm+RRRr8/CLsQ2Z20m8ji4esKbmpgjCzXmXclb2oF9rAERalLr+FbyX\r\ncSnB8oferG4Tz+vt+Cx8JVJcy2j8IvHTgVC5NeAxFrGuFpt2IodxGOCeeFN5\r\nFOaGuUA2nadLL3Pr/2GOqsqSK8B1A5MtlJA7J03EGsqcZEpM8tEEwUAdd1HA\r\niUCeSGk5IgtB5UooiYFiND8dzxIKu8n0u+g=\r\n=g5Ye\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a66c8ac.0_1653503172262_0.5133138913099711"},"_hasShrinkwrap":false},"1.33.20--canary.a66c8ac.1":{"name":"@atk/mise-ui","version":"1.33.20--canary.a66c8ac.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a66c8acf1b99b683cb5ed606478e04dfa9eb41aa","_id":"@atk/mise-ui@1.33.20--canary.a66c8ac.1","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-W0KCvNAM2FzxBnG6ARAX/bT9KaFzV0ROvKfpz4BDQcL6WR+kcqaZWnYjOZcJqrwoFjlVRkwgA/yIJ+GdwJ4qEQ==","shasum":"e8cba567cd4206662e7dd5621b66de035b6e61c6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a66c8ac.1.tgz","fileCount":357,"unpackedSize":1620158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICtyr4VXH7r7/nSXLPOVLgMzKhfsvDl81xfAfc2Zn2fLAiBnkysW82NWNoBd+jUHhAQcbcWw5kmr9VjAvLr/RoKLHA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijnk2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDdg/+OUm3IqKNZuWJFyQ/Hd/3TF1o1HYGSTxkUtdVPm9VaadGptbE\r\nkfh7vfgPxDAY4byjMUHLOT1CrdZNe84Y6bjJemmANWxN9sAw5sejBBAFOoOq\r\n1HUIwX3yg5rK5SzwCp9b3/vWTcM/QyMMwYpej9ly9URuU0wTlND7eXQSJ+PW\r\nwueiJlATBqJ64VZIvVnf7PTP0rqNm8/IObr3IsYKNtMiI65W/xc7UFxQoriO\r\nR80LdkMwQjuHW+soskBgXuLvyIHWGjLpXlrHXo0JYWppq2gjLHaRcSIcsHmc\r\nzZBlwtMYhuZ8QqnmP/hg8O//HVreqfCYUojWLrq8F2atpDe72F8ZFPPymNgY\r\nqNhi78/5T9x74Bd59vqp9AvdkK1iAFKtI2GdrRXXQ/OKKgjkmjNAk+ha0pEe\r\nwYnIHCSidx/tr1OysyMQm1JlHCtLD2e2/3M4Ra74erbcxqb2ipJN4/oYfrhT\r\nxyV3r+5o5glCF1VkHpwEooanL7Nog0fdDyWhrCAMj5/bJ4gJwRN5YXj63H4j\r\nlzWwN3MTc0fJTJ9uBtqraA+DuY1NI4tEWTdDzmFXFIO78IGGD+ClGbb36L3N\r\n7HErGmA2dsaI3OYI+p4m2aDa+5PGbkacyULZ6K2AtBYfFwcg0lqgdcbGYZsU\r\n+UPPr9PvsQLrpekp3wXQ2whVjEWWiFFRWAM=\r\n=djo6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a66c8ac.1_1653504309882_0.46512132809813744"},"_hasShrinkwrap":false},"1.33.20--canary.a66c8ac.2":{"name":"@atk/mise-ui","version":"1.33.20--canary.a66c8ac.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a66c8acf1b99b683cb5ed606478e04dfa9eb41aa","_id":"@atk/mise-ui@1.33.20--canary.a66c8ac.2","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-huDmn8mR4WDzRYrIILVylAFNiLVJVzy6ZoSwUzqd3LsUR06f2lh7HeQG1x2v/U0PjFhygY4HiKr55mocCN7iyg==","shasum":"ac3d1808c3b5e5ab96cebc8237c484ff5d71b441","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a66c8ac.2.tgz","fileCount":357,"unpackedSize":1619589,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZp5PnB5Cm5Ot4vttt8SG5XYxpZhN0owUYZ+TkUkaUsAiEA/TnUpHOu85/blecPlam8EGP8U/3KlaGVNsYfmMkQrjA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijnmMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7YQ/+McVApYj2/m4pYQEs+Tn6V2e7URX5C7RrlNkRWaR48ApQ10VY\r\npTcRZvL6C82bpDj1PCrt3xCypmJgC+WJn3Vm8BcP/WH2NCxyjeRE27AzWNc6\r\nZ9jSfOAU/m9ft1RnAAWPP4/lG8TT5gdJ9LAM4Bihy4daoB7CTyhSZy9Ocv9v\r\nGDhp5j9r6liusx3PHIXPd/wfF8+bG3l74ImfLiuIn1IShv+JdCluBbVCB4nc\r\nMDrjq9X77kQ+FF2I4Oa2CI8hrv6tJiLX2tl1WQmGbFsMxRvjxJEzy1k44xPd\r\n56NmlGfWtFpPrvbu2gvP53JWNibbqZELjjuYmBDXoKvbn84VWm9CEl2Ate+B\r\nL4o5NXtU3Ru7kCA21DQ/FlC54mVxEBqbuhOhB5LJ6QqXoD9EjfvQk2TynwwB\r\n0fvv/qXYdI9pBOdjpi+8/rLPUO22KWPPzPXejuP60raoY0oYkMJmi4ZEfqkF\r\nVXmMDMuLwJbOO5ikBWJ8mGdXxodgpvH19GPEdKcT6ewRyJjR3V8BC0YeIBZQ\r\n7F+7vCqTDsV9UkTCvDft27fSxS8SKk9wm2oGGeTgf5+4eU0OqODg0Sju9fKp\r\ndXKGRghopbUJ2t+ihEYcws+qoQsbZmves7H14JqVbCiuuLrwp2XsfADsNCPr\r\nSpqXOiLMRkZZJdYKAhv7619bs9AZEyAT31A=\r\n=smLt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a66c8ac.2_1653504395881_0.6005925180524012"},"_hasShrinkwrap":false},"1.33.20--canary.922f33b.1":{"name":"@atk/mise-ui","version":"1.33.20--canary.922f33b.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"922f33b279d662843f779884a3c5be42f04d21e1","_id":"@atk/mise-ui@1.33.20--canary.922f33b.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ExtoCBaCKzLoZlYWilM7UQzkITJRBEtB1PKwwe9MCKwzHEcMoTDNSiseDAPNwJe+01VOr+M+749jvp9nX9sb7A==","shasum":"644a4d2c1bbc7630e0730d852dfd23237005d102","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.922f33b.1.tgz","fileCount":865,"unpackedSize":1927295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUjP78QSpqtcmEHm4NkUR7NZdheSAmLAIewynA5gxlXwIhANj6d0ItBpQT2W6EtCgO9JZCM3IFuiJW1OZ7Jy+dx4Q2"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijoH0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphXQ/9FFzAsACW2MrxUniei5zZ9YsyXMDAcfAc4sQe4vH9K0+OHQ0b\r\njeFDiNMCrNBHD3nYmp1yV3T7hem4T2t2awUpgxBvBvLl7MeLCY6EjBocHwaC\r\ngxu9kIB+pVhCnh/5dKZX3/MlfUl4nJdU+EdQPDvsLw22ow9NOfh/K1625XPt\r\nfSk9dI7IFYBAtcnRZfY/e+xyeuTjCxEGJVa5eh+ED9Vh/1Tz7Y/M2bJuK4wX\r\nBMWsvF07ayPLnHtPDf/ONmzl/xCf05RlDN1e2piZWDSvJXZG8NDi5XZQCeI7\r\n1RxXHhoCxNCyolf/nhgR84LIzYqm7Wyr+pKa2d6sR6X8KOrqcTFP6syIvcVj\r\n0w8/lZIFHu+aO/sz4o6oYg6GjlMVdN1pp4u/qxdwgK36grnvUJ5TXCeL3ZwX\r\nAglwb2RO91+Q0T06m9Fa9Mdp9x9yfK9BnLf9DLuSQJ5MkiLNuLd2Ix1cISDr\r\nBCtzkSVQzVW3M18xEJ802mcAox43wJWRCgEJdzcZhzXlcED756la6HqNDguj\r\n2wpWpaYuvN3mjKwZSWXY+X6VuQUWGoZmBfl+t40N2FzzBCZlFgz0WSmWgtOT\r\nVVB7/r+Qa7VuxwPgx/QIEEAhOX2REvW0SBCqI7g+0GGdrZbcsxKyoBB98Pdu\r\nVjs/h29nD895X4X0/EjgrChAWb0qyDllCqc=\r\n=0u4r\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.922f33b.1_1653506548368_0.12030281858223235"},"_hasShrinkwrap":false},"1.33.20--canary.ac08c3a.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.ac08c3a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac08c3a13b205eeb2f10bfaf836d2e6bbc081b8b","_id":"@atk/mise-ui@1.33.20--canary.ac08c3a.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-CzsbTi2sQPtad3k2w8+wwJcpqr45VbDEZuiQ4KWbFtuP3BP2Y0cQMxMSgbuwr8clc85K6f15AdThn9jvLvYWZA==","shasum":"3400941e25ed8630af7c4b8a9e71ccbb53b811aa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.ac08c3a.0.tgz","fileCount":358,"unpackedSize":1621593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt1qaAG3XQaS/c7Nm5x/WIn9/vkx2HegFgVW6WB0wRKgIhAP6NJm4L7W1OGN8evxbJtdXJsp3y5tfNN3mU27McGnXr"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijoQcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprnA/+NWW01J0+D6cYajZDCVfRLjGPqtl0gvAdO1NhtWb5Hn1M1lya\r\n7n7b2spwQsMz1jeucEdB1u1x3PxPqP3ZKtXOpocYwhOaQHdqCtjsD75n0u++\r\n0cXjLrKu1ZJQkAur1my8CUuZWzxvlKMG/tbNM7OeNXnHuLje8AMWL2kh/BME\r\nJOcNyfVfCR/OPT+37AesxUuv4w9jQQEHQgpHW8RPtAvepAEaxjhhzozEHVXD\r\n+M0jd5kLKcJ8To03rUS7ctir20yZ4LPF22QwARnCBexu8+Lnux07C5S2O8k8\r\nf0OBW7Td9L1nRYdNYYB88y97CcvAyqd36tEBQe22Z36Lvcf/78skZ37X+lL+\r\n50wqzh2Zpy5UMMKH7WhE1bIKgperv/bT9G3kBHQ6PfEZdqDyFquahwzd8qtp\r\nK7+df0wvXuGFpfvolLYlBWdrHPx+Rok0BeHLkEgW6A4uUM5qc0PJgATGs0AG\r\ny3Vkkk5/OU/0RREWp2ZLsg/G1l9AeAlRV99GiHS/lC3KdNQOZmRSgOrFrmNh\r\nvcfOI/0yYjC5wmUainGgA47Snd1UYPLkevJdYG5Bb5/0rOByI0JxPMj+buPd\r\nW4RD0YQM1Ra5/CWjdOQOQtkVtas8IK8BOY0j2p79qup1GI6F18PpF9uMWMkC\r\nH2Xzhu7kfvK5HT5b4IugNQyeX02rkpP4FfU=\r\n=0bIl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.ac08c3a.0_1653507099709_0.7877345876228647"},"_hasShrinkwrap":false},"1.33.20--canary.922f33b.2":{"name":"@atk/mise-ui","version":"1.33.20--canary.922f33b.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"922f33b279d662843f779884a3c5be42f04d21e1","_id":"@atk/mise-ui@1.33.20--canary.922f33b.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-a5sSOSgRiZ0Pmhg4bWFS4enrtr4UQ65A2jwnQQlSay3TVnh6gmGVipX/T13DvWgnGz7yQZvIKI0vNkbWSTTJRA==","shasum":"686cb57c153ad53cd7303055bda4ac422c329498","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.922f33b.2.tgz","fileCount":865,"unpackedSize":1927295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEXaNtE/3EVvbGnmv35Zmv/UH7RJDm06Oz59aH9zOrOIAiEAqcWhI9z+XVD9UKryhPsxwkrUnze6ny7fOTEe4DF30QI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijofUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrASQ/8DVmmHnp9PoJbg4RvqCSj2aS9rHZ3TJ4wDXlZZE/QX7W7P1xl\r\ngH9eTExXMhI/GV0CcPgMv4HoZYpyowLR4JrRGvfb9KBhJttaEnVy5HGesQUK\r\n9K0/kyaBmnnf+ucW4brB91ZrO8Pf2TrUq1koJ0rGXlwTVKx58wIELLpQuEZp\r\n+5VVnQ14NUd0BNrqOt21RExlgoJP/LCMjPvGwaRcREsOyKnhfISIGpNySutL\r\nYU/MgejPh3KQ7NA4N6LQx77O0Zwlv33Gdzhem3elR0wNPUJFCyDRhNTxdz6I\r\ntnUZ1ceZf7l/SV9+xX6TcL3WLemiNTG9rnRmic5AcczYpGhZ/hajGYCg6Baa\r\nGal5W7SgYm4HaNWy4B+aB8gOBAAV+lFQKz+F3trh7FKYF0f8SDynnsMyjf6I\r\n1Vp2BhZdynQn7wV3+VCzWORhzrTDnbrjYnqAAqJIwjfzAecY9L3AgJw7EYs7\r\nB0SQsXwMXVajIGGTaUsLY8Cl4L+LylcwuVhJWFmEriLo8HwBuKFYrw2tItAT\r\nCUnGj+jCom/TPa2cHYYBX98CUK3AdsyilWSI4yeiUDTUi7H/revcE/t8EMfX\r\nUe84ST386SPRgK7OfUjmP5rc9Bpco+ig0gDepN7ltcxd6B8O8N4Cl9qiz4nH\r\nZ9eY+7URLvhufZ44Kb5PdnLWIz5bppQF9gE=\r\n=Nq8i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.922f33b.2_1653508052461_0.9852793657859016"},"_hasShrinkwrap":false},"1.33.20--canary.ca9276d.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.ca9276d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ca9276dd8bad76efe872b2bc25006066375d4f47","_id":"@atk/mise-ui@1.33.20--canary.ca9276d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-K6A4kvXYroHD2O5C+XDmARy3Pg/gFqwLc/N8DpxREHDYEwHBCim3zHIrWoQQ4EvSDTa7VbxFyFHKniINW45hmw==","shasum":"b507ab290821cd070afdb7f7ce9b085c62274528","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.ca9276d.0.tgz","fileCount":361,"unpackedSize":1640076,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBlQrrfd9ksbRYiYGdC/7RBh4uNtdebYROgQIrer6sJoAiEA5YvNkvc0CRYjdMMRwMpKgtPNDGENnOT7tD/Xy5HizXk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijpwDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGyRAAnwl2shX9Wvlp4Kdl5HlqJj3Ojcm4t7v9+WKOFiCu9J+2Vhl5\r\nQ8qz7IzqMTLepEqK4ORAfS9B3F40JkCjDwACwIEDjnLDyMVTsYLoMGogvpR+\r\nYKVVowaVTYGVwtLw2IYY0czgs35H8GAihO/HeG3IpwMzRZ9tyzLM0yeH2/PF\r\nK25YGu9zt15v4bjhxpLfXMBN3ap/cCx7hJwDEGe2vT0ByvoggGrCSgAzZwaO\r\nNPTSv3zLSzhsbCKIQwnoNw7YRZ7jACIqsu/VdC8+XON/Vqw7KctvmM9oT3PI\r\nlmK2vnrm1lsC8LXO2rXw/DK07LyKs7aN1n6v8N85mGkBJhXflgPJMBt6RE9b\r\nnyGu/z5gaaBTWkTnXNb9Ua5KxpGh2RmPErbLt5vae8g/yH2LqO9yP6Hz4yEE\r\nIiMLtibCQEiVUU+ZLxcNuPz1HXylP0K9401zmbZeL6Sv4J1lHe+sUmRv7HRo\r\nNfwbfjuwJKUAazyEdZPr5ZBL07vqdgBfxXeFnB82fo6K3xm9YU4afNZOnvZC\r\ncwznMRq2btyIqsJ2wAfIyvLY6ysEnNmAlRA++2Q9aZao97xhzNJNVS2ktfmr\r\nmQBam4tVs00TRA4izkNkR9ORR3eKCSpGZ/isIlvycgGzXeA6oqGiZjbWzw47\r\nul32M6B5dTTlYng1/Vum/wB/NNRAt3qoo+w=\r\n=6/Xi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.ca9276d.0_1653513218922_0.8347071016993828"},"_hasShrinkwrap":false},"1.33.20--canary.b42617f.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.b42617f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b42617f036e14068a3288b088f354a6bb935ca50","_id":"@atk/mise-ui@1.33.20--canary.b42617f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3tXzHIEzPwvwQP4W4gJ7kg4tCfz+R1lvK1y5RtJc2uWVcQWGdfUtawuxIYyLyX8dAxvMU2Z24uPuI64utaPh3A==","shasum":"1c36b2e51ce380b29fd83285bb5b08846f6d58ba","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.b42617f.0.tgz","fileCount":361,"unpackedSize":1640070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDx5RZACa891/46zF5i8DawRN6NQbHkmXcD2AhaaBGVjgIgSrP5D6BtEFav/h1fItbHH32dDNDDItQ8FBnL9IQkgI0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijp75ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorEw//ehCRVSSveeURa26W/kwZRKzJQCX8gEtcsrtPH58Ow9lzoX3m\r\ntPPJU75BnY1FWKIMP0czbMHawX7XFBhiwjLlZsyPNMXgNf6JyJfytxsOD2u6\r\n15mdDReEo8GhI1EK9xS43Hr9FAFtQmwyS+6l78c7TaiveuaO3lYl+A6c7EYs\r\ngtGzGQLujjvgozekyqZhYHhkhHhdFpxknK/139PhrqxTxzLklkWQYjRgqlKD\r\nOFrN9v/MymU9QGmzrd0C33cckGnwmH16tTVL8c37j7wUWrS5aRCjgV2XD+Yi\r\nKcn1+k4lzvS9ft3vZIwloqEqjPBWKgCt/kyvGTF11QJPdZqBYXJtPGA1A6sP\r\nIEwlhxKB980h3CyhUxdYAsQarJne2KCYs2WOAE3VvNRixmzwyvzCsq2S7HJm\r\nCqNh4g8T6o87gIA96vyPS3IQG0ga5+k/S08mA7DHnxYbbQvZpb4pPmynmXVn\r\n8SsEbSY9EdThBIITkYUVL5/nU6GKrr8eKsZPgJf23v839YlmdM61pbi6eRJv\r\nzJUevPs4WbBWQKbJ2Ci6R3bgF7zuftaIGfnzIxErWX/OAbCSF1epm7awUT7P\r\nVFx8UdaLnO836o7NXJpIqYK7PdlRF3lM7VCDHs5Vaf0bbw6RsCx34IYBbFze\r\nX2JkktsT7Eo2jRSCoBBsECh4jlX8uGg6a34=\r\n=01S1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.b42617f.0_1653513977026_0.40744476034427946"},"_hasShrinkwrap":false},"1.33.20--canary.e69ee4d.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.e69ee4d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e69ee4d6b62ece1d5d7eb06427ee00a169467884","_id":"@atk/mise-ui@1.33.20--canary.e69ee4d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Au2GD9uABxYRJ9OoX/MVbFEfnbVah6ypq+v4qDu7MwGqLxWi76ZXm7RTBkWUYyXPHNJjcdJCtkQQoFMmUsw5qw==","shasum":"0e249e7f9bee6bfc213dec21f12014a796a38b1a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.e69ee4d.0.tgz","fileCount":361,"unpackedSize":1640116,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEXZ/HWe347uRSDlGtFQW15qDHbgOCJOuNRiGhTJtIxsAiEAjbAf+dfFRBLFFvABJ8FgksozWV3rKU7RBD667qeoiAU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijqx6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptBBAAiNLuleAYAyTiGt0zJS3RZ6LPA4aiR9WQQmhOlLRqd8fRJbfJ\r\n0RlQrsM5pK4WSXbRmfGHyNZ3AMIW+lK/2SqRASOexrsz0RjFHOtx6FypJ4UL\r\nu7D83V3c/uQcnZT7aAwBk9+YmRTgYZXET2tedNB1PNOutpvYdllSLl28HpE+\r\nUiIGxKeuTnBgbaiUhQAsSRSS+IBAd2mRY9v/K3cCil1Ha0V3lzX3KWF77hHw\r\nufMHbH8km+q99i9XqxcWqEhNIlxoqQt5jhdmfBmGV9v5GQrmHdJ1MbGVocnm\r\nfnWDKUV1CBHgVtDOe+FuIPATyrH1rZCj7KtJIoz97BByv73JIZl2HXefnQqb\r\nR7SnYmG2nVoNu31o+tz/Yrpdux02ufW2ajR9Uk0SW1LkZR/uEQSj93dkuSkM\r\nZU6YbSYOtW81Rifiz6bTpC8IwnR6t11ne14TdQarDa3/rXWG2tDrSYLP1ECu\r\n3U4Jfr9tMfUU+/6JhU44Z1bNvft/pcVDpfvEbkOr0TKBKRqR+bWbgG9dRaul\r\nFydBv6wBPMMTRKdsY00KVRf5dpCMq/OaTOPvGKEGy5SBK2i+6bWaihIHQWw8\r\nt5elr3QaU19yBA5mLLw/dtYIKPpcG6qykGuMUhBuHpC0WiC64ae2I9IxdajU\r\ncysh0994a+DGSmN40Uum/CwSb7Zqx6Lv6qM=\r\n=bWUg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.e69ee4d.0_1653517434398_0.8180592693411701"},"_hasShrinkwrap":false},"1.33.20--canary.e69ee4d.1":{"name":"@atk/mise-ui","version":"1.33.20--canary.e69ee4d.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e69ee4d6b62ece1d5d7eb06427ee00a169467884","_id":"@atk/mise-ui@1.33.20--canary.e69ee4d.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OD6LvS3Q+XV0i+gAw6Iu0+SUkJmDMm8/i7pvrTpMh1PPelQIckqKl1X3IlOCdn+G4L2khG2Lh+a66enyAsS8hw==","shasum":"c878d2cc583e4b5afcde7f7c738ae712023eb95d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.e69ee4d.1.tgz","fileCount":361,"unpackedSize":1640116,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBx9ACYnTheY96w9CPjo35tKr0ZByCYYuE45pG91PSfQAiEAxFhTfdLpC3phfVW7Rhw6ZPXBueEm5/KgqATT2fsBxlE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijqzzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlEBAAjMnvJWFg2H2lB8gYYPXCiAYbjcCfgZy+2xoWB47SIeUj2rWQ\r\nrt4urDpLTTSFmX1sYSIZ3ja2u5Fi3Qj/BHYnwT/GWMTVd4jozOD//auKsky+\r\nwSIIV4jR30FN8sMeytjHOjuqKLxQC9ofL1uCE/TqgeYPM56900xNNlDkPuyY\r\nHnX+n0LvOkXtbR6rRa5EMG7S97QaJmcL/QdpmKvs0i/xVQtcZbiAhrTFu2EV\r\nd83kWajdnvOUrteKTTm7kYBKzD7UrnTbGRShXsLbbJ53IaIgVjC+C/p+dg2h\r\nsB04PcxPdjQAu7AEAYSapu5bgKOapuuVUOIDRS/NBxiizAURjoH/AEpMTmlt\r\nXCyIrr1sgBE3zH89FX642Q+HKLl6kaYIWauxz3vbe/mQQVjEHGOi37amtKcX\r\nKJketAL/5R0+XQnQZYMiCQd8LVt4DOopaYBMqUcUgK4uRNw5RUMbV7Zl6/GS\r\nQXNGY/htb/Zx5A4FJ+8BorSm++rp+3DyxcMmuMXr9W2sY3mhHUC0d6/6tUdx\r\nPX5Sq/LEGckdn5zmOrlq6aU80VMFHgrFzE2dow7fXM44FAwF7iCX8Rh3uh7O\r\n9tpPXIocDS3qsMs5Gp0QewNfIXqqj1ufkwXQsrd36MAPcnSrdDjqzwpAd7TW\r\nu5v/oO9JyV8vDivpxFW/1ouAzjDgXT1YyGw=\r\n=6nWS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.e69ee4d.1_1653517554919_0.6221705298464768"},"_hasShrinkwrap":false},"1.33.20--canary.8cc75bc.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.8cc75bc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8cc75bc48b2c5fd9c4c85a46d100310fafe09c20","_id":"@atk/mise-ui@1.33.20--canary.8cc75bc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-guR3aCu6b1rpta7wcshcpK+Bwd61IUiNvQBgFkCAZLg4dS9EOuOTBDEBkPqsie8CKPhcgh0h3MJwutNIOGH8uw==","shasum":"9c547172867c74986e2b478ba5a12d13fbb13e90","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.8cc75bc.0.tgz","fileCount":361,"unpackedSize":1640491,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrNBnjn20GDwPa1y+TcH5s8rhIB+z0q71Dx+u1XdDFTQIhAOd1zsLqaDdziM6OeTpPr869bz4+Ky8kBbUE0xqztRRo"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijus3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlvhAAmzP9JiAZwLeL1j8RXgZGboVlBn6jN10NcYQtH56u6KDzQSst\r\n/TySfCsi90daNBspjWNAzPEZTWEd3K7DfWG2XiU+dLTnto8cIUYRBj7de28r\r\n/0w4zhPLa+XCsBbMm1O8j05SmdUKn4k9D3yIrxQsOhzx/mLl+sdM0CudbQHa\r\nDQtmRw9S+xZBjhWnvpfkBtI3oEidw6BA6RAEqCKI5gQaV4uCTdn2LiRbBJiu\r\nSLayH4XJZZdXhRicSl5YKpsj1/DHSU3aHEvgUnWZJ+m4NbRvDn2yS+IGVkjw\r\nHnyZLOWJmRP5xUHG0vazcXwcSyU5UyrH7CTG2WzFZdtrjtjaGU0tJfXVDbDK\r\nO5BzdWJuKJWBASSiZ7xSPDGLrjheJi91qhagviKLX2DIA2HxKDVICYTKO3kQ\r\nEyhME2cSOlPvqY/mOs+Ylw7YZBp/YEQAO3hGWcHevlyTZvjaDgjhIY+wOU5K\r\nZH8iOJ8Z+PWL6udZyBecO4Z7n3bHlV5lVKqVhAIz5eSEwtT6cq4HU/ATqfqS\r\najqhODL4pj3qhLF5ojJIrgoLWB6wXF+ez8Ndos5Z1D3/Fildgb05Zuag7rar\r\nZrYAwNXksiHbFVxwrylPyAhFtiQo9ir8XSc1/x/tsZguW5mSmfDdKG2BpNb8\r\nxlqIEhrVS0OaHQnn4igfm/Ga7o5EC/QDMgM=\r\n=HTED\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.8cc75bc.0_1653533495063_0.699758330851638"},"_hasShrinkwrap":false},"1.33.20--canary.de5a5c1.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.de5a5c1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de5a5c16e17554aeb954caacf3ef64ced20a8e39","_id":"@atk/mise-ui@1.33.20--canary.de5a5c1.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s0svVMYNMV+zTjAtsamSonr6hrMUkcjFElp4uS1Utx94nr3zF8FZ0hKEMo3onBOFu1Ef2GzORab1Ql31G06unQ==","shasum":"e9c2e519c4ec0a195098ac2ad0648a4c47da4147","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.de5a5c1.0.tgz","fileCount":361,"unpackedSize":1640573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0aMVo1g8UhKe9JvCFwdcQkgzY0b6DcHoBzcfWou/5NAiEAgmaLXqckbi/9UC866okv8F9iNQ1RuymOHTLL+CRHJrA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijynaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0hw//a9wPZgvqInfjV7GGm+CRQi0/ocK5WnAVqhv5iu8T3TQADnie\r\noWQSPlpV4LLgUE4sgwPZaINr5j5EF47ViASp8RB6RhOt4lOHnZkRQBqvWoIu\r\nX6JDSAi5QSjVwfzOhEKEUERobGNDbHbQKXmWjUsZMmcD2/AGbJvirLQw8NW6\r\neZWSzxVYy37Q/BbpFw3KX89TL1vvKWfTaOIpNUmNe09ib7JKaEn8bE7xTOQw\r\nY8oVegZgBn71zFXMxBAk+4HenFOO9R/3JBBMfLWTcJyJ//qxYEUMkCzd7rwQ\r\nV67EiX3yxbj/YGNVVXDw0bnvGK4p4qrda2dMoUdtCQC7Ikb35OKsZ4DshB/7\r\niiJxFMGLglQw55sOdYu9lknQf+qRJCYNUftcYrbOKisg5cvpFWa9kFtIRtva\r\n94MnVB3CGcwenWnYshjxMlzJ6j2J+PaWyvLbyHcj/5QKLDEq1yUnsIfhkJGb\r\nhogMlMXp3DO7wA6XbN1S/f2VCCHn33yb5vVMfnnuJ/KUUOlVXguyh4e7yRrv\r\nyvjEnSBgIbaCjOzZ3aSDYRb4esnaQYJDhzIEqLhvffpBN6c3fzsHUHBRbc3C\r\n7hPUaM6cySSykJYfRPxISgJJURYvKPrdjGVZRmpY5lwTLqdDM1Z+D2uza/YJ\r\nthieGaY4gF1JLUExBzDYCJBYhENUi5FXXDY=\r\n=J1Za\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.de5a5c1.0_1653549530607_0.02310208748346021"},"_hasShrinkwrap":false},"1.33.20--canary.3dc6e19.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.3dc6e19.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3dc6e19794ca9763b0612483c018da342846b19e","_id":"@atk/mise-ui@1.33.20--canary.3dc6e19.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VTmnfejZ+sjsdwPoclvHIUZEAeLrIEi01uiPd56OiJR9OCJ1Wpc2pHzzrlWVNlUvyRjC5T9JKc/8kj1yIoHKhg==","shasum":"f05c683fa1e983590b4e8ef69cfec87ee79dae88","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.3dc6e19.0.tgz","fileCount":865,"unpackedSize":1927649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH13rFDAMn2VoLwY6SjBxrLz6aj6o00to1Bm3VVrNO7XAiBiS3fEdwa9reQTTMfWv+xmqsIJQbLcCoHxEiLT519BKg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij5g9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQAA//Tmynf2VXcwaJEP6m8rHd+8Rx1cjuUW+WaFLzHtOLO00ZkuKi\r\ndazIrzi5P16EpyOv3lxeJD6CDMNqaNecz7yCD+NJvMLb7GeKU9g5BQLOf2+Q\r\nimkhrgkdBMGXC392thucupv/I4iQANWCkKLzuOMq6cqfcF4wwvacGp5+Zqg+\r\ntzYa98Rh1s1L/sUT6vc/JvCUYhtFUKa1bwQH3Qrr2+MLsPcn2S71x+m5vSIq\r\nAE65UqmwQ+s2Qjo0UNpABN5wzh1p12juRoPZZ0g+k4tgLmpTV/TPYdGASnaI\r\n4Df8hT8L0ZehO1SflLX9apZuavwPMOK+P0gAvWn5FuUb7hcmn9EGCWDbm04r\r\nSYa+tdQEdD/sA02IdT/dWROpLlrguPR46ufLtG89Md88nlNoCyLfbZEdMHbw\r\nMUFI/R7Cj6YJT2n5xSxcDcQ5WwfT1lhvlOhRfqDdqDR3vYyAqwQyQkjuOzFy\r\nmT5BukwXSXh0GGaly6KV6wnQuMFvF1f8DenFMtG6UR1AS5VdXuYCW/nPI1zQ\r\n9ynLIhbWA9RQBU4WWNEoDLV49kJ78yzurdmXXtTb0WpwHk2ZNyQOGPV1kdwT\r\nIOPyzaENljOB5bnGZ+RRNpfPyI8zk5mRNkt5pCFvaDPi5j9qmRvOc5Di0V+/\r\nta+acWYlM+RYbZzj3gAMFwouU6/yqxiS1Ko=\r\n=ib6I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.3dc6e19.0_1653577789054_0.12856009536243063"},"_hasShrinkwrap":false},"1.33.20--canary.437899a.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.437899a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"437899a64810f5f592cf177b50364230061ff286","_id":"@atk/mise-ui@1.33.20--canary.437899a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3bi3d62kQYM4uep1142CmJ065VhkHTBfueJwuEIecUrryLwiYjvakBeIKwT9Wi6mPSxjsaJKDiqf8Hqjd4wt1A==","shasum":"cc453876ab702e6af2dec9daac00d76bf5a0df63","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.437899a.0.tgz","fileCount":865,"unpackedSize":1928604,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFcsQ2qFxsTnnDzQIrp2httBt4T+bk2cfzbpeaTWOPWwIhALxbuqdLgujZe46CWm7HSPhTBv5qQ1TUfcglkcnKp8RA"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij5szACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSiw//Y1sL16iC/Rczg667VtN3j+5FKQFRiWpprMKdSecGJcxaIdI+\r\npxa32lSxJ+rdeg2P7vWS5tXxDkYDLVl1DJ21GlubTKmcNNaExaoHMb1Jhfj2\r\n/h3VexapPDjjr9h3dkuZuSx3geTE/LyngnEKZrQrp3pJgXYA1swEUDaF2LWO\r\nLVcd2euguIslZbWXLor/TPzwn0RYlwHvsBZpO4IMAmOiGLMNIY0trRwuo/q6\r\n/W1reGgfzdw6LztzRk44yXKBrHh1nhr6y/ppYUbgQ/sxCgFDCAcFoYgRpA6w\r\nw7l49w4SWdPTqHWqUmbFBDii2pk8Gixi6AUu4UrNq9n9sI2i9hSb6sLplVOp\r\nh1/MGFuK9Vr/5rgxGb0gLDc3gobDUybeb7a2TXGF2ncRy0VUUzabLQ1vG2Cj\r\nCd/vH4tDxAAbvrepYsG7pXTcAmzX4eNIoUg2Rd+I7QZii0MSI7bzRJXb51z0\r\nhh3ezps95OySoFS3xtAxw7S1tl2J+zyBUndvNvw0ZLS52xB6JjdFXTc5jpbb\r\nlv5Vln1W+lBA5Sht0o6Qogzuoqi8ZCDJvKJXhB9xcBaGi8DqznSxNwxPtTS8\r\nqwiUyoLNmzDt/qOPLDGWMcV/R26wSZc21jS0j2A4Mms+S7BqwWAINTWSCvud\r\nANEjey9minEYvbciMgCESdB8HfPBn+o2QIM=\r\n=UDkP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.437899a.0_1653578547684_0.9693504105759976"},"_hasShrinkwrap":false},"1.33.20--canary.a077035.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.a077035.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a077035fdfe1c9d8288899a77be8b413acc0a622","_id":"@atk/mise-ui@1.33.20--canary.a077035.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1Re3uGMDIG7jk/EXfmv8NybaQ+V7b2ZQ7NFqNpnXnTV+NB3OU8W2S1TEfnXoMFxQfKH+ke2W5tSQ4rIOxvyDnA==","shasum":"858fdb551ecf5ede7f7175720fe7f115867977fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a077035.0.tgz","fileCount":865,"unpackedSize":1928482,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA6mqrchBCQvaRY3jOF5LgG31j+EDjYNLcX5okbJ+SihAiA57BE6fzWwlCuSwBl7tQfAvZGl+X6KouQXs08vO3SVNg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij6HOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu8A/9G916VNYiYdx6sjIbCj2ILlODYOkYTIUzCNrTSZJZH8hr2e3C\r\nH8GPWtSAyY+ug0IoYDbouWkoAoOggd2g2AUcTZbBsvc4G3C+tLz9To9DGWoA\r\n7C/opqw8sL+L783Bv2nBi1rIgtV1+PNM2F8ma544lQDtVUBCCKINMAgVui4z\r\nV8FsVTzi+Puz10eWCjzyGk4Rao5HUoKXfoq/0CQInGgwPxSoqN/aDn/G5TaA\r\nAjacrqHAwg516PfhOb9GlGUa4ukyNeTltzwMeYm4cro5CDcYsbhRlEeeqKbq\r\nhmEsoJF/hp+v14rEYm9iuSPsZuZeYCDUTjjSflJVud3/DnWxG8HUN7pEt2GA\r\nsIPJ4gWk8ZwH36l+X2AG3mGPJGHIuLe/MiEcmFMnRh/JoKJxr0yqy5qjicTe\r\nAoUEVxTOjuoaYMe7HpLCIFF+VKQT8NDDrPq3/NbZpCvpZIEiAiwt4NIG6FST\r\nihR/7h0Zcg4dxGUnzgiWrkFqxPPgGbJl81wJM/7TC4b1aHdILfw0yU4hUnQ3\r\nlev5OaYadxRU2B9OvfdW8wWJJy0unidivCvJhhtyzW/vlEG20vRF03Ype9kB\r\nt54koUj6pCk8gq9Wea4f3DxW2layfXxg0FVYIX6PcViq9irpui8nAmbMGMdi\r\n7wkqTk4cebD3M8LHzjsS8L2ITF4QKJxcvZA=\r\n=OGku\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a077035.0_1653580238652_0.09305712410530842"},"_hasShrinkwrap":false},"1.33.20--canary.dac0507.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.dac0507.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dac0507369f8276f05c9cc5f0338749873d0bdd3","_id":"@atk/mise-ui@1.33.20--canary.dac0507.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-BpfCQQnKbCS8JCrrrz+G8a3zw9uw665dyIrovDO/q5jHGXtg4iaQ15jGTXisNasZlUMpDba8D10eBEz3BTcwsA==","shasum":"c63ab0b91245725a62c77db3e03e85cb5d2e6c3c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.dac0507.0.tgz","fileCount":361,"unpackedSize":1640596,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRas5p0N7r++C82IAjjkYf5MzMUgRzac3dFiX3B7cuGAIhAI+V7BUGyQNzgyR2GWdvCT3D49fvzvcyGFCN/4tJAo9G"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij688ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEQw/+Mw8aZOx55obvAPqNLyKq5k4gYe6Rv92JymnyBfbeiLBSuFRv\r\nF/o5pELgO06EPrKh8WDYHXY8l/v+VEi7r/HK4tbh+3XYrB0pmpkdh6gboXeH\r\npix+/mvjESypPrdji5tmDKbY7bm4+lrvWJrd4wDi7IQ6k3zjmDflUBYCtHRP\r\nJqVzkj4yHTp6P9hPXWDG8qJCBSFaqyLkdgobW2IbpqrGMpwllXwG3omE61Uw\r\n0pSxDsS2kD2oOAER21BkUp4L3oYHnBWPUBn+HTTQlKZHiVhOFt/d9my0brFx\r\nXRCbmglBCK6DZPDqfGNX/fq2rI3N+YBZhzcFOVAWvhCBceovnNm46SkM0gQe\r\nWuq/puKP3dOfMUV5+gvXY8veAlksZArEHAizUTom1AUc6F/Um3QD9s8x8kI8\r\n5gmr26ch/RxyxShmwGtksFo6mhTCR5OEklWbku1Mq+daifZWO6f5jnboPGVv\r\nY9qexvRwfRGHMqoc8DqRkHgh8mTVy+uidpEWXAu+8ld31JlvvBIG3DRM1+SL\r\nE66lD0r+1dC+UO4KEaboMoqSBLJ8C5XvNhe3w9DrkhbeEOqLXGuOHcI+1Nxb\r\nf48W7FfINag3o/QGTRHa2upSx316PxyXOuzVL6FljnRXx2YcHVy5+NcV2N1B\r\n51CRaQmNXx9RBld2ranP2ljr+vwVpXEOXcI=\r\n=BFti\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.dac0507.0_1653583676006_0.34986370013960344"},"_hasShrinkwrap":false},"1.33.20--canary.7e919ee.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.7e919ee.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7e919eefebfcfd8254d22152f57b58e9e5ca3cde","_id":"@atk/mise-ui@1.33.20--canary.7e919ee.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xIZV/NLRCpHkdJpKPAWZBCd7kJwM/C+xCgoG6/kXoNMoFP9E9kVa8ID0pblWZU/QgqcVw0zsEBLZW2cV7pFaiw==","shasum":"e11d610a41db49714596921f15a187d9373af51a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.7e919ee.0.tgz","fileCount":361,"unpackedSize":1640597,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDwIL+jb+hzTQKKifkNVeP1TQQBDWmnPajIfo//li/LrAiBul5kUtORk4Dz3z0QH4ptyZA13rebQD5ULaArZXtcFvA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij7KFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTPg//ZO0lzcg6gVB4kmyiiZA6aayuy0sJMna4xPlG7FPmyeYOVn5Y\r\nGvvzyd6U7gXl2epsj6UXmap0w1bZwkT+wTpan3UXdlg9OrcO9LxoVTKJkoSC\r\n7k2+NfD3jnMBtg5aLguwc0xwVlfdap0CyRS/cgUj7APAISSnU3Zs+hkVNRm5\r\nbv3DgveJZeu2aJk/rebWUEnsjWw2Rs25/LkVLe+o6aL94uPqDzIim04FaxmK\r\n3l/fIn600Oqkmk57k9tVmp0nDO6TglKaeYaiRMXO/N2LmoVBJKPIo+v9xNz/\r\nwpJ1yPIVFEHDSNuiUDrzQNWt6lXJrXFGeMDhMbffzZdNCTFTeMsX65ujirav\r\njJwZXGaX/c2v77l0F3+aFIKBHSglux0i/6vj014Lv2TjDYotX4sdfBYFcf6T\r\nEOrZqurWAl6Cod6YhqCSyt9CdnLSKw4X/GH5vL+sgrNfPKIPfO1bduaCIXv4\r\nD5DaCgvCxG3oBtRYP1T3SUE8ne1Sw4uFfpoHp6q1Y83dtKvmoN3tAvbvoJhl\r\no4sIqfm7uSmMQ4BbF67UnEjxNuwcHo5iizNx0YOnoSnkQFL5PrC269OETNon\r\nyszU6A9dLpJYEEsDbU0jVKrzOJcWdVcs4f57CPLhkRP2/gB+Sa8/x6HBswVd\r\nCk67ptBeYFOyAcAMBa+cWw1ZGhUMixkIsRo=\r\n=4e1Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.7e919ee.0_1653584516960_0.9445120383459364"},"_hasShrinkwrap":false},"1.33.20--canary.9028b9a.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.9028b9a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9028b9a5562198dff1d3f0065984a014ee9a23f8","_id":"@atk/mise-ui@1.33.20--canary.9028b9a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qocGuOpdVrI9N641YXfrpKyft9d/8kQpUuBhHgbBwg6vNK9K27HnBrQ/8exZMeRUuMcPMxm8ZHDZMVzVhRU7xA==","shasum":"7d4d9e37c6bbc34f6872375c2394bd8ae95ebb3f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.9028b9a.0.tgz","fileCount":859,"unpackedSize":1922928,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHymGNhZHQMG8wOL3wN1MFbO7s5cDcaF+dRO4D6wfrECAiEAooKgU1VKYeUXHUcP9gZ0X1ocwdchIjfv7Z0xzCfrE9s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij9RKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvOw/+K00NNcp5WupZgtdqFUmggK41SVJL3x46FnToui9paLFpv+hd\r\nFqUKe45hoM1tUyy6TJNlnTugMjVWLG75bC2dLRogjfhFTzcMGUmXdqBPhmY6\r\ndVe0Q0fHQNYD8dFZ3GJxvhBkqC1W7A067cQYVyE2WEd8nZF146LeyHRZEh6n\r\nJKL/yTlx8DhEz7eRUSWm0XwMcOPTiIabUvNq9ZSixCHzxt5Sm/1Rg9zIyMMj\r\nLPs7lKxo/fGPupCvxo8aTv5CQSYk0FHR2ecmkmoTZcWifo69yx6HK8uRbB94\r\n+7NHF8RVVyci8kD/+W2PGXMyyBCa/TcbAgj0qkEa5Cw71h4NPC5mBe1fvq2P\r\nDkoyXnO1hAhME0Lw4cU6ejIO9L2GCjm6XQFCi2xesgeGIQ8zE9vSKABtsYGg\r\nSwVNsYK4f0Bun0+IIejzZXJPpz5pgHyWikQDnl46WsU2a8OsBWEHoanz2hWV\r\nrsVmw5x2M0r++XiY/9GaZX1s/3zmBW695BnH6+xTXBhZ3zVbd9Lw+HSPJ5BK\r\nYV5439/wjoxXIRDfZBzN7pgvFbrrpo6u7Sx9TAJdS6kDailCGCCRv40qhjK3\r\nsz52Z/ggizIisNGBZ36ws0XrIig2rX6NQ2UxjenhYdCsHu0AdahTOymEvp21\r\n+kT6X6WT5cXUeFOQrpgH3sqdiAmBaaoOsyQ=\r\n=8EZ9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.9028b9a.0_1653593161847_0.9655706291266066"},"_hasShrinkwrap":false},"1.33.20--canary.10c4bc2.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.10c4bc2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"10c4bc23d90588858bf1d901cbbee11374eb014c","_id":"@atk/mise-ui@1.33.20--canary.10c4bc2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B+IZCuS1cckmC2+3dsQu8wuCcBnykDe9QBUVI89cveEpTnCgmZE0utfeNuJ/otIAedRBcBqXp2YtMSrR/6NDsA==","shasum":"2d2dfefb5e95dc5a3e8203979802e31b2dbd54cc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.10c4bc2.0.tgz","fileCount":859,"unpackedSize":1922935,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwppF+9LSH2SIozCLKFRIvmbAQ5HLFDe2w61h6nMB4uAiBgHyl9j6/SagPhKcURNQbk30c9TRsJ+lfXxNf7EnpFCA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij97JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8qRAAmxgbzyf72CxOin8VQpLj3gxASqq9/vzXp+o1ceE7leA0G4VS\r\nGDckF4cFanB4VByo1p+W6/ZQsxYovqcG7Th1FYEgZXTHWIAPIlZdqwuyUvAJ\r\nbFB1BATcD5RC1IBEXn7IP9ykzmq/0VzOpMgUYignmdM4s1GHw1caO5WA7IZ+\r\nU0vUR+vv7MyGxeCbaH+nCzgtQugk2mJf0VsG5yC5F+a9V0A1dstDNG3SJ90i\r\nSnDbaNeByuAIDjGbv7GYmuZDg8g8Y8ND2f5qLfcjSms054yEvXCT2KP41sGV\r\n+NCMM4EZTDL+PyoUY+pV18rX0cpKGb4f5ucWCjPXBXchE0H5/9avPq6uykU8\r\nHdRL3ecLAZDDLfxt5s0MaMfS4uj2b4yj/RKQt9bSo062z4uVu3EOsJ+sGYim\r\ngO3BcNEavUeNzwYDxhPHOqorx1mFF+h29/e2BtHqLbu+52NbqxN5X5PG6cG6\r\nsbn5Eoxw0RXw5+2tGXVld5ISSfM/Apl34w26UTfg4sahQvGpPXaruMwp6deS\r\n3j9URmkZInqYsuGYrw09a+PdFKTgGsx/ni8/IwWxIWftHcOHRAo9S7YB9gV4\r\nKctO4NWPgUcQEzjfMMvMIp8l1Ou59utOxTTXviuvUTW7+GVCDB/97ic+9zpP\r\nL4ioyF7oziNiKwaDNzz2ccS7UFJfoLYBeHA=\r\n=X8N8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.10c4bc2.0_1653595849308_0.19415140542538145"},"_hasShrinkwrap":false},"1.33.20--canary.806ac7f.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.806ac7f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"806ac7ff29c2b5fd3994526976ae6330c8439c59","_id":"@atk/mise-ui@1.33.20--canary.806ac7f.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-MP+vxXI9Vrw+kPt/H3J11HO+4g12F+eYYhOrltxhB2QDtnS9mrjgsEYfx08W0b5vWpcDeLdnCmVBQBlKMvhUcQ==","shasum":"95bbd1a4ec3e0b8a0b55ac44db5bc411f325ae04","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.806ac7f.0.tgz","fileCount":361,"unpackedSize":1625788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdgkxaeAckjCQblI5T4MwFpfVtXwuxay7VNIzgnH4WEAIgbgTTPf8cnMnBa7LgtmxU3YB0a95xlzcZ5cT0gpiqnd8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij+O9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEpg/+MGR/JD8o2GTaLGGJzK/xn4f7wfzFTfVlpBq4vgpMY1kLHRS5\r\nWpJ8xvlp+cfzbRYiYbnWgf3ZZgmbWOOeLJst52fsVARHAylEOf5Rb0mmk99E\r\nUwCxwZO7owIeNG+Yyw2TgrkyZw4VTt2WDWj4bLSyGMC79pQPAbCWrW2weZAu\r\nrqJJIO1eDAOpGW+4DfVBDKTZxzN5sqKsQ1t6ItfhXM0K7slpObaMGsF9AhUg\r\nZMuzRDpoj8saRl4pR/9Qgg0FZUcPYsNwxDYbBRpgQTmfaGKXwXBAtceb6Y5E\r\nFoGvm1ZufevquKYOuYqsArESdud7yvldv84csMqYotE/Rv61YEoBXqEv0nYB\r\nIIlAVUceMz09E0PnUr86zreQceY23+UT6xop9+7+rZyno9Q1TNxeRU2pA0ej\r\n9EQE+2MXKg4iqekktr0zCk9UNmXcj9AkMrPaGHsZkkzB1EH4Yp2qlOvWNE2w\r\nMwZd3tZRaCuBbmmDIPLUUXieSNHaaTed/xQRGSoCq1CakIEqLg9WxFRaqGjA\r\nQsv28/PlwigjxOQdj4/MH5OMKNxa2uhtQ18q3IFqsnPW8Pl7mgvIHQJ6TmkI\r\n3BZRtNYMY2hyIMQgAFc7sNaiNeOnM4TOROd2JQb3VlhF4rIqtcJFjpQlcy5b\r\nSIa5+IXaGoBY59rlxogF9aoflLDzZmYjO9k=\r\n=57xX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.806ac7f.0_1653597116729_0.2576040207139487"},"_hasShrinkwrap":false},"1.33.20--canary.38846e9.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.38846e9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"38846e9323cf162c690c8b9de9e348f16d1eeca4","_id":"@atk/mise-ui@1.33.20--canary.38846e9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dHobdb0Z0XHJb6kaBPhz6TKIEqHeCP39Y5+NfQkpTCyLZchnhaxZN9DLFyqz0uP4mlUffZpwDmTz3Iq9YYLUFA==","shasum":"c386c201ccdbbfaf29707d48d9e5a82a331288d7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.38846e9.0.tgz","fileCount":364,"unpackedSize":1644430,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGjZI97vuohY4TXfm1mCFxyFwyoScBMUdXOf81VPiscjAiAeAWPAy/MgiwAJ0Hp1temDr/bnwm6KItKnokUyJ8rv7Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij+RjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqghBAAimFQOyKwZTohabTajFFGjUEHIhFVMGp+YN1uOiIUGlW2OPn4\r\nwP1C6IescNJw02C1nKlceBp/hFbnGx/2cG5i1amLCV8BmzWEbOQg95BozEbP\r\n4dnXmZWuSrtZp2tnlBo/D46bBy94iiTUKXFta1P5DOdrzCJ7sbEEWFmTp+9B\r\nuBYoi/0HFOOwGQsULQ0xzw4Hf1p/VCsiy+hcQgVj5ULu+oLY26BtHie7QRbn\r\nzQDYWLiNpRHjqfsY12lbn54Dq/F46Scqr150rl+iRk6rEOPdgSyTB/o4XObQ\r\n5yEiYNuX/C+VHBhhgJKOatRTT4Nj5RmMMgueU+6gbZ3SLlbPKHFVgq4HOSS6\r\nW5kmAZ+XRitDE9+VR92Bjda9smFRmsdkOJmyiKutW/s6NHz9Ei8uQt41G/jG\r\nAynFuTUIivtJAa899l86a0lomsI/9smfed04uP2Ps0I7gruF7Tz+JJQG+DPf\r\nYNvUYIcWoSEuUbkrWIzx0Gj4aRwPaGYFq5lEjoG6cAgYRX2RiaIYeIkK2fgM\r\nmcTyaxPZlMkWL0JX26sXphZry5rOqSxftx0DUghUou9FY+iupbf4PPms0Zrx\r\nAZkFzoD7x3bytfYY2I8mIeyfhhhOU8HCXhTuNShToU9IRzcCkE+dRuRacC8Z\r\nBfZ/sKFaKx6mIfklP8T/9vIYNK4rgAC6peA=\r\n=CR45\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.38846e9.0_1653597283437_0.17375693245926982"},"_hasShrinkwrap":false},"1.33.20--canary.9284d24.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.9284d24.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9284d242493c9ce4a9dbe748520f52a02db90906","_id":"@atk/mise-ui@1.33.20--canary.9284d24.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-LL+Un2wchLq7NOEXHhz3GLBq6XRu65jlfmHTTc2aMwv51FFHVM6jlpsKHlIytnCe2MfIXkl9cODgC5f86HFpdQ==","shasum":"85b6d794b1c8718c66cfb951e659df87ce8cab72","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.9284d24.0.tgz","fileCount":361,"unpackedSize":1625784,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3tO5Ru8j56F3wZJepMJ8YqlK+buCWY8JOzILLifXjCAiEA8SV6exgb8osLAlEZL1UwGItGxIN78Xs5uv863JQr2mg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij+tbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDhA/+ODU1gxubcmPcec0OsoAYVDl1imXtNT5eLrh6G9J4C0+COywH\r\nSt80liOHMTqedfPgcF3QGoEYqZsWrtav5dmwa5qyHVd9itqWdD9dR5E3zsO7\r\nNfk2T7iJjGTKTiBHOfRVgEuXREgOZ7mRdzIMw1xF7N9sr3Jym/l8CXyQ61hy\r\nq7jC8M546iw3P8OXn73v8pdojdKTTfd5mJga0R53YfI5e2FUvxUgd+SoqWN+\r\nejTL7o1zmwseGJRw8USjV+VFfjEa85CtbSCQD+efaiWnn/rQHx9SB95Iur9a\r\niuPzy0YgrpuzaAzsuhLF7BYu3WUJymF88ADw5rMsR70rIGfoAqC8dUMt0lHL\r\nL7Jtfr9YI9ND9LMCbBV4ER+WwGWSVMO7QUSZn5Z1HJOqcD5Xd3vJzEQ+LRl7\r\n4gejBnnDPq3JORtu5J1GkTs9Extq8OJkDtjwCZgXifyqXxTTaXtQk7JUoFeA\r\nQxdPTIezNzPT9WFBdsLIU4F0Bk2YspnQeDEfFOmiRRLvQlatyYghmESnkNFB\r\nzGHasjXhJtloGRtV0CN0qplU03mk8iOH9lz+6YXl5VUjD+avL4MF24S90PC6\r\ngRLvw7P3JCy5U0zVSsAx/OTeDa+q1YIcD1A2jZ9fHYSseXfE9YQgpAcwt3fw\r\nnhaFfzXvcpGuka0hzkb682ip4VcBKB3hMdw=\r\n=Wtl/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.9284d24.0_1653599067443_0.7097621666557725"},"_hasShrinkwrap":false},"1.33.20--canary.2865e0e.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.2865e0e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2865e0ea513da09af99c2d8c8e0452cf20262c2f","_id":"@atk/mise-ui@1.33.20--canary.2865e0e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-P1VRRLO5ZCjayQ7Q63RiqwM5Y5RN8Oj3BI3cKPZnPepKwJInCew1j8o4dcBeiyo4JtHhernw2SU9uZxgBw9J0Q==","shasum":"e992c51563f63e22738ae822c16efa2e1be9d851","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.2865e0e.0.tgz","fileCount":364,"unpackedSize":1644451,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCngB5VkOy7u/vD81eUmamP1Rziy7k/Z/kkKCEI7jZWAgIgBSH9OWGov3tN/I4YoDtWoDh3v9/vy6ZtGDTKh5u9Fq0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJij+yKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV1Q//WMFSIHVmCN4wMXoHuCADaGq/rldy+wWwyqd4GY/q/2p8yv/X\r\nCa5f9zPC/c1ILCe0/WB5ljm36LCI6g3ozmMdc28OyUuMl3VLJJATP9ph6eVk\r\n3Qd8vwtO5aAFoRAmG58n47pdxtpdy/ITKlk6xvWlv00qpzlyBJ7fPdLqK6ef\r\n94J7246fg5L/lhdfKwDmmqgCil7PATjklo6VpHlnyZjBzM+ibkf+qaVhjhx+\r\nS/pfbITontvngrjmUGs+yYhuwN+3zWvjxNKp9wqqXJ7oB/yjqYB8NuAGfacx\r\nXDS4dBsxsYuazlrU6BWrJ6zrnKDQMmmzFsw2DdoUtK1eKRET+H27sorV+rwA\r\nYQmp3XxrrAE8FIHdN9qJblfW/ZFoVUdQvi4GE2pYpMUkvJuBRQWfOskbq+Vx\r\nDhMsj/zJMTdtG35t2dM6YBWlohG3AkzRmG92bsuNJ6MrBtfER8DmRsL6QdIk\r\n3XUHc9fx8/owoKLpSv8uU6D/p0o9b98lOM1b14+az6DU3Znill9A1b2TzRsj\r\nOUnsh6ieszSvjXYQ3KkPIU+r/kFKLEk6YnLhHzkjCNaYurflN2db/JdMwMPh\r\ncliALbAWPLTzChAdlMPUtU22pZhI/QElJqMWL3bvMwhCedt8k2dhWoDVE4y0\r\nJo7sS5VuhZ2UeinTGnHHcWb/K1apN1JdkkE=\r\n=KHWX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.2865e0e.0_1653599369755_0.3136484615885706"},"_hasShrinkwrap":false},"1.33.20--canary.e14ec1a.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.e14ec1a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e14ec1ad2d1200e619e41ec094adbce9ed203fbf","_id":"@atk/mise-ui@1.33.20--canary.e14ec1a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7YCg+q03i8yNo1lS6tdkwaXfSa8r8gYiEntW24uMF+j1wPptkOFLL4XnNA92pS9u31z6z7Efl0Bz1JcdsbKvwA==","shasum":"b799bec51ba00ceb31ea1cc30d72f6d1fbda1339","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.e14ec1a.0.tgz","fileCount":364,"unpackedSize":1644865,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAVG3vTTwjoOTXAA5sY+BuPIM2IppbW09coAXwclz/nBAiAOSTrOj0/bVedOH+pZuBCRSmcW2Dvew7Q6c17VVBjpsQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikLk2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpgnw//c7ss+QfGv8szaIRib9Hm+iiEdVC43fc6P0TtRSah+kCesOAk\r\nq1uhiY6EoeNZ0OdNs1ZLfCjY/FE5Vo8YXEvn51VLIlBZI6aMqRUvcIjJPWXk\r\nK+2b1TKDKuiDg95aIAWLJx5/FsMcHw7ZTB2QSeXA3WaAjn+HP+tgh8QzM4dA\r\n75DMRa1apyUT7HRAyn26p/4rqCKPjQEkXkIWO+jo6dII432qAZLYpkP4bUKl\r\nUYm4JRgtqsGdfijq4tv2SCqxdc0XLvhDm0IGwDqkO8HRmCnSVscTTngQcPyZ\r\nSiHi66JaULeX0xbggOBILJ4KqCTAEDcK493Gd9qO9bzzVI5EE6oGu42ASj8Y\r\nmU0Q9LxKFC0H+T9D6d5CZOMbhEZ8yHccj0qMK09IAmz/QlT9SLTG52CAV31o\r\n0cMU61Ck+49uz1l4KgJ5jAxTK8BfRTDMzQnGxMnSxtu2W9SZ0g/xGc+u6LQZ\r\nYSdwXM6Rqv96bXtTwjwb/Ae0KbLfUxrpzD3Cp2We4BwOjbz33FRHnVMsJq2f\r\nNPsmKMHB1wPWhkZwNoy1HXuvzUb+RmJCCy/WihaNV+qEQNT7wpLHBN5lwhXu\r\nFHPXF5ncIeBDpUv0ghCg5jK7GEUCPCqW2u00RIttG64/uy6WVVneG/ec/mGB\r\nOFW/uDhBW7lWlytXBJpplirhcuzuDiL/eAQ=\r\n=L3Hy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.e14ec1a.0_1653651766416_0.045415087830004586"},"_hasShrinkwrap":false},"1.33.20--canary.c9516e9.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.c9516e9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c9516e920f8786b537efeeedba6fb8e3097050f2","_id":"@atk/mise-ui@1.33.20--canary.c9516e9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Gm+lxjkAE1Mnlir2Tl95vQBLoGFaalje6Abb4oe9gNIQg+A1K8nvegpmZZs62VKYbqY+UjvAe+Oecp65iDELew==","shasum":"75ace9c1e40dc190450f69a579f11d46007fe85b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.c9516e9.0.tgz","fileCount":364,"unpackedSize":1645649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDc5GaK2tPC7zxnOlaaU2VKiX548J8h4m/PmoMoRzi6LAiBy2aQdjWVbZH5I4rmPlphJU/ehZ6LLqSW9BcKGMMn7ww=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikO16ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9YQ/9Fu//UPc/Y1eWMjOIWadI/iSnW0xCLSLS7BbTopupLTVg+SwC\r\nWP7lkFgz5/MrFPTg/2ck7ZDU2A01iSZPqNdxCHzNXkLqJxyBvCu+38ay3kz1\r\nje9ryFbom4APcIpxEFI0kqtL6KuT/0qBDSjxRXUyTEwELjJSoV3HDQYqJGoT\r\nEb2JO//MgbqnKeTswXHyN0oh0QhYo8XD0Ei42UWZAWEbBhkP+W+T6wTAsFks\r\nqbCQOho6bBil7aTtSkhFO706SEj7C3728UaMAqoQxIaKm5pnsgZYnqMyli5r\r\nY+Hdl6VseRlJUd3PQlBTt4Zph7REcHoZ84wy6iaUZKkJt4P+YSUQ17ykSYqB\r\nUK1nVE4TWfPPt/SsRJWt1Onh1mhYaFoHK4lwSuT4VtgPTwuofMULiEojP57K\r\ntRXzJ4g9MuCTAF/ko/7V4Txff999QFPcXhCeWGI/EKms1y0t2u9lACsAQFVi\r\nV/vj7z7SxZggb8vPtRg90q4EwXMUuNNPUzFsA8fqr6LrNSJYo8D3Ciza//3w\r\nfmULsmluTX+2aDCraYafnqOoXT88O+XJwu1evw8AofHphVvy/oJ5cnDGmHq9\r\nbKVFRrtP+GCYsioHnUm3/xrzx4Ldb/Ngos66dcwTYznKCXBeUEjgqz0YXegC\r\nz/C/dJz0680alcnrELU10rirM0A0YrM+DT0=\r\n=l5Ri\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.c9516e9.0_1653665146219_0.4462916915966073"},"_hasShrinkwrap":false},"1.33.20--canary.3a215bc.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.3a215bc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3a215bc50d69ed86c3111f83f60c318079d18042","_id":"@atk/mise-ui@1.33.20--canary.3a215bc.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-S1rF7li2OdpMdF/q2OG3zIs6w/BexHjA5PxNvx41og6SwBzSQSaXepF5HKQzkuhkbAR1tL9NMabc2BSqPenybw==","shasum":"2de207c54d6ed238afba9d5b350945a3889cc359","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.3a215bc.0.tgz","fileCount":364,"unpackedSize":1645590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFyof9CrX/5azo08JZS1OtUF4+W9HKn4W4piLFmhrlSZAiAq5wxkylGDOqxDXvY9r6oHnD5NRVmGd1MOzhENKzKcOg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJikPYWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXNA//Q/epo/5ULWd9QPIiLyBRGfrYmQTCLngwdCvzc9ZDLbapptpE\r\ndzFlvPRnUcx0g6p3FyJG+BAE9VfxirQ3r+Oqt9bZ04Oeuf9m4Ng/p49F6ttl\r\nuvOSCGvthN9NNpbNPTXMFOyG+/DNq7toLQoH2U4TGugh6RLhAhtB01s+jT47\r\n5iyMfW4fHvDckywAypdWXpHmfgvgFJqkYG8KgYHyqrpdNlQON/bj975ZvLor\r\nneMyjo3DyIjfxSwH1pi4jyPCrS7pPLvc8RrxhMXdd1apYY/2NVHgYwQVFqUn\r\n8eDvir0V9JTIQsmBN2m/TTpZ2iEwn8xeqOyfK6fL9cnQtOuUluQnAEtO42P0\r\nWjWKUrf8OEbjjVKiGp3Dkl8jkWXJa/6Nt7GRaKCtqcos0KTaJBaUlwjUUtJB\r\nbw0V5BCXPnyxkRIkykjRVgEIoGCxpypoxXfzhUu9YHr8BDKkPAE93ljm/y6X\r\n6FJhic91Jaduw9TCXZ3aLPjaXFpZ9QjlTYOK3cpPewOSVzoxGXAa10gLircX\r\n4Ybs7CTumSPlWdNQJU6aMzQlNEejIS68op5uJFws+2YTppu5WkE7w0Q6yRTZ\r\nABogcLL/1LbG8HCgegTSiKIceK9xf/RlNxu0zghHX/izC66OjTewMPVWNli/\r\nlUed/zIZ0i+64FREC32rgU10oej0x6wJ3Ec=\r\n=w9d8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.3a215bc.0_1653667350130_0.27083684408677655"},"_hasShrinkwrap":false},"1.33.20--canary.240ef6d.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.240ef6d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"240ef6ddc1e353be6eb0f2d585087e396d727279","_id":"@atk/mise-ui@1.33.20--canary.240ef6d.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-v0GlkIaBh7GpEn26TL0/vwkHaTkt57dvEUq8X6WPH3xDS7MNiWCYWltWmMXqRFjSfcgp+1YDnjKstZ8LqyLrwQ==","shasum":"640e78f2a3a2f610adffb82c17218db18b60e1c4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.240ef6d.0.tgz","fileCount":364,"unpackedSize":1645739,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLFtS2PhITrYkFlUIOQiJLQBxpBcp1Iog8XmwduYiJ7AiAuNeVeTKMEDyatei4lDIlV0rS2hVooLMqBDPk60nz4yA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilkLKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolBQ/+Ld0dy8JF1SgtU8BVMMcNNcneaxxhgr7oKQVcNgV973kw4QUy\r\ntA5tiLSL4N+CMyJhDDO9Vgamh/eVWd1TuJKOyO7uk1lPxFy5ckiMOMwJ8MHr\r\nuW0YFy7qrvPLBs19FfVC8uy7urGpVccYTZQgx3PiaRHMcrd86pxEsYBP/uI9\r\nyEi3QTImdSDPxmmNj7jo6rcpTLMTlp7uZXc+dvBWtBUiE7bAaRfnRXky12QI\r\nknqFe2i8/5Esu4u+mjSPxVYoxjkuJjvE7MegaIrgbU6datKEN4YIOmm6cmK2\r\nNjrkldJDsFo49o/XZx8ZPOzKyJ1mC0VqLWuBodP8yeB9d0FBGlBwFDaLTeqU\r\nJvHsOUMpW+9iwlOXpfRIpdIcpnMHTjNwtJhc8T/Gusv/uFjMnJ4tiSW/1Kt/\r\nERI1UXayJIxPKtohVzpl6tvFuPDRwof6JAefU07oyK66jYky2qE+/xjvp8S2\r\n/gGQmuEfEXdz9kCKywIPFi80grZUR4emWHzN/fhqBYj30lm/wO4b/vVxa3M2\r\nzS9mRAebNzJP8EMlYkwAmuXRvIr6RgbqOwh0Qhjve+jjIXLQDZ+oNSkdXDbP\r\ncv2fgZrPycBxLq/MYbu4Vj1kK39ETxE3zl2yB0RRBJL9M4P6Hpc8nws1Yrcp\r\n0f/m7LAZrVnWqqshsOfDN8H3KlBze6qqu4Q=\r\n=9Ne8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.240ef6d.0_1654014666426_0.9908026267486703"},"_hasShrinkwrap":false},"1.33.20--canary.a4f0d6e.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.a4f0d6e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a4f0d6ef74d93b1845679178980475c63f0cf5b0","_id":"@atk/mise-ui@1.33.20--canary.a4f0d6e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-/snL43lfGa3OXxL6RTdeq5njHhnPS4O5cOkpdctTQ1lKhlqpAoym7JhfWFPvS3jUmkKf/7Vsm6d9kwCC1UL/aA==","shasum":"0fb2101f680d27f4029a9eed364a747d2f63c2e2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.a4f0d6e.0.tgz","fileCount":859,"unpackedSize":1923258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDapK+0Iucer1VQm+iSOqa+mYZZNtTv/0WnxTmk6BgIaQIhAOkhEs6N1MAqJlS66hUMiJuRFAcJN/Eo3kxlrFLky9fF"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilkWGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi0Q//bs2wRflAfSnVRyxRRDasy35kQeXTpYYDsSCU36BlAWuoxcb+\r\n87M/zjftS9CQ2vGHJdPknNYWKQ+6nWfUX8dGEuyaqzJ9NYAckjuPmeIDOCUw\r\nuXT+SB+xx1k/jYNBPp3LrlNjutlUmW/OIyKjVcbXZ0hneHhavTfj2FEKH9hL\r\nuHGNbpaQekImVlKt50nfyXnTUzUwsTFc5pHmUOnXGFJ56ljDrAEufb6dTTdE\r\nAew7Ah2rUNzRsOVaIqfJPL8uYtxLZojqvZKbbVboaKtus1TATnHFUabIb1R+\r\njRbIaTD11kqD6qy+rrjmd7MudG3VL7sgX5SSuGSVH1PD9XKvHv7Ol5pHyoUa\r\nnyH91rH+qITezx/ngGjomapg7d1F8+7IWXMGysYrTthMezQU04JR8wO/lqgq\r\nlqINRoSyOWSajLcovNylB70jBz+fRdG4jQdYRBYpD8aJS/wz6iFv6BJr5nhP\r\nI6KkxlNJ4QJ/vm8fbs5HlhJPXSNtRCOTldli7K7CtouTqHccOeXVkbVsilBF\r\n9etxYtxTPoR7A7xGsLQ4sYBy20fh4ZUDA+oRSL0Ut0PAmoD/Q9Z1q7ow5D7C\r\nevJh2+dLrG/3zMI7Uk5kibIoKPwyOsAejxdilGeMgg49M73Y9LyhyFgIefLP\r\n1zI47+abAFLrmJHcqVFsXEFXO4abI4DjJtk=\r\n=Hqku\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.a4f0d6e.0_1654015366404_0.2613090934439106"},"_hasShrinkwrap":false},"1.33.20--canary.d92ed3e.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.d92ed3e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d92ed3ebcee89be737bb0bc57dcc7b07f4588837","_id":"@atk/mise-ui@1.33.20--canary.d92ed3e.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SLqhHTCTjzsQryiY5U3EGkFZ6DiskGlsWSCxh+RzVli/9aYGZBscXP+Mw7Sq9tuBQX0WuQGcgjg83uV9V7Lyow==","shasum":"1c5d9ba3f4d1e8eeab6329840f949e0d181a922b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.d92ed3e.0.tgz","fileCount":365,"unpackedSize":1645481,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgwmzzjtSnTOeU+lZoJwm0rXmW7rEkDT9YY6xzRw4dqwIgQuzWeycg34HisKy6GG27mRlcp672HELBQ5T4OOdbYyM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilk//ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6CQ/9HT0LseAOQdwTWXOkTMYwqkf+WoylVO2Mr1UMQ/yhVsiw0JY9\r\nmpDN/mtqcK3NEI1T3aS9UfI4teutnTBNza3P2XkqqBbMqiEtbMF2VB/OBcEv\r\nE4LYVmnFwb+iU0eXSFVaPd0G39uYm0obGGhc6Bo3S8pCSrKyulXAuAqRJtq9\r\nkktRaNL3JWU7a8K+/5wlrMvDYKW994eaG8gU/m9K0bco0EGnnU0Eo61sOq2i\r\nk0+zY05K71tCkMhYJ/FykC6Z096F/ol/ovWKprFv+IdlIIeMxjcYvmhK9QxQ\r\nTq+B0Vrxjvt5LNDcCCITU0tgudLOe9Yx9fIEJqKkCQprzWIeAVMeLCImhu49\r\nuJMaSBJM0QAXMJRIwy76qSKyQcDgdHMAZN62PZIOvd/E52n+1b46WeP2rlao\r\nhwQnv+eF9o+BiBXXZn71NyS0G3wjA6x99iT4/PCmnI0aAKtMz173UTx8zvTh\r\nIFIBKuLzfZ5QeS5l84BFUo1zZdACRM8d31GOt9VP8jgJ9WYTlY0lwYr+3AVX\r\nm5iOKWxAwbxJSAuxWaJCv4mkTxIfH5cXBD4Jk+K1gCLfxMh2FmhOppYvI6KT\r\n4okEJZFjz41UVUcLmFjjKI5yj6wFYqXwh0t01LF3+0Qu6USqr1Z8WakcM4uQ\r\n5xEtXiDSPl/F2lcVW5FyHGen32k/0thPCr4=\r\n=ky2w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.d92ed3e.0_1654018047101_0.17908997855789965"},"_hasShrinkwrap":false},"1.33.20--canary.393a658.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.393a658.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"393a658afdac0615f926f993f64aec29ecd6358a","_id":"@atk/mise-ui@1.33.20--canary.393a658.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-TK64Bh2I9bzDgZOQjfKmUVnuacrkmRzEkBR4ClBdyaNAqhSzsZt8QpEHsZuu6Jrt3Ib3N7WJ6UIuzHxhf+lQ9A==","shasum":"dc2e8f9b93333955ecc48b61d4f7358327e56988","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.393a658.0.tgz","fileCount":859,"unpackedSize":1923255,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuMl8RIFr92z1qoSh1As/Fu+3IbEhElUhILxoNbAh8IAiEA0bZfx5PKOLaAuFc7BX8mN7xuEjw1yBpCC9wDjWGY1fY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilmS7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWqg/+LeODQKvHvGZg0dzt/YHsfVbsmZA2uPvWJYfsU/7Fp3hsbJCZ\r\nQ9OIA/lOEk5vk8Un4fBU1/9cWSEFER0VNXzLnpa2ciH07CqLD4zkEcqv4F6E\r\naZzKN9UznbdpYf6PHxHuXv68OwaElrx0IoVwooDW5GiU4tJjxo+EqYxpg1i4\r\nAFriChKpgoScTTfSA9nghJBjS1SqNhnVaTZ/qTJNJZ6UHQ+JXmkI2U2WSjf2\r\nSIGwHv0SOolt1PSRpfkqHgZUudwUm72qW6bDq8950EzvTcLwGSpfy+1lcB2w\r\n8PxrPJB5uyxZGaBumgOjvYdYL5zEClUFLKqn8mZGggOJbx1WiFtrNYpXp2/2\r\nCAFCScQW1k2Ajc4enRafwr4r0JI9HVZohEOSKIyeF21h2gmua0LsgPbPmbte\r\nnG3PUqf8CcqnfVyY3t92pLN8l1b7oFyICQF9RufqwLxV0Q8p776/yjQ7tIry\r\nv2yW81i8m3Nc89rECMp0ApS2WZjkmGSTiY1O17kwTrG3ZSYkwf1U1gT6p5u3\r\nYMSIYtID2CbtGWXn/GiP6i3invrYFj6/UnzqeHC8qsq6dXYewCIn4k0dDcOY\r\nwJeZggXh4bFUskXQbZggm8vBuTVPoPkElTsoxTrVjs5Hbuy8RBPK0WTnDkrR\r\nV0OxBMruCVqrQahI60YUb+XFHwlQl6E7rqo=\r\n=bhm8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.393a658.0_1654023355224_0.6255642224146227"},"_hasShrinkwrap":false},"1.33.20--canary.0d5246c.0":{"name":"@atk/mise-ui","version":"1.33.20--canary.0d5246c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0d5246cfdec68fdfcd6f196ab6a37aea20509903","_id":"@atk/mise-ui@1.33.20--canary.0d5246c.0","_nodeVersion":"14.16.0","_npmVersion":"7.24.2","dist":{"integrity":"sha512-b9D3SMWq08t6plLwU32ijbsYpGOqLx1GtmCVYgA0LonIRH4Ghvs+2Dq3df2LiL/zgOcTLLTyGynVu3Vmx41azA==","shasum":"3317b437b2af27071e893adec6a3de9e1b72d8cf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20--canary.0d5246c.0.tgz","fileCount":858,"unpackedSize":1915389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICTG0XzX7zT+h78yyuYv10CsS46idIe7oH3wYhrni8osAiAPLMtfMcebBseBnWVkrMf9NYdXZRFoEvSHZr0OTUtwDQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilncDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEPA//aRyqQNWcEYI3axiB7eyV7gH+va1evCYPzRdQ7/5+in7brstt\r\nsDO8qx8HjV2vXJohmRQaU9Lol6CJuvkMHAp7ep+DXeY+kL+t5cqjbf53tcad\r\npcE6TA3bfc1DsHKo3j5tT3znwndtfblEmWZxpEC4gzkdksPoJ98zyLQktlOX\r\nbLKCTJxXIMOs0Qoky+eVJD6aQRLlsRr03VJrZafmbtzHUrq/Y5wCVZ93jeuI\r\nHAQXttwjdU1Q4vSO+FiEs5rY6oz5++ynmnKrsksU5WkN32BDl/j5HukTk2ga\r\nvHkBiJC7J2I7hASM83KaW+BGcPV/EbQhg97Xv0wsFzVbJzJ7tAWxehkiI6zC\r\nV0UzvLFfw3lysD5XcZy99RumIJ61IPD/jP1jTi8ThBGNKJM19VoYdSh/y23h\r\nLilMAzHTnPgWc6pcqKE81mYBPjRVVAx2ygB4RU95evmsnusnZ06ss+yCktKH\r\nzmzygvI/QUsCEffcMmKBErzHXHMcXzM57H6Nf70vrvRFBtPnh83KtDvIupg+\r\n5WME+cuZrg97pJoMTB1jjjChWCjqZh4nU7Htccu+oRaccZks9RwTmt0rrNUi\r\nEiaXmuL2mDHGMsbIWB7R9wnsTULXmM5RJ3TZJtuXvILNdmrJJqjnbrNXUqy1\r\noSV1FpKorbhjMrCcYeQrXOEeRRrvr66lThM=\r\n=SRjY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20--canary.0d5246c.0_1654028035007_0.903069066274272"},"_hasShrinkwrap":false},"1.33.20":{"name":"@atk/mise-ui","version":"1.33.20","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"a9f1a2271cd60bddf035b673a01d7c6cdbb339dd","_id":"@atk/mise-ui@1.33.20","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-U4TpRHxMJRhsDpDdfCaEPpLIVsIdQe4xC1LPhwBfrX5yZZwm/J3ExrutJqXWGcb83be+fVkbAU8ujwOZDdOkRA==","shasum":"53edf2a3a21abd7f81f402417266406d6b964893","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.20.tgz","fileCount":853,"unpackedSize":1899908,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXHc1lENOJUslsdKZgxU5wRLncsYcdH+THYDSr2shzYAIhAIwDgR3AY75yg2/DJGJYtGhQjH9PkdXj3rPc1X0t38UF"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilngAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCqA/9GgJzZ6LsxgOBAA97sDa2rNVO0ZcVW+P/WgrV2UrpyL4fDxtE\r\nMsx5twlg35aEk1TSjYjemJH4m+/x+WoE5rEnBekkd6bjyFkHpyD9LncVcGJk\r\njFSZSj/K7w/hJdD32eX5FcioyXJZVXIGDsfOCzX9RAKeElimUTTu29Oyh+89\r\nmUv4v/vTG7IbLDwdQJuivRHe2BprfRdhsYluNKAlgCqFJ194OuJvmF+Omd/P\r\npucket9Lm4cORkcM+qAA4nLZZw4UiIBJML0Bu+heYsdYFUMfp8mBY+KhK7jC\r\nkUPvcONjGQv3NLz3onDK7GKuQN+crQXtpRZJofN6VFRLmaoehcQIrl0DLO1J\r\nIh4AfcJmQbjoDpgVXVO2Ds3yo06S2jlDOafDmn06NaMA1UIK+8dnkbuDzUrR\r\nN8Fwny2MJzyBwkx0UZ1Mrms/Rrg6LxEvFdVrU5xSxvN2xoujVaHJU/bQtPCY\r\n8R2Eg0uawGtkfJ9DGyOez3+WwXuogZ7kqCzL3nctrYLgA1JqDwtYkRsVhteK\r\ng+D16gGoZ6RtdpRD1gQIEeiZCjI3ZPN0v1zdkLE61I+kj1uIXqQLBLmaXSar\r\nYBGkq5DcvqSDdmkei6EHTO7On1IbL0Qy1xvqaF09BOmcjX4Cr8bsjcIAQ/S5\r\neBkkZUANXVD29S4UhGv23rZ+ABM0trXlzW0=\r\n=7pEi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.20_1654028287983_0.38657961462581736"},"_hasShrinkwrap":false},"1.33.21--canary.93f6410.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.93f6410.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"93f6410bd8204ba3454d967fa9dcd3760b9eaf59","_id":"@atk/mise-ui@1.33.21--canary.93f6410.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LV9VSH9Bsm4Kf6QUCaAKiQk121Nol33WmSFwdW1ncXusdkysb5LXZbUDzD4Fg5sYCTn7sOUzB6Fte6+WvGdEug==","shasum":"37e0d4078c790ab495498d03f740c331d0541ba1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.93f6410.0.tgz","fileCount":365,"unpackedSize":1646130,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDTaexlDE1Mkvh4P+PBB28Ra+Q84z3nyNbHRwUFlh3ujAiEAyxvD7GLfjk95C2C3jQYAZkFeBnpNo/ikowKjIdUs5GI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilonOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ2A/9HFF6TBTb3kUaA+RA+QdVvl50igKRXWwQAdS3qYKH1cfhTE5m\r\nUnHvkm8jGmlbz69N4fI0hsjFMQBX87Ux2AXVfQwq3TgsPuE6Ljo2IaJF+cqO\r\nYndgfan1oV0GUInmrgux29CN3ctWC/msHwb57rVku9f6gbhS9+C62Uub8m6B\r\nDmGI7Y3HY8ukFFJOJAknuYExnzXbF50oVaOZA+j++BRNUgf+N75mcx88+YeI\r\nP2d8KCPt+0eBiAHSpXz/u8b0F0nryvu96IZ/TN7KekjM3YVO/mz11fgWouwu\r\nlog1HJqlpPD29TEgJC/6z+nUXL3jWUlVgEKzskFDP0rQdufLe3zEywYcptk0\r\nXkpbB1vtsprAHFhzGD9ZU50Rmv4rIEsz5JlddqN1AubJMSRyT8yNvzTyqNtP\r\nu1Bf9oDmSsCYN+KBnNEQPxsTR71/MnqGm+CYAHG9kmSkGzwPaRBfsku39m/b\r\nQIkSO0C76/jqwj+nz4cqsLUnTcgeiZzjwlksf5ddC9/fWD50gj1DcEmcO9B5\r\nM+Qsd+DoGbQviM8FxB9xfaYdHvaHQInopwRR9n0p5LdFXZcxzpZUpY7RTIAS\r\nMTmPDRB1vEYVtR7BEb74aVS/oc7A36/02SCEfoa5T1mxW1XzM7yJQtba3N3h\r\nE/MoISh+5X1WDJY/D0cUiu6cv4jbycGr2gY=\r\n=VisL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.93f6410.0_1654032846297_0.20376758993966249"},"_hasShrinkwrap":false},"1.33.21--canary.9669cd3.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.9669cd3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9669cd3ff387faa982cd5191dfffb058d3f54e4b","_id":"@atk/mise-ui@1.33.21--canary.9669cd3.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hlbW4pzQbW8TBHlnrHRLnPMAH6Q4nkSg0Lbd9tEolVyImku8dDfZw553KLpr4S8b7162YFuBym3lkQC+DG8Xjw==","shasum":"7b3f0b5f63463aeea508ed34c7cf6c9c10a36f34","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.9669cd3.0.tgz","fileCount":365,"unpackedSize":1646348,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAkgOQHJNY2hCgILrG7ZHwiXxQemMFSWSN6DUQwSjuyQIgIvgjRPvlr8wqBTWrWZoOqAqrram8ZVxXywdkwG60glw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilxEaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8mg//Yh3PMFhjvhXMOqHNNkvqeIzxUDWO2l4yA2msXrlgMhllTzOk\r\nv4Aul7jQ5cKX4Vo05F3aiVrxBdAjfgsNEKd9LHPnOYW39K+SgTLKMrg12/u6\r\nakn1KX5O27SOHJcfppd0bTwqRLIGiH0HXy9xuh2oLDINh91PHG3ThZ/J8FDM\r\nNzfWkQDKp2ji0+3HLmCwFf7UC05CLbvD98wsvLmQNj5n+Oxu2cCcmmL0T5/h\r\nR1BTy204lj3QFMs/faUEdOigZDEeQ//3+EiAtC4qCnD0VfnAzXlp8MFTd0fl\r\nbB95kyM0kxFIlkzG8KU4hsW0cTzOs3lnA9Q89vxo/h1urzp9kBvR1hWWYVAa\r\nwbEMoZ5txopyPPcw1WpVEJiooZWAE3e0tvTigVouWMzT5h2aiEPskg4jvVIy\r\nZkQO77wjp470rLUFbRJw0sAe85C3l4XLLQpygkqsuBQWNBeA/oyWBNhbmU4D\r\n3hZH6GFbi/T8pQsA96SCXWjyHgm3nsHa2VeJK52Su5bsiyW11C5TFPXqvNQg\r\n3BmVQI/dhkpQwHp7fzdlLsakHYG2iICSQVvx7l2aJwW0LbZ7P9oIMHJyx6ie\r\nNX3bBvAZw2cdaC81Bwovif64HSZQpdk9puLhN7jRVpUenJTut3niMwEF6tsp\r\n9ab4xJzUrADb02+UL6wxnrg/Iq/+D4kJc1s=\r\n=tWbh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.9669cd3.0_1654067482018_0.9066152367254263"},"_hasShrinkwrap":false},"1.33.21--canary.b6e2e57.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.b6e2e57.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b6e2e57043cfb5e2afb27047540d9e53d7433464","_id":"@atk/mise-ui@1.33.21--canary.b6e2e57.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kIUN2CtpE023qbr7kuLdwLd3xHM9FtEwFQxb/1j9KaxI5wqkRCL9FRnDPITJb6cOp9rAqTyOCoqgS94wLEierA==","shasum":"33add9549902b9eaa77254b1257246dd2622fa14","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.b6e2e57.0.tgz","fileCount":365,"unpackedSize":1646643,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhWc2S4vjFvS5igIEFLj03+zo5q0raSIoL09qgM4HLnQIhALWrZxR/PLGua3zHB68pC4n7Tp7y4XqhwKrFqsZlTRj2"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJil2gOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGRw//XEU3lZitjCcAhKfHneWat87YTBCMNpGmcVaSjNb5yH8eEmSa\r\n5VETb9ZoUEsEWvkg+NWIKXPEqWs1c0wLCW6AqrcEdWtX6t7dOthLNd61DzZo\r\nn8/1QuVsXt5O+HbDiH6/Goz1RFECqiju6D4atMu0lFrbPHV4i9lOx05KvS9z\r\nfa2FJBVHN1JKsHf1rZjpWRtMbCHvG+VcGpEzRAV1dK3EAiLpZY53XNnTK3Xu\r\niq/FbhBbYvXOJ6np/suJZLGXHnf+ihy2u9Q00vT1YgYZSbz0qWL9W03W9y+h\r\nGHrSeDTMqvGPZINzMVMPbWrNisFPi7xqVgJfIPWUXNbM1VPS1oowuy7//1z/\r\niYr24IolR6pIZ2aSptENUc7Cm92spxOvoLWSCBSS3+DDz14+S3gKCixxl1MW\r\n357t2qDXKqY7YVeJu16cBMIESYspmVC/QLbIHj35oV+B7i2S6iWk29FWYyvj\r\nDUns+CQd1CsXXBJU8ht18qjTe7R5ntRALPZ1f64tEnBZNciQE9c9bThegmtE\r\nwwiXOpLs2oCHonnQdRVyOkh2aszrvdKVePmZnhwWTUaARmn+yAznOX7O/bVQ\r\nA1a6QJz7taDoKFqgAnOoGqHIoCymUMCoGcLJz4PcKJZPlQIj9uwj4v5CTS1o\r\nq6L1qUgjM8srMVFPRLHDwnlcBGwSup/O8ic=\r\n=B8L7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.b6e2e57.0_1654089742460_0.7247009250038103"},"_hasShrinkwrap":false},"1.33.21--canary.dc29b4b.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.dc29b4b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc29b4b3525ef9d99927ab42c3d08360561311f6","_id":"@atk/mise-ui@1.33.21--canary.dc29b4b.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FbCdBcm0KT143VL/OA6fa/F/d+pEZi5u50TXvXCPF5fz6LDY65rqR08EbJvCYxtWqaYmV13dbBa2VJUAGm+YRg==","shasum":"29fb2eac2fb06856db1408d68876aa6c4e6b64de","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.dc29b4b.0.tgz","fileCount":365,"unpackedSize":1646858,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrWh5c6DwzryjOohn1+iuI8kBYv1QSxSfjaTrEWqb+kAIhAJy60YELbXseO+ZBKF5npBuqix8xMsCSTMM5PwPu+IoJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimGp7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCOg//UitUFseqrbg+2q5xU4JJKL5k508yl5zQ3cksSTNgcfg8lMoo\r\nvO9naang+pRkNuEPtrONmNrcJ5M68mvaidPIdnZ0h7dJ4RXc1jGjKIxtzHGr\r\nVvpEExJeD0bo/8XyOtkvOr++i2qoTNDc0gQBkkn3HJbIly3EI0nCu1uODUE8\r\nyPi7l3DsGD7O0Vl/4HEEN85WmoaAbzy0MBR5bWf1lNosGC49g47JAlweat66\r\n3amCteEDgLbCgSJLenzOXtKK+F2IUw2a4NxjM/2pkOnN5Rxvqq4vXGxqxRYL\r\nuKxxLHDzPYjSYoY6xKsZmYVP5kDhXPUTAxfnbIs85isIWt4gKIqxQbym7WO9\r\nWi48soYrdk+LePN9Z4ThuSs3U7gNWiNGUq+EvWQ/H8VmHQoiVaaUcVo074EY\r\nQD/u06AexpjzksLpoc7bwQgfnkyG6rnfSRslxL7Dd955S1LkAV8ehN08N9tq\r\nkihQmocmGo+u/lJkpohmrjfxTdhCywX/PmTzvNx2MmMdb6lXsKos6qwKyabM\r\nPp1alIt7HZ5B+DbHt2nU9Rv4P9kSAeXEZK0GOlNGJdrzKjppk0ca5pqqnInq\r\nBovU1yFPsA6rlY1vv3WRqW6RnatO/y35bqOVMOGisBC/NhB3DBq5uKuMEwNc\r\n+eo9qK5IXpyFxZ+XHn5XAdLQW/HYE65KtE4=\r\n=sKns\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.dc29b4b.0_1654155899039_0.8237244174744083"},"_hasShrinkwrap":false},"1.33.21--canary.65adbc8.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.65adbc8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"65adbc800b4fff4e227637a281c77c4063d4a076","_id":"@atk/mise-ui@1.33.21--canary.65adbc8.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HQqcLKmUn4APMGVXiRDmfA1i0JFbL203VEhsnG8iSYNGJ/RJjZ7/bSjTjiY9eWboTVUF/l07lASfDY7Pt7bKIA==","shasum":"bb725178cb7de232ecd2bdeefc550b4b4ee4716d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.65adbc8.0.tgz","fileCount":365,"unpackedSize":1651218,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnPDB7mfknx8Sk4tVUKycfE8gaG5wejS62ocmS1LMEEAiB7xFO7FVSUsVzzoOjIzmb2o/kGnpfXm+sJ+xDkhK1ejw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimOs1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqamg//d2njsP0+c9DZxbjpDCKLdjDKm6DrxqzDXfpMpryiSnsgrkqO\r\nw4XaRvPd27m3Z9zk/L+KUeH2JBreNsVmaXikL4Vwg7Yt9oca0OeUB5y56VPq\r\ne5HXicz4gWGTovSz/3Lff/iXpV9Ln781pAA9Xex5ENtHwt5B/+qOgCLJXjH5\r\npWps/+AIK+SNM2CFZlggZHG3uRFhHK+vtGfXe4YBGPGLp0tpjmj2x8lmsPjX\r\n9gBoyCB4ULl81owarevU3y9fnRhU5kYyjpXJuKGmc6sgoG5KE4Q0pDcbRFe/\r\nszW9VniZZUejMND0zlEs/A0OstOK11MIXzhmrf6d29RX13V0n/B6Y45cprIw\r\nRmnnShh+LFyU77u9s81+DziZdF0hZ5FJkCJ/ApvTLt5yt+kJz3OcdLCaIk/S\r\n1rxdd96fAL4Hh/mGsvy53HLNQALX964x7FeZzaE53rslTSea1c6t4AgGzjUe\r\nvlNEm7aDJjX3w1JExaIs7JljkP2igvh9WPyk+I1JAobMQi+4yWsLdZmUm2BO\r\nu+ISPfU1HKLdrNDjny6cG+OWwb0n5vHsGd1opXpvXHG71JCMAdHijnjKXaR2\r\n8xE9KKTDM1gHY083a0LKRlZY+XWS1KWJKoMOP1E0A8/0NVZZBb0OW731Xqkw\r\nm9/b5u7hcpO/Ghh4TXX89TUl77P03UbJY4I=\r\n=0XOl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.65adbc8.0_1654188852919_0.5297403485699361"},"_hasShrinkwrap":false},"1.33.21--canary.ea6a86f.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.ea6a86f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ea6a86fa9934c26a6286b798e6992c80916cba55","_id":"@atk/mise-ui@1.33.21--canary.ea6a86f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Pcs9soh430DH4RzDCIm4CZjaWUmYiClUIhckfvQyE1CGJusqXndIUNa/2Wz7tolKo2znXkEnoNSdcpasrJEVnw==","shasum":"ff5e752924c57d7701d98eef2b73e371eb229ab5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.ea6a86f.0.tgz","fileCount":895,"unpackedSize":2005202,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBnzWevp/5zlAnXH6k+Hz1ZyNHtGFguUCZLx7PQzhqAQIgCtldzBN6du91hugOhUAN/hg975N4LB8GYQ3wWsF0GMQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimPuKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3PQ//XjzhAIupX2hOcE9jKd3LJ7DnddrS+A0NSzz2bEvXxz4PhP5t\r\nbCadx4nfgZqAmqR50x2rFTMbfNVc0GISpKWgzVHGZXVbuBNsJm4YbEoE9Cfa\r\nfOqLsJOBvFNQzrOAydzDXTdUaJxHsIEkgT2nKRICL8NMhxtrkzxwXreJo2rv\r\nyFhIEmPfW22oQgkoOBNGBTriPQJDHYFfgL00Yl1d63Xt2hEhyCrL2nWkCtEo\r\nOP87FrPIV3hxpO72hzpQ5UTV6ufIOT7/gIFGhU8jameuPru9ueC33t2fD4q+\r\nB3aVZV8DdZNyKk0byZewcC2HpoDenSwFUAgNH5vxhd9R6V130AgFMAI9oGuk\r\nn8jvpdubTnVSwQQFYzC+q7hOBsUP5tx93PjPyrXgSzgujJUGWYKfyMwwr1Ru\r\ncSn2dFtPDBNkx4WBIUBZlJZiTxxMU1UH9UgQw4Hy2ARIZpRORS2sgsMdUebr\r\n9uZFHPW6CSPQLUOApoKBWWETwnl4BcqCULp5kJQuBZUT06WvabDRn4mteMVK\r\nvcgmWvbLSqsQoAgha99ULp6AeROM0IhuK9lE11QActRhAcbgwpkRve4bGidu\r\n/SAoTDzxkwdxyjtLVjbjSCvYcaxd6FGwSG7xIxLadgCfks8yx9o8B3o9p7bG\r\nf0KWdJvcgK3V+OizRWO6vIO7NLaZdrmVB88=\r\n=otLw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.ea6a86f.0_1654193034522_0.6407920094243345"},"_hasShrinkwrap":false},"1.33.21--canary.59d8beb.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.59d8beb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"59d8beb87b711ddfc324b90d4919ca41fad03056","_id":"@atk/mise-ui@1.33.21--canary.59d8beb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-DbUoWp8Fnm8Iy9lepyAgGarIyBJINeTBgk3XZjTOAWMDdJfD58Wrx31YDzMg5l+bmXnm5siB2wl++7ssOcYHRQ==","shasum":"ed1356c9dbf5e3b2e2308d7d884f8f175c3f19e4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.59d8beb.0.tgz","fileCount":895,"unpackedSize":2005203,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYnkNpG90zkQ7+Bd8Z0X4yEtTXDL3upiwgCstJSDezcQIgZmf6PYrvxV/7EjMsssb3cnBdYzcwxFK5NnHUR9IzoaQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimiGrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3QQ/9H7T1TM0KqlLhoxWJRWIO1kAK2A3u7GiMTsruqgLkoEmMJBcl\r\n0dUJltz0uc00AzXMlO1wwW4zHf/nplFkeEdPWyTrErAVjwrF7uhmHZIJhE1i\r\nhCE3umG8ZowNTAyrcBi8h+MqU5dRd3XdE7Tsrlh1fOWrPSMZeGmA+pOKvElD\r\nnBPH72cnrmQTB1mNgc6Rfp4vdIOrrmS9gNRuOdmVSeoEd6Lx9qxumc1PqBXu\r\nwzBm230s4HFpmd5vLoUKTQ3Nsz1cYqpwQC3ZepJK6tt6PI6yurXDMvThndXT\r\nLmzvLPbJyHB9HJv0AWHwd0Y3vBfB4+fMHg6o8hSdbDMnn7hM8P6YvgTu2Rif\r\nCk+zA43/Ki5W60t5z54MagSOHQjZBNYAFKRf2ZzLGHw2IaacfKVlL7nRUZy8\r\npqTwyhakGQcTxGksBHbwd/FIxzVKiDN4uQbkV7x0f4E4zemmHcUaIKPSYrui\r\nQ41h/JR4BsTSSha9qzDVzP0v3WnkjYnqLvkMzydhNxQVY/ZpkQs0qyULQwuX\r\nMuVaXz6uj09qlcRNz0yXSHNMn3LZ0DIVpcEiKGKieHXQyOzwbVFFuOWQteXZ\r\nFFB4Ikgf8mG4+6LeHvL85WEsXFVf7CR8IXfkJwrHtDQbwNuO7AvTHIZSmrTE\r\nBNzfqlyB9ABh+1GIkDDjLBIQaITBPY5lYIU=\r\n=gcRc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.59d8beb.0_1654268331678_0.7490154319028228"},"_hasShrinkwrap":false},"1.33.21--canary.c03ae47.0":{"name":"@atk/mise-ui","version":"1.33.21--canary.c03ae47.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c03ae4744f45a9cb98f8c39814dbb5c5b344f486","_id":"@atk/mise-ui@1.33.21--canary.c03ae47.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GWAjI698G4/2egVkmUxzmIEZ0mKKTSXcLEE+lMFskWQ5QZFfyzCOwWmzXwLJpnw8rjmPQHBVdgZShT9URt1tfA==","shasum":"b62370baf87f38cd6ac514097805c194a11d2a1f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21--canary.c03ae47.0.tgz","fileCount":895,"unpackedSize":2005089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEqLLiMagnjundqV1K+JTnB0AEhrO4otM9zxrMHdq+q4AiEAgSq481SAGR9wIkmi0KweLevmkbSas1yWZ1AUQiBNqAo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimjT+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD1Q/6A4WSBmdL5WqbuLpIDUVFAqkyMEboNOKC5mlX3UIdsMwxVWNH\r\nWlc9T94eLXfal/886la4fanynO2/vK3LMsjeOQ4RgXhcjMpe3ftjhQm1VqCv\r\n6LXztj7cYvgiXsUw5EQcjrTus6Q/78JNlPiEd8kLtlb6cOxWp51NUmqTcGQR\r\nveI5tQ8KOJE7dUSDVbEBZ5xVe89MOaXN+qdaG4PPH8EpS4A+d8POy4oA7bXX\r\nhKx97FsFQenVBJVQuqFnzmnmCejbOrhwaelCslebqtV3FIcdiTUiG3DtfvtV\r\niEPLgKDSZoojMCYGJpBDgbkICSD42klfUTP+2K7nVUQuD0143mXNzbYlom5p\r\nqVrpb6ijdnmRlgjIr5Q0YhnDaQOI1a+AVPzjSRhepBpUvQz5pe0godFqvmtI\r\njorwpSfMwJ/xJP5Q0Mn5fyJJzDBeFMnpOV03/vKZzG9t38Q6DiHGlW1SX08k\r\n7qvXtrK2NsHu8hgV4KqLy1H8+zZG7xyZxrU6DSSMkXVWgt3sU1N7f04F01JW\r\n3BHMoTR3+vodvmrxEGR+eBH5I8/VBgMUxBy9hQwaSJh8kY/bbZzLgd0pz8+u\r\n6j3XIC5/OdxiP+H6zgIVYKTWUFWS2Xx9vq3ZM8MW22SVQl7vgbffquRDY8ra\r\nkoMnFoJeVUJCnLKihm17Vd8d52n5IImfmsM=\r\n=1fpZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21--canary.c03ae47.0_1654273278047_0.10364126613707159"},"_hasShrinkwrap":false},"1.33.21":{"name":"@atk/mise-ui","version":"1.33.21","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5fa92c130d505cfdcc2548465791edda1fd2c00b","_id":"@atk/mise-ui@1.33.21","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Ap5anOKW10Calj9mgZwjXmm1/VARAjT2Un8S0YeTZ1o/4XAFWb9QzMu5KaGj4h0R7u0fUWx0RbEN6BCDvbTWmw==","shasum":"6f110ccea130231d4eed55785029c0355a3dab17","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.21.tgz","fileCount":885,"unpackedSize":1970787,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDJxBECP3rY0oQCd2dG7W+x6c1+tb3Vvo3gASMBJMFlYAiABB4Edb0Cj4ps4V/5ReEwlpSh86PzXbqo0oF+qog2xqA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJingWXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMaxAAh28UwOnHfEVDAXqBuHvF6AXnYJvqou4yNu4XjyLvoSbqyINP\r\nN7crLaMENTc9NleMQo2OvweITZXXDNTZXj9xxJn/qxVXIDaf7/SkRrwdHfyL\r\nlxrKWPgGHsSiOKqk/rlkXGagT8Zf/uI02dPNMtQ0+mjGZEZnWpiBY145kXRQ\r\nYl1XZKXixpy1e952blfhDPkGPlA2A75/zwFRxa6I7Y31SLt6dIqbB0ggJv3h\r\nGbq/70/+e1Nh7srjZtteMtSxQy2Oy1Oi+QqFnP8XDyH4OtiI62Ehr0/VtT7R\r\nXevnBfpRFR1VHUeclCXrzV76BXujS1YhBUtGFUCGyslz6Bd7M3NdfBQPbFRK\r\n4MnUzR2h20d9wTQAb7tonubJxRVh46Bl0j5O/wIA1Svn0DoLpmfLUu3Znmkb\r\nCC8h9EqVrxuwE783ZbHHrJPIryNj6jVOzR7U+nhR6Lm8Hp+Zym/JavFLzTi9\r\nVwV632mbWCbBUBR9OaSCd2G2ioSeOkSUwLOsLT7c28aJwNnsYXFVLl9LA9yu\r\nvlbxXX3g4IwYZA8S892fNGmzdnxSeyB8a3Q4ucFvAxV83SLm0q3M0UixZuG0\r\nf+Y8ZJGG/L2ibIknO+iGDJXI0pTDmLaK1W5wD/M26m2LsaUF4vZ8l+CbIPPj\r\nO1qUdl5F9v2BArD/KiZhOlEDqVDkXaPhtGk=\r\n=tWVV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.21_1654523287379_0.189764541295818"},"_hasShrinkwrap":false},"1.33.22--canary.4140208.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.4140208.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4140208532addf86a78f6e2926dd327a66d114c8","_id":"@atk/mise-ui@1.33.22--canary.4140208.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-AoIORi6s+V+umkR1nVVm8wXLIujSKcOauJ/PLNorHoszuhYQ2bPf7y/aDIftOnyvcDSJz0w42EYVTWCaNbG63A==","shasum":"a81a7ed83327dd838a4f22df6697691ed517bcc9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.4140208.0.tgz","fileCount":362,"unpackedSize":1633520,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICu97yv7mC+hIApySHg1n6uDZb0DvrsDiM2Aj8OiEzwGAiA7kCHnLDyWQ6dw+/ZjM1ey2mpow3QLIVVOFD8PwStNzw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin1/qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrnmw//ZOmhJ6A+rhHCm03Rb8GsVO1jY3tC9u4MdklE8PXRN6x+S1Y7\r\nVBgm3GZskP1Ui911UCrMkuEPL1InjGzWE1NKrpHhHMfRLMcjLtXT80SxD+gC\r\nkjZHMX0g+BIAKIPcq/7PeoWB44/fJvWrUDeL9GccOtL8mcJQQPWqTdMk3Wko\r\naL+B+F08pkqDS9JV15WEOAt6JEeCUBcg/T84260lrnip9rLosmuRfhpdm6zs\r\nPXFc0JXfBTA1PmkvYg3E08I6cJne1ZLOljLjtrS0U560TiLrYMs9lqnOykNR\r\nxOjthCdNOlJ9LHsVdkhP8UPCTsZ3c+aXdpp9j3DjWt3sYaSx8OyyJBnUaC0x\r\nVHXLrx4hVPufJxh4scg+N2vJgAkTY2E4+STiAaKPNEYckTd6j8uc/6quszVw\r\nDxeKu8P6sE/NZEt81AR4npzoYh0nnTXd3pUIY2x8+OVpKq3/imgiLECCs9yN\r\nGoCfpC0xBWtHnMQhtsOZ/2RDlDfZ9XfIRXL4cLZ9mSMw+vYhAXSMcOojK4JW\r\nS08fZJH1skfrKv83gKbXF6NMWv46JDl7/9AWFEtPR+N+hlVqonAMD4GaSmjG\r\neEyi15ucF/SKUwY6qyqADeH3ca4+ydQ3OIDbkYAaqJuGzNiwZ2Ii7iCjOn+9\r\nUXnTqsFdL0akwC0AwxvjrZ+mAqqsdpqIKSE=\r\n=CWf/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.4140208.0_1654611946763_0.3517454767079484"},"_hasShrinkwrap":false},"1.33.22--canary.8dc9d9e.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.8dc9d9e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8dc9d9efb444ddc120c94255244deac3c7138b73","_id":"@atk/mise-ui@1.33.22--canary.8dc9d9e.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-MWmkDmyAJie2P9FcShAvoBNGWi5S/SiI8ULe1uXF8JgstLUCXDoQUpcm3a3CV852t3Ouodzm83NJjbQwtlw+9A==","shasum":"be20eb6842a621e448b77e46ee0b230a6dd8425f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.8dc9d9e.0.tgz","fileCount":362,"unpackedSize":1633520,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuisthKaYWCEwfiPu6ZO/xKVawFwsNmaIqlcfP0BQIGQIhANvnNERLNP3GozLlY5pJvHLzSbfcwNKJNH+6TaHG7dR4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin2uaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLtw//fF953F5L6Qk69yGKAM6vM9egm8txn1yVsQ8461TQARRFQnke\r\nzWPr+AoocT0aO1WnfT3Ov2934T3Dd6bb6vRkn+GedsiTPaclP70IyG77CEBq\r\nGlULwVUCecSqZ+zsCpZt74i9Gz6hzQpndYP59AO56pkxYgco820Qzm3JzS+2\r\n/eI90iIGrIfx3vz/SEpZxw6p5VwioCUc7SZi+gNtvSxUUjfuRyw68/0+N8lJ\r\nL4nMX3RaxaHUopt71msg/HSS5seQPXS5JlXn8jtyHD//nz++q8ztBPOswRIA\r\n6KDvBI30SAD0ZVn/PjRwovqlhRNsAbipizJDdZouWjDLlFDOt9kqvY8DKaO5\r\nxBNX6kmtbC+n/Kl6AhtAWr8Z/7h+AdcukXmLb5wgkOzMrphX8ELZGftqlrdJ\r\naMbSW+/vr6P6IVIDasnRiQn7OHZlErDw1E8rp8Xu0C0AZB9Q0kcKsp34I7Pc\r\nbEMGutvok7XYXE+WrB2xqVR3RoNj6IunV+wzQa0756N9oXICs8Dg4EOH8Oqw\r\nYvARySD9CTlHOiQ+xVRp0j2JktShU2RhwWZutUqfeuBibywxn54kea62pNpi\r\nEe/tlzd+OTCTKsVHvEUBShMtWGRtJYLqIbhyNMEb8T073kF1QbEFIl+wqV9f\r\niyK2YlbDGBsUVvw4uPwfuXcycfykTUI+PDw=\r\n=lTkd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.8dc9d9e.0_1654614938285_0.9180599009217247"},"_hasShrinkwrap":false},"1.33.22--canary.6d50f7b.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.6d50f7b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6d50f7b6c6e787072d97697e513e7c44ddf7270a","_id":"@atk/mise-ui@1.33.22--canary.6d50f7b.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-rDTSfvQCKNoeihe/FUl7rutTu2TRAy/Iy35NIttMvd58GRG8UbH3s5Fc6vFsAWOSkF/5/YtqC7HgqhiktY+2sA==","shasum":"fc0145898f0c45addb1e104cf5dabe3bbe77070b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.6d50f7b.0.tgz","fileCount":892,"unpackedSize":1987528,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvNX8mZbgKh5iFbO7DSvR5BSdFrDSFlZvZm41O9SYLagIgL5afCNXWmQe7lBzEAmEFTQ08JkMAqYgSEz0/kTLfuhg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin5QmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUTRAAjI9pOZ2TiTub/TzRA9Wyb8CtbStZumUIWVKvs3SYGSZ4K5P4\r\n8pCZvRje5e5S/vv/BCfOoAcmEOjXY+0xByjMnpg97XX3QJ2jgwbNMEJNAS7y\r\ng/J8hznoN6w3JefLsLIUQVMMDUULb/aINBp1ieEtmUE9ArdecYkXiSN7MZfE\r\nhtAsp2+ptlRCZirmfAnHCD/vTCeAGs4DIS/3TF31+0eZLiapvda+BV6c0ySf\r\nkOMfT03eifiLfYEpq6Drou0ia+K7ck6fghi1anojAity4IfR/Nj76645XaLJ\r\nsEqY/IXc0zGRaFMmlvYa9bMoEIpvYONB1z3lMBBLrBF2XUJ6ODNOKfM3GUq8\r\nV+v91vQlaxXz8AfhjueJszVD+rU8X1HMtSxl6BnMdMyUFkirdp3JFQoH6fSs\r\nIVfYoLzZOgTb9hIiWgJGtf+jBrAa11IdEhzoyEVeTAMSayZjcYBczGZC19lu\r\n3vCqhQHmoq88/Gqk+kOgf3kqxUfX8pY96N42yXkCsqza2RTA82scd/fzir0b\r\nl9a8BJQ2KGMsSTfICovPWDEvk+RUN4mY+9ZGHxlXP1eYzk1o49mzIVpdMKJ4\r\nxf9AUJbIqZ/bWtAnHsvHav+m/F8VgRSrRar/OpbyaMGaXMxB5WQHUmHzeiez\r\nDg4m+D/GNxKOg9uVbQrKuahVBOnJeyPSrOg=\r\n=A4I6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.6d50f7b.0_1654625318308_0.26985276180517337"},"_hasShrinkwrap":false},"1.33.22--canary.6d50f7b.1":{"name":"@atk/mise-ui","version":"1.33.22--canary.6d50f7b.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6d50f7b6c6e787072d97697e513e7c44ddf7270a","_id":"@atk/mise-ui@1.33.22--canary.6d50f7b.1","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-dcgge8O/ApXmt7MTve/NljZeVdsOSX5DzJomIqd5K2naPxFxPkxNBCV9TVpK8b1PkM5NCnHMJNAgxMMjOfvDDg==","shasum":"c32cdbfac8f10e9238921cd266a041a05bd16969","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.6d50f7b.1.tgz","fileCount":885,"unpackedSize":1970854,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF0lmoXsmInbr228F+Pgr5+KxBe9Vj65EVXZeSylXjVTAiEAtFfaP4UOFPomWfVkgN+pUQoL/rxwDN5xISkW6TxFxl4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin5jMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi8xAAn1rZPUdM0nbYcP/8zbWcAf0d/5I4NZe8vCEA6hmJ3vJybWXJ\r\nk744Z8jj5TlSuN/ZZX5kgCQ7ljJzLdtlWof1xPIGTIPhE+yzClC0mzGVAnYB\r\nyCAZhndqPvj23KB9Z0HVmeshXGh0+lq/8BzJlB+wHgRLfBcIN50z5//xOKkv\r\nxlRx87xrHBpxPIaXxtQh7gkJ/eJsC8apJ9aqOnM7Wx4aqH7GTLKE8JK00ZPn\r\naQK2aQgnJWRZfh6WvCyrdCCbIHMycc2Oipp4Cq9ALsPk8ciGbe9U+5Jk40OR\r\nPNuw8bjiEU25cto9HzhNLEdJ3GonypG7suh+tQCA9/28nRfvtHNgbB4A+Wcw\r\n0y5wRWTBDK8RkHWAIaCkdlSIKNqF4fd+edWoNwC43iFUEXLBMoFXzB8FM+ut\r\nymoeWqzxiEOxiIZ0RUloL20x+S7TRJZXuBcgc3MxH9VOm2zKdPrrEBQa5E6z\r\nCT6Bdu9PgHXdGnh4DeIIo4wGAbuMY069dbWxZfAjsNbt5LvIeShbSWKM0uzh\r\nXOTstnOs/qV0KntRbAsam4dvuisJIGS2GeCBkOW9C++8GkZWkLdpdrkykhPS\r\nRUZYeR7b39epKZhBcqCKOEHhDfUHhxWb9kbWB6NcozZUuV8qcbunHlGfIp1W\r\n7nBvCZBGqCGCZwjFa1xIeg4eJDJyQPzjvII=\r\n=DlUo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.6d50f7b.1_1654626507916_0.5996569621644983"},"_hasShrinkwrap":false},"1.33.22--canary.6d50f7b.2":{"name":"@atk/mise-ui","version":"1.33.22--canary.6d50f7b.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6d50f7b6c6e787072d97697e513e7c44ddf7270a","_id":"@atk/mise-ui@1.33.22--canary.6d50f7b.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-gKagroUqsItHaoiqK6Rh7h3retySRS39utECtsXOR4Nth7FI4uttz04HYBw2aKhBYfh39b6Rq7fyz/xReNK/Nw==","shasum":"2cf003667ba60bd39d0b3ce2830a881a89e35b1a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.6d50f7b.2.tgz","fileCount":885,"unpackedSize":1970854,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLrajjsVKINhZ7UNsHdpuiCz59YCvNjfwKQXeHnowyRgIhAK9iv3PwmtLTC1MS/k5akALLC94HKADVtkkVBGMsqbG7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin6DBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTbhAAlP9Te9XqM2AgELwAalcGFTVNuSOP+7A0V1/ikYbF9yBLlCOS\r\nwckk0evC/OZwwvvvd84Yh51HGhgzGUdV4s+Iu1XpfJNVjx2O0kgwn+ggNNY1\r\nnstc9eslB7uWgJ66RNVdEGsh40gYFyPugwNIbb3uKkCBNPRag0wOI5UhMswU\r\naYLpzLveGREL9hAdX60ACVyDsjBWEKIY6xqeeMC47RZpCirG5F+xBzsrgYFu\r\nxn2u2xKBxgPwizZnfP6v/lOFxf9sceVK0uDjmyM5LbjhHs9cUayU2SsmR12F\r\ncuOXsG+f8OVZwMxt2KXK3HBVn5wPvUsT5PCn9qFZMZvFUM0GPgXBMzES6lWm\r\nS6efPjaioMuUBpvPSGRI5BOjCE0NPCTp11hVz4GabbT4oXpxEz7eZ8GlqPqK\r\nWavO8caVkgwfOMu6yxZWtLrEIr4lybV+jjcNXOrZK4sFed2wrIhuNJJFMSnT\r\nLaFfxxVyJoIKSLakMErR4RnvFhx8X/9W0fqdngRNpA+yjxz8GrkppAo675u+\r\ntomrhbuTwDopxK8a3RwzjoXzTL1GeLZghIR1Gjm/uB5x+eZoQDzjY0DkKh6u\r\n2gQecYkwcBOXLNMhv/om0/HYq3BgmjTxkmb6jvVN+6y7nrDsXtlwpNNSMIJM\r\ns90Zse1ScTqQZizFoGI5u2jes74qluvZajc=\r\n=9uUu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.6d50f7b.2_1654628545701_0.09067694561340911"},"_hasShrinkwrap":false},"1.33.22--canary.91eeffe.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.91eeffe.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"91eeffe505f9a100c6faee7380295c9a92184015","_id":"@atk/mise-ui@1.33.22--canary.91eeffe.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-UXK2CyQ2SjRk7pH2cJV4Ulzc0AZMuESvhLbPkGrfwC8AIYfBaujg/lr1Uk1AbWoZu4NwbhD7KpqN2zqPZgJRBw==","shasum":"aca44f0524036f547a48e605aaf3ab51cc179730","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.91eeffe.0.tgz","fileCount":893,"unpackedSize":1995606,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZd3UqCUY28zuVVI6CAee481jHkmJdIBdwpaJqif/kxQIhAP5lZNTAe/MsItijV8b50ZHCqpJVeDJTKBfMxIv5c7PE"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioKpYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBJg/+OXW3VALARqjhWO3a8zzOXBlFdqA/M+9TCP1hg5z9t2LCAjM3\r\n8WLnnlq1i5I7V0Z2dplW8R7vyJk9P8Ymu+b7av8A4w910OytOR/viLdyHsTn\r\nLcPvApVjL+tMqIA8q44rG/H++Xg/ANGSggaiPR0WCvAuxbPx049Wj/Ryz3t0\r\n93sWE291KKaoyJt8hprnF2jA+nD62LG5bHAnomC4N/MmujPVWiu30b2shbXc\r\nP598dMUJXjopQYQoQFV8vMnz4LRQ8UIzhNIm66sMvX6sRlZs6UayBYZZQv/P\r\n1OmxSH8+II7jcJP/VEwtsTfM3gyZgl5wOLduTiee7sasSiUH1d49NvAS2wt9\r\ntdgmZsd6ngbz485lqEp1aK/6es14AkEicWEylA0Lx/kW/XteVQwHOfv0ptlV\r\nLHccv+yyq2/sIyYc2aUuXWHEPOjoRsH3fbISm8dorJG+itn8Tll82645lvx7\r\nJJsIx71j4kxr0BkhHIzIKLVlxTR4iIX3i0qAqdWXZAisa6nZfSlA4xobgLVV\r\nttWUHQu30AyiulSVKfQh8B8fAV4Bvb88IzFQQRwA7rFUAa/CQnWnv8SUuiem\r\nO3WE4B7peG4SWhVl5UXfDCwmK05e1g1r49GMefGngqjONSlPGwjbjiVOtKNs\r\nzS1/wqJ/YTumXtw1KLwU6VJt86NMqgjn76Q=\r\n=oab0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.91eeffe.0_1654696536682_0.8308027359531458"},"_hasShrinkwrap":false},"1.33.22--canary.805bb0d.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.805bb0d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"805bb0dec120807a0ff41fe9d72f8ae63a255732","_id":"@atk/mise-ui@1.33.22--canary.805bb0d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-sUJPXgYJoypNUZIWFyEgLmJOEQulATZyPJjs+jMs39PncfxOeNnkHUV+jg6vMCpW7C46h7Tc/EG89ZxZ9O5T+A==","shasum":"e8f1d688326ee64f540b5656736c056132bec629","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.805bb0d.0.tgz","fileCount":887,"unpackedSize":1971628,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICcz0N7WFsQTZ6SdFazCOAewqcMWGYwLbVxLLN+jwZCCAiA4Jofu8BLoZga5i0UYp81N7vIbVJL/H98lKSTYhygawQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioMr9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplVA/+LAGu6ucrYq2fnNlCF+yra1TGZL6v9hP8u6G6KE6yxOpyya84\r\nz1dmg7gfEZnFxi75Z858HQ4/VuIsUACTIiqUqNchJPapmq8AGeStHNCt8M1Y\r\nGNuugpUjAQgpp/ZxAD5ZSOB3nuaOY+2Jvh94kBIbeVV8yN/N3JwLq6u7GpqO\r\n0xNEIs7r6sqfLE7U8pxN2Cpgb5oKUJ00DqT5CpLuatgyVUKI1742obL9Ajf6\r\nn89rpdE5rX57BWbXQj0y6L4Eqxya7MeITxeZWqOi5ayX99bFx4rgnnhAsrMp\r\n7CWZk6zkAntXZVWfMpsOSVW3T0ml38l/PmYJ0wZRvF3/HmsqbJi4fTJ7kVU4\r\noWBEKVs5pkAtlywqxwRM0VYXFWBRnN9NqQn7DYlAVOFPFSHIf3BwI/ELpa5o\r\nkGh4MsTNvoi3XVb+30q7r6yjhKWq4MnZpLKv+av0Eo1Y6hI5dUJgkYFRbPPS\r\nMAlaLmly7ErSDDksETQh3C3MRzbdDv2DEv/S0UJHcAkJikOjg7t1G7bzgEim\r\n+kGU/cPQEyfNhKght8kGcUgsArLd+RPih6+acOUXuSG6Te4TCEOefGFQVHD0\r\nrwSgdwDgSxFeJweZDYS3aX+eT7sdU6hdrhLPsTL1/0Tou4fkO5F6N3rQkliy\r\nN+LXQsjay36MjfJYcIyjnnb2s0+P//TZjLQ=\r\n=T3pq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.805bb0d.0_1654704892933_0.1662564856560289"},"_hasShrinkwrap":false},"1.33.22--canary.c19cc13.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.c19cc13.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c19cc13ac6e95602c7961359be04ee1916944294","_id":"@atk/mise-ui@1.33.22--canary.c19cc13.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-5HBaGojwDwpvCTs1Qa6yC+cRdgs6ZhdrCmlSDKJ/KLTAj0DLV2wCLXVs1pcPyAuYcho7qzXabPV2gMYJWvUnbQ==","shasum":"0e56496cc51cbdc27ec59e58a5e998a01a86452a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.c19cc13.0.tgz","fileCount":893,"unpackedSize":1995616,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICuPNAZck36sPGFagIXrUl0IwFvt+ApNHRH1pA942VK1AiARIU+NjmPTg8yRi9X3TZhMpwrUkXfjwOQn3RvziTaTAQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiohaSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoA3A/8DIC8vX6j4xNocl3OkTmoNLpB8lh3JHPORLSclQ6LSYEmwsDn\r\nZ2jBuE0sgujnCNWEicGTM5Zx/HfWezRlBXvamX0R11YGT/hRMJKZyIRetNkv\r\nnB0gSYg91jFpmOw/YBgf1P8qlmlxTD60BUcrZgDmRrSkqg0MLhACsQtaaUTK\r\nyeUJD/NKSSrLan57YgRjMTeoCov/RoAMpqUAhliJHSxmJI8IQ5OY+2Ep+TvG\r\n7w6FW1afRXtpajidRPT070/x6s8MUez2LhlbnCIDG9zIVohX4N9aRRb8dXbg\r\nFIeZ8zEdKAnLZ+LEB0EruOHvJErh+jvAer6YGfGYl6Y1vEPI5l/Xdhjk5PDt\r\nfz//vDARGEwFcC9WF1OMcv7bM3K+gl17L/lDdTBh0N98rASj1uZLTEkxInFA\r\nYG6va5zNjIuCDcN4QkQiuCVj4Rirddm2azzjHmOXwymo3wi7iWXuzwtnQp3W\r\nEmS8HmmjSIqOSFf3cOdLanvkMS3zLl9P33XGHdxFlgkXbpFAIQjtUB+BwyQ0\r\nigBToqEPULAHEwUb3xoja8W6RdHWsganR7pXlq5s5imkYUx68Dd4hiSrgJrl\r\n38SNgBozdUD5snzkHa9U999qbWlQpfUkqmQFOHyTZhilnhMLZyNQhD9jGhPf\r\nmZQPyzCi7CprxcRwSSUrQKSL5Udhu2E7ox8=\r\n=O8xl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.c19cc13.0_1654789777789_0.11417693538783324"},"_hasShrinkwrap":false},"1.33.22--canary.ac4aa49.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.ac4aa49.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ac4aa49a21d0db662d144c53767cd3b8b8d6041f","_id":"@atk/mise-ui@1.33.22--canary.ac4aa49.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/cfhbYL2MQF11RcBtfmpHShVYGZdXFcZ4sgmqfebJRf5skVYvWzi8bg07Oob91EWoCL7FyPM5XwBdS2fwy+0OQ==","shasum":"66b37291398c0d72ab9673c1a660f6a75e543779","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.ac4aa49.0.tgz","fileCount":899,"unpackedSize":2002818,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDe8vC0S/WQadFjRqfVH6luSxHPRFR1f3JqDOci3THLWAIhAOU5OaAga6/CRNalLddpWch+Rpo+AzVi3XDoDTBu0i9L"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJio3npACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruNxAAlEFCb4vVOnXs4BD7HOTSnsKZ6DS5q8QsGch3Oo73IUgwKmcq\r\nk5Ww4HBWTvoynOLJXyhDx5VUGamVfprOvzun8vNnypQgPQ79IB/5XUh03qJf\r\n1T1zIrFsoEfv1Iw1wdx+Q/XoNsCm0arAFTu8L6ZHdZ4VmVMhfLzNnLsGBq9w\r\n2xARvp6bubI1UCqfl6imgqOVhVX5064TN/HgcM3DyJymVYGDrwCG3JedKWPU\r\n3b+E7qVMSSwSKaaxjzMqYjuCteFZHU0ccFgNDYHOoR0B6f0yGmGkyUrzvsSF\r\nInr0QpT4v6F3I10VKJB7ttRulD/WfVF77Si7R722S/kyRDn3Bfu1NAsm/xDk\r\n8X4TAJleT2nKW4jrs8QUcZiJOpGHsA1Vgq9vtEZ0k/0cdELtucHmbesX5WAY\r\ndeQ00Qe/ARJ2ygch6fByEk8M1oXFK5xvxIlHbPYiwmLcq2yMoqBBuExS7sPJ\r\nNk49SEfwp+DOsiKNOctTZ/9CVxktneSnqjSGC6qCfNQxQpqhUVtcrBSukaxC\r\nZLENkzIcXdD7q/lboapokrwIHODw/G/LThKxTsIckDU9FBJBO3gNjvgGIKWI\r\ncFWf6hY7exg3fEDpseflNsCZYYVMgVKQaIXe9GO6LlAbqJAnavbBk8P+foX1\r\nZznVMFBA35D91NLN4X4oSyrJoBHU/REz2Vw=\r\n=9ve3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.ac4aa49.0_1654880745392_0.45528919477132934"},"_hasShrinkwrap":false},"1.33.22--canary.6d6cf63.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.6d6cf63.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6d6cf63caa46e7222519dcaa97c079349586acf3","_id":"@atk/mise-ui@1.33.22--canary.6d6cf63.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-ney1aczlOeBOjmoieMHkehylCzacxMX6qET1eu490C2vi/lSPVtVgml6NHgEcGqIqeDlZJ5g9zOywXp+9cNfwg==","shasum":"4c2d7b39f761fdd59c887166d3f79d0b79ea27e2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.6d6cf63.0.tgz","fileCount":893,"unpackedSize":1995589,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFSrgoUw2x81HDAh+gIeC5LyAOT61+xyn5wUV2kHvXORAiEAorVUNbo3vH1VNxQ30CpM6/+54zSeDga5q5WPCyzXF5A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip5iFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbqhAAgZUBxOR2D2KriHcF640/Wdadj1Fu2w+YSpGyk6/kcEkho/C/\r\nJ+1TKlfYtXM0rW+H6238SaImEMyfQ31l4NE4WB58y93TEQKwAffhIGU4rxSV\r\nLsgHu8ByBAZPyga4fg/i6vdoFsv1ZQsLmDmOTKmHyJ/CliKrLG8rfw+jyyCa\r\nv7IXqrWVMlxWidz0YGSWX9o5Fr8Wfys1EdZe47tMLYvS6GvqGrkdNUVqLa/g\r\nOtM9Ch47zBhv3wcDIBn41px8pUfEES7rI4Zv+jNYIOWQCr7WzZAdxNsO+N2M\r\nxpkU3fXiXwTJsqLM3/nD1GRNYc28dOS5LCBPnU0lgir6Zx9Jx3csDJlMDI4k\r\noWOI74CrWjc/34l4JabOk/Ysnf6HO7E6Tz/f7ruuQDX8eoVPhNDBEn43eYYk\r\n4qhDAGx4eVe2sJp1NIjvzjPVIXJ+yPo3P6Tc6euKrAiNIqwDjJTwyCa4Dnz5\r\nZq56xXbmbLcfqSVS18FJRUS3Gd3dYtCIkTtrGaTUI7AbWUuL0cYTPe7a8fk3\r\nhe2CdkE6J666GG3UDTHRCiz6HE4CBI0Q643KYupp7USVt9DMIjnKst5IterS\r\nCODnMBM8g56l4DEp68P8fQm6BnkoKpgFwWVVAFQ1VecWgXOPXSuQZwqEb4x+\r\nRu+ew6NR3CZInepX08tBSYGapMuYWcBy/LY=\r\n=vfx6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.6d6cf63.0_1655150724894_0.04815175802409"},"_hasShrinkwrap":false},"1.33.22--canary.c3abb19.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.c3abb19.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c3abb192782d4356eb9479f5eef2622fb60b8813","_id":"@atk/mise-ui@1.33.22--canary.c3abb19.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GJd9qNGVuG9Y7UEysApuS2FgPanG4fY5++1IWdASUCdk3K14rwhajC+gVGyqXrJz8l//70IUqToiw/KTCjqahw==","shasum":"10d02b71e0bd7a3c3cc6afa07f9c31fac12ebc57","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.c3abb19.0.tgz","fileCount":887,"unpackedSize":1971635,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE4Wc6JxTH64qDQWzES3HqcNBHFxXbI+vSLIapR5zsrYAiB2QMKwOLRtmZ2Qg8hR+QeOjKecHRbsYRfEMDrla2ppTA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip6ftACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmTg/7BkWDo2pzpJGgTDlEbdjDCc+MtKx8WkjRDxVGhJXpVsTi3y0M\r\nHAYMu7QaYy2Ghxcse83B9CbFKRjbwPTLb7cUOI7aTJSzvMUe5TDQ75Y5TvZX\r\nNEPXc+rvpiMUidgCBQNDCm61mMGNckBOBfl/tSGUJyS1f5U4kuclOucpO2C3\r\nVyaLw61tolcMG0aZHG4QJI7Wko1jAd3VZ58PUhpVuqCVU9syWAQFQf4OYrGO\r\nHiC90dsN2ErGwU5R7kAbRubYUjwBrPY4VV9hzdRx++cFM7UjXzj1tPYTbu+C\r\nxZOv1ARVr+nx9stPoJxaeJ+HmPA9rLga/1walbQXKyxfkG0IyNJrpfw7s7aj\r\n22zWyqB++Zrrf+XoZuqJGZ3ChSE0XozAVLwD6NEK0tY/7RqGMPGwTgwzQBI7\r\nPkrgn7ZW+IPAJ0R7Qry1L5QYVNHFDjsOmHw+DC9DNE58rs3n4DyRCZdBlVm1\r\nu5KFIZD9L3AwFY3BOO63p5MlljJpGUCHj+UsKchlpxI1noKMdI0LyFkprmkN\r\n065aC69zneiHzeKtWZK5ccYFHRaJ02XR3EitU+ELd4mOiXLXo1vKD0asMSth\r\ne540a2xT06C7SuelvMYl1bX7T5ZnYMlU7f4qnv1gonBRcR1B4FVJ1BgHIljT\r\n4sNbAxBOIUaF6FSpUlcYCFrHOVxowbZjSFQ=\r\n=lmGA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.c3abb19.0_1655154668846_0.9718821330340273"},"_hasShrinkwrap":false},"1.33.22--canary.ff89fb3.0":{"name":"@atk/mise-ui","version":"1.33.22--canary.ff89fb3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ff89fb3829eba673db2c89009c3a805f506aff3a","_id":"@atk/mise-ui@1.33.22--canary.ff89fb3.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-PHe8fpiJvEV6wtPq0qVRDJterCRegjryhYmQF61Tkotg3wI8R5Ey9a6m8qskHfbGSb3AtYjampKk/nV6yJ6NmQ==","shasum":"232313dada0a00068aa20955de8e286841d9e289","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22--canary.ff89fb3.0.tgz","fileCount":893,"unpackedSize":1995648,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmYeGH/q516EWtK88YRZIuSKuDa33ateA27bykCYDEUwIhAOU0JjaQlf0WUWZgAO2AntPScdcIN3pT4fcNGfm181XY"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqNyxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSIg/+NAhAJd8dXo6fsY8mPkyFxGSjbwJ9pk2TeBHmwECROcleizg2\r\ngzWBI4R+hi0w8cWy86MAEHQ5Ivd+s+hQqj3mcBBrnQ9FQS62kGDfQqsItxJT\r\njrzD7CqJfN0apO7ZcUkycJUpSwZTmP1at0ykXxDglRrlIcgnKvUn0p4qCjMy\r\nxzj62mABJEttdmEyfw2A0NR/6t/05XX5l9YtyOAI7eJNJIQHLUuAaEqO1Tdk\r\nJvPkeEt97oLSQrBshTgkSQ5jA4uPRdSlYoWd4RMZGMh1L9drTKV36gV4G6md\r\nHjjpVJ++JxLImgoHWFUiY3Kuxw7Ffhf1STOBCUYMX2G0nEvnCK6uoxnenG3+\r\nQGvWTWr3UWx3b3Qe1lxZlOevcy1oRGnP4DJq5bVK8GjbSW6lM0283qGdESvQ\r\nnLNsumm0I/9R123h7IjRzeO495zzvoUEsxDCkAsUSYkDyP0nGHG+fuiDeXMq\r\nB3EQI306pMcfkmQTZLY84X+REM7zM00yMqvxDFGR2UTjsgG6fbi0jci31fh6\r\nEwmTN1gpS0qv0A64l4iAiqIXgadc04liD/jpMmjAl6VzvOZRfwG5H0JzWXTW\r\nURzGjAWAJaK5feFXpBn5a757ldfbFtjYDaRe1IS94yz0ixJlsMa9b+Bw3jIc\r\nXhTH25t3v1DylkqEAM2qRdIeB7NPLzSipJE=\r\n=IoRa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22--canary.ff89fb3.0_1655233713062_0.28415774862205767"},"_hasShrinkwrap":false},"1.33.22":{"name":"@atk/mise-ui","version":"1.33.22","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"00c920c283e729829ccfb0ba2fa7e1b8f58636d3","_id":"@atk/mise-ui@1.33.22","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-2xqySG2cUo/GEm4twizHaGV5D271GS3bdHFKSvtjBYaOQqPVReWIybLm3FdBJCKspCZq8OV9bSvfxsC38gRLuw==","shasum":"ee0f731574592c533ae9f2031eeb83b78766903b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.22.tgz","fileCount":885,"unpackedSize":1971657,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHd53+6pMjJJnvPvHiVTSjnGMvreGOStH/b23Y5qvWGaAiBzjVXReuu+hHmpRwH29sIa5iXzeFOdNNaMO5WUxmTWIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqeTrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/kQ//djWMf1BqiHTr6g/LqZ8iHnMxMR+A0gJbk44HPjM1nwwsiJ9M\r\nTtPa+AMOR0pyELCfLCfvahVTFmgBOupUHgihM0yrleYkITJOabUEsLhZ5ruD\r\nvXlEvmIT8NqeqqUzFsxg3PBr3X4yPZDwfBy1C2ovS9gOugddXeDyPHwVGqAV\r\njVNwyyhnWuHL1NPfN89nlaoHGA4WV8pqzqkhzK+Qfu8QaG4bZNQDkwSZCSzu\r\nKtTKVdAA3wqYP/vAflKUMtdzFrMgbmnZxb0uhGRXVn7HJIoVI0bSgw6Lh9mq\r\n7a5obMoKAvElSCLw7M8oneDLPyaqErIaLocyvM+T0UeIsMR0zLSyCyzIvp5t\r\nTDBMbSxPz3eq/c05LjJtHxGJQFxwlVoh39/ExavTwEqd38SW/xJFtWPT4BiC\r\nSSMU7Dy4ZrZicGVFRonHGxZ7TtlDq9+7jLRyVcTKpc/8BiWbWZCnjA5aUJeL\r\n9HX8ikK2kdLqBJdNX/0rIu+tgFcCt0s/IU0E1/vdrSGDWYR7OzGdEMaIgz0Z\r\nSWG3svegMsXcJOSD/TiQeCNDIQNAo8gMtMIRketk4+1uFRnzwwg2VfXQHpKB\r\n8nxgns+VXbxnshVBcF5QAU44Lon3JXf4SH/Hr2cqQiPC+65yx5qBcCKXz0k0\r\nJG1O1LHZxPMOHGCS+wAqpXoPT17DTbQR66g=\r\n=uHAI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.22_1655301355640_0.434982481558162"},"_hasShrinkwrap":false},"1.33.23--canary.562104d.0":{"name":"@atk/mise-ui","version":"1.33.23--canary.562104d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"562104d53743cef987f5a609d6459d9acb35614c","_id":"@atk/mise-ui@1.33.23--canary.562104d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Osn9tVjc16sixsRM0P1etNewt5hdkSuF06wPR7odOojM0d418HytMQjLvSuVzAxjYsYEFGiCRN9dTl3O9MyZ/g==","shasum":"7e62b533bb1bceb987888cf5c9ac15d2f3a5cb84","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.23--canary.562104d.0.tgz","fileCount":895,"unpackedSize":2006089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH3xOcJhKsQcglcePm7RBzMtc4kPb506mJBwWtDntZj+AiEAjujN5hA+/UFFZIIaamhuVlmL6co0dUXWu0DlGU7l/VQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqe9iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo89RAAj9aT75gexgFWKkkAYmhV90aDcV3+eOcKv+GC23tcWisedz4Q\r\n3s2VUJp4MH7+3+HdGVWJpwQUFJYK4vnNNyIYJq+S2qfXPCa+6UR1brZb2qhK\r\nvsYSly/FXNPvBQA137b2Ww5JqxXP7FUjDnEgjO6waUxNu1OHgZ2/R7gt24x/\r\nt3xWCS/Mk6Kjd71swBICe4ecBcbbGIH1eY5ebXMEU9pHtGvH2kzwwsulJ9HN\r\nzs9xrxMC5Ctg7pdk82774d31dvv5pExl6/CwBWmegHZrdjEKxqLr6KSnE5wh\r\n1bsQM8fwvmimQgiLn2UDvavJR2Ct9aoZQulSmGf6o3d8vyZ5PjK6VfQbvt9a\r\nzqKZscAJUoFtBYutQUnaAy1KXeYDvurE3QzSe1xRMSKNnTweVmCiJjd2a4ZT\r\n3jTp50wiYbQ+5G+DWcbtifLuFO+yuROHFnPChYUn+Il6e85u2Ikj8web/1cX\r\nwVofk0zze8rGzhSQP2lsNTCPCRU8mHM7RfhymDX7YREWinG4NXel+c6sobpG\r\ntfCHR9Up/G67Bwa0hqN6ndLDVScHh9W6Blyt5RmkDXMWJcaItPQ+t9VkpSi7\r\nFOaCZ8M8QFrJmxvi5roPaZVZxu1MS3J/6W1929psKjJrLiYGgsGkkQ+F5G3/\r\nNTPMMtZBGEIY1wRTApXFmiwSUzy1TC0FyNI=\r\n=R6NB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.23--canary.562104d.0_1655304034645_0.015799921491221225"},"_hasShrinkwrap":false},"1.33.23--canary.c5eee9c.0":{"name":"@atk/mise-ui","version":"1.33.23--canary.c5eee9c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c5eee9cbb2fbaff7b53bb24ea64d9cdef1b5e6ee","_id":"@atk/mise-ui@1.33.23--canary.c5eee9c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JDijFxxTVZ3BaGDIuYKwUvzLFI0Bul2HhKVITpHJsPkANOxZmrAgTv0ZVP86jIu76IPm+HLK9TAQ89gRrMKy3Q==","shasum":"c0213e422acf5ef5db8e7669cbaa9ff389737d1a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.23--canary.c5eee9c.0.tgz","fileCount":885,"unpackedSize":1971703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPr5SnpYrw7CdEZEmR64n7O0gHyMv4ah96BdfXuao5MQIhAL1rjaSHJZwc3OzZbv/wZJ4EsluHDk4LbeAQ+egLBHrJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqipQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqmqg//V9BhPr7GgjKo91BdRZRPknyGkerSoFR5dVpKuxL9nYwBWNVO\r\nAZ+daU8xIc+8PGE8VL1ETXkP3fyt07MQYdQLTn9v1JOJPmZqvsOGmRXrfv7p\r\nh1T5OkWqhDFYfZK/kiXvOUEnRiMAHtgR18Wj9HeQJTeRHc2AUvIVK7CaThL4\r\nG7uPG2R+fY4Wc7T+uO3+d7vK/vumAygQcx2iv/ystz32Tu4fDanaKX/u63wP\r\nbF+zTl0Fwd9ufl1zTJFqtU/uHAYKg6ViC/X/jfeivcXZ+Y4hIGjuoWVrazFp\r\nbsTh46I3+oYNF/BIP2D+S8ubTDQEC3bLB4AZW2HQcmq4Zd+sW5sRNbB7rKZx\r\ncFYPT2MGaAy3bQ7Q8CYDjlpTRr4iaCFzhSvX2APiDov5K7JyppKsnALXSMCi\r\nshrdKM9KGYuoL7+Cov+TjZtSHlDjrXVCFIq+D3Ge353cvRMmM5cNpxJAT66q\r\noirQOe2LxSEhsHk4ngztJjY1qtl1EloSjor/sAAYcswnZQcjbLXZQKenWfC0\r\n7kfx5lXxH9HUvmupIN47rHDTGeRn4iyexreUoJe1rJW47tJFzIaTdqTDtT/3\r\nU6XghXRl2ebIkttpmxkia68FjvZMkIHTBvZOYyM0MSOhzE/w3KKEHM/7Xopy\r\nnuM/D//fNqnYmS1fMNsumAgDirHLNIy2yw4=\r\n=ga9P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.23--canary.c5eee9c.0_1655319120186_0.88855271538572"},"_hasShrinkwrap":false},"1.33.23":{"name":"@atk/mise-ui","version":"1.33.23","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"53e7c53605c982e2a311a6180e4b9033307c21be","_id":"@atk/mise-ui@1.33.23","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-FtaWJHy6N+KrcdoI70asaTApcojo77FddYD/P0CHtvKdQNihoSNImZunrkyy6/sUBch0rZDMRnzLjKB6DClMuA==","shasum":"2b65cf0c2c6299c82e4dd2b0156d98d6755a5d64","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.23.tgz","fileCount":885,"unpackedSize":1971938,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDj68n1mIaPEszHQjm06PIuafmyjNluO+KVvLQA5DzdCwIgT55AR4je6m4uphPOQLOvw8wuJCdp4gxM+Oy5ipnDHPU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqjH0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpINBAAlJ943hA9ZAhqISMoBoE4nV6i6Ay433iAMKazVXg7MOYG2mMl\r\no7w0m1IPeLbmwp2UuwPerSde21oSg20/TXXkkwajejuzEigS+TsiSduHPAzz\r\nEJ/d2yJoxF0+u8/hSiwGNhtfbl0gowWJXl0CaNdV0Vyj20bjqdSu6/IMBADP\r\nafoEuYh6JW6RJx5oftxb9SfEJxt3R6dKuLBeF0zHIgWDem0I9df+hShrPYzX\r\nTj+ME8LK+mV5RRiKUH4LH5BlOECZ5m9BfaJejLYTFuu4jhmM6qwvXbWSvoWS\r\n6S0ATFMiOSv3ZxWmiFV8y1DzEVBMIvbDAp509J8v1dufmLHrwVmqhpXHv5re\r\nAmMneMeeEGLjooFy7shxCysK4W033BQp7Zh6qiIzjBzLUptysZJ6Gk2cttCt\r\nQO5Glo96oITgRHdk8GtbGafjQvpwjxHM9TJP5JJ9TluDXAkvZyhvrEavP4TL\r\nbXFW2ss91es8PGK4zSW7kpSCv2ZGqV8AOGWVFHFrXCPvDcQkKh/RpiQ0G6LH\r\nfc0Vwo8ccFiLPjhzTX1tLXkW4SsazmrVwjij9NZunqiwlUB45mRUTH5DIyfS\r\nlKhAy/4MC+nU/xLbYC6PkBKKN0twVlzdGWZsJ3RUpLDRx8zn13mQuj4MWUWH\r\n3YRbecjS8qrtf9tgBZwC9ApJgFijsQKp2cs=\r\n=ESUW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.23_1655321076542_0.9253067757808595"},"_hasShrinkwrap":false},"1.33.24--canary.32e4e2a.0":{"name":"@atk/mise-ui","version":"1.33.24--canary.32e4e2a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"32e4e2ab8c94539e0bc6c1f3063331314b39a369","_id":"@atk/mise-ui@1.33.24--canary.32e4e2a.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-vcow14tgALzB0toOWrysw9ZIgIaR0yzEjM+GMHltjNfUnaGKS/fgcKPmDzueKjHz5rgVqUeTuQQWuV3cHj2vBA==","shasum":"c6b580929604b6051fa533bc8257a87bbaf7cfbe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.24--canary.32e4e2a.0.tgz","fileCount":899,"unpackedSize":2006137,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQviTn5acP91B+AIefgRiGGdUSrnhY37pTwX7gskMpYgIgI8j8WHapKC929I5oljTP2wn7+99EaITvu0fLebCMQFs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqzn/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx/RAAmzIrudUWp2HmjP0cVKxKaFsn8G5b2jxQEG4RQKNS62VyaAOQ\r\nhhPwURBhSe+6wGGN7+NYzQVhfv7GZiXXHaIdDkiJ3GJJT4BFx29AEBrV5G/C\r\nWE5aKXGHCMzrKG6QggkBQvQ4ZW63NK9tS3e7GdgtsP0tDk9gU6oEuMNd38mQ\r\nypeO9S/gGRgcETWvgeNhOVlnSAZ48NO6ovJNT2jTPWMFrdeeGHtlAzzedTZu\r\nTRQm1yCXwAxFAH4clqOSlSGIUus/c8NwMxkHrpRv7M4l5rrqHsofMCKXvZ2l\r\n2wNRQDLChjlx9fyS4skdfWoWlT9gloWHTBKXuruAMB4dLZ2K/zvm+zVYuuAY\r\nPa0SOw1bWhCIswhmVdvSWUnsv5QkKcv+tsbwf7DSqb7LaSeyXgRj3dhtJJMP\r\nLR5A2bE/a9z0Ym5oT7X3aRQ8ETiWHxgbe7+MU+rJTLc9txCuLRjEXpMQOHC7\r\nbgHI6udc4B4ppUxGCrRCua5CQgWfFiADF0tvnLiQxIW02pxl8dvXR9cDtmim\r\na+mqavKlY08eo/Tki3wPo1V4Ie496521x3SKq85Egj5vZ/gIE6+1sW3lNPaq\r\nC7Fo/A/u8ghRFOZ+uIZu5VmeYK9K1q6zEum8pcvKb+WgkTZCdBgRlpqe3Mmz\r\n4bJoi/4Kdbzq92gyT1qkshPVzyXAgezHiRI=\r\n=9+X2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.24--canary.32e4e2a.0_1655388670723_0.11122822045315894"},"_hasShrinkwrap":false},"1.33.24--canary.66e93d5.0":{"name":"@atk/mise-ui","version":"1.33.24--canary.66e93d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"66e93d5197b14c59cbaf466ecdd2fc8b443d93ad","_id":"@atk/mise-ui@1.33.24--canary.66e93d5.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-9kzzskv4lCwfVpSX/nmTOdOvDBvH+8RAdzrnoHPOx9AJuZOzn64GGbSkG/8mILKGQ5+TGy2eMetBYBTINCvfkw==","shasum":"2cc82031001f085f28093081b82949eb373f2865","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.24--canary.66e93d5.0.tgz","fileCount":902,"unpackedSize":2020389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLGDKgAXGgK/fUgAcI95yhXlOxnq/tFQu1CiRDkJUGegIgOt0nDqGGjpKoCHR3Iu5OiWfXP8VVLeWo1XCJn7P0VUc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisd/YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRtA//W7nuiQhJADi4Wx8NId+0ksJeYek84uRa/Ht/Lrpnj3NSeMx5\r\nIRjKRFqksg1CkEvB1v2V+r0KLPo8LHWQ3Sv+zwYPjU6xwSDkGkIz/L/K3GaI\r\nqBfGUuEQpbdSgEsmYPLVz9JtbMpl31xzAXVcsoVukfztaKTpufI7FiiwnIXV\r\n1+akEoFHATU0eBKvZLhpmKGzGqgNb+UugzNIkUuMMo1KuafzeSh4b46S17yr\r\nNASHGSce9kFQRiIQPCde3xeI8q0mqCoh6vcZwLF79smmxXZ3+hRz+MXQJIu0\r\nIGMnQMlK3yHP1t0dV9dFwBCAT61S/5brq4hh0vZ+DkC8s84T3AfQBknOXGFp\r\nKWnkqdKBuW0BBjimIzCAsppDjsit12fgV+rfm0R8viHZFfaNXiLOAko1FiHE\r\nA05yOb92hwaZb6MgSkPzjxbGwMeqPTZWsO4Nt1yhglKoYRm9/xHJRQ8dQmLo\r\nTQ2Nsem0DplZsfztl/jepwqUF4BDP606TG8Tdmlufte4PurmhUGorPj4mLkR\r\niZJyNewz2mNIX469VNDnEMd5y8Lu0Vv4HGYvbITVIEocyEWhA9qYuOU4J7YM\r\nL5eUVUE5EnaprSPMvreD2a7qPxocD8ai2/sgDly79PHK3Tgjz7ehpxYD09MR\r\nIfkt7iz4KgYY4nXCAnY5u1Sif+tVlcbYGFQ=\r\n=Tegi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.24--canary.66e93d5.0_1655824344353_0.7923409587225279"},"_hasShrinkwrap":false},"1.33.24--canary.de4ac5c.0":{"name":"@atk/mise-ui","version":"1.33.24--canary.de4ac5c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"de4ac5ce7ae4648c140048f6be46757f06106f30","_id":"@atk/mise-ui@1.33.24--canary.de4ac5c.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-hbFs8fVH1alo8b+Gm6JziroUZMfplyitN/o/njR6LZ6GheNzZQbaOwRNRA01g6yzWw3+NX1L040gKD3w2Y2GRg==","shasum":"8381edce311541ca0484060203195b2e7125520e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.24--canary.de4ac5c.0.tgz","fileCount":359,"unpackedSize":1635718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaG3XvLwzASKKdHlk8Ogufi+c175tZXIn2PmuHwPCJEAiEAreNyAIkaE+vq1BKxU8OK3i1HzKPetPigP8sW75+QpOk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisfttACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp63BAAl32L3+ONF0Sb/UO3FPhJxddgtMLO8jDF//E9XNqCrsQe4aYs\r\nToD4hW7r+XgD7MTQeKddHBVwp8viiN7CGS44RQlGTOv3i1O+mrU1zSYo79bx\r\ncTyj9qaPYOXUC4fPhgrY2lfoXL+nTiERkN7ELgxTDoBww71wen9TKvYdP2sI\r\nYqAy2a7syey+MoA333iD2WmWQD/jefE4UCnvoSSmoZSyt4yK6UpcxkWI5xCe\r\nyXZXQbQXKstuK2H/HeTGazX4/7QrU1jegXToz7Nar5THFWl/eDW7KoQIeU/H\r\n7U0uoG9uAxmUQhjSctB5KETJw8fq6XAEezWFZ6njxAOnO08WDf5IID4MYZcS\r\nU1WAXNCinxyTtfIojFOrS31uL2Hp4zKnp9zFvvpaetSZcktC/XDXV76SQlat\r\nt0H1UOFrVtv17vp1CVsyFYuwOWNsAoOheiqZqNPR+P5Ify1+OG5hPpBEiqoD\r\nYMCYQosJIzaFmyO1++hDVVV0sQBuDae28ZMRFXswhbeuBtvnhs7152sGxXV0\r\nRDEVcBNLPrxZIB1JyhTsUVXm9RPW1HjtsYhQ1nFUj/FrWAxpvL01bxQH+zGC\r\n8yxh4wixlBwIxjCfQGWoqqVfFD1Ha7s5auGEl9KJJa91SmMQqibn6CzP4hJ5\r\nxGnA4xxNPZpAnUuhqqrkpgsoMSc9GSclGZ4=\r\n=LYGI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.24--canary.de4ac5c.0_1655831404413_0.46430108914612456"},"_hasShrinkwrap":false},"1.33.24--canary.884ef9d.0":{"name":"@atk/mise-ui","version":"1.33.24--canary.884ef9d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"884ef9db39fdf4ac014d6688032135522f77ccd0","_id":"@atk/mise-ui@1.33.24--canary.884ef9d.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-9ebR9IBD7vxfcWFjmxMbQoTvOPYBw+PEr0troQYcSncRxuyFIkgkH5CHio3QNwbEmEk69otupIky5O8+m8EaBA==","shasum":"31409a6c760bea4d70342b18775d9d9f15f627cd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.24--canary.884ef9d.0.tgz","fileCount":902,"unpackedSize":2020387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6iDwy888PhdjZbHCAJBjKTAKw5nHYm6FK6bdiYEp4bAIgWTMTD1SpU6IvV9bJypE6vGVIdoZy+/+hpureOdoJ4Xs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJishgZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoG4hAAlsryz+/jzxnzHFFNw680qpI2qKRBtagMX0FwHmYiU2Cwvaba\r\njritJmn1CiwvERT7emGxLAd9toI8doJ8lMV7SzjjVcABidB3qM7PMZpvubAG\r\nC19z3haTNBBKnAc5VWnaXgC6OxmCUZYh1veQSFoSVgrVzgIW1QU1KhqpMrpn\r\njVJ4LCK4qU4tCbUlY8LK33PwIQ217W4Jt80sBO0nOr7JXGlnRc68ykbix39e\r\nJRpwurcA2MncUmg/N+2EUm90Ke5ZoCcyqnGA+8N84azvgeSlbU5Ipnp6Qo+w\r\noXVXocnC/zu3yxNMYDKMQSQvO87x0MBmr6HyqwCXy83DNcG64kbCpJ85bkxG\r\nMi+Plx2QI3L1xUet47y4gjb0p485+iUw5qOjjzX4gRalGf3GZF+OLUlY30zJ\r\nC6VQeCLoQHN/b/IHVUs1XJvOb8jcv1Nn5YLDZ9IzL/f2MVXvGzS7jfs7pYI0\r\nfsGD86kwncroJ3cPkBjOkuXOUZXp0Sof0Nn2AzyYbsxQp9+xqSEW/1OQzU3z\r\nuCgWW1++5KKY7svnol8+BJgDTVMQAy0yX6i4PyGivxdYF+2AKNYPQ05ptSzG\r\nJLzK+Amo+bTDo0Geabo3JMMyfcIbO9pSS+JTkdyKonKBvNx9i5XGhJz3TQPF\r\nrxVHGyQWAc5enpdLG6yFcZ+O6VL9KBuL1KI=\r\n=fDXC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.24--canary.884ef9d.0_1655838744644_0.9904022681477382"},"_hasShrinkwrap":false},"1.33.24":{"name":"@atk/mise-ui","version":"1.33.24","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"3ab651a3a2ed7343de89828a6f006a93a19a3528","_id":"@atk/mise-ui@1.33.24","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-GcWnTbeEXfBPaGeSZ3dG+tOd2x9POEU82FGzUPSN81JtIsaEIRcDoUnfYV00+1tecizms/E7yOLFrwvMJiK3Fw==","shasum":"a6605ac8fadc9d29f42800608978bd85cc98f123","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.24.tgz","fileCount":885,"unpackedSize":1973738,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQw8D5SdupOoadoVolIPORNYTIXqoNAoZT6q5QIKySowIgem34buArxbZ23CEqrLKiH2HwQVHdG4Ejy6elfjdrE2M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisiBBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwIw/8Do7DKiZ8hJx5cErC3pPDUZe4gze4D9tsPk44Sa8GaGr8Y8lQ\r\nwFyZxGhT6hxCevOJwP55K19Gs49dfR2ShVlgZRQtIiQ+Eim9CS+JfTc4RNQZ\r\njRq18wNd8DWbLImC1T/HWXYt4CdPb4GI5JvQdEQRcoaNMThpn4S8G9u5VPEC\r\nve9mjLCPQboSpmAlruBPju4/KrgYe4dMHrcdd2ttbE5n9UUBGO3I114J4nYQ\r\nf/+larky1/4loXTw1Z6SNsxXs8z616jGD9LOambycDxZXEQZrYwHVq9Rg4WD\r\noJ5zNXBrHePubhbTKp97btIYxGEfPAryc3iLoHJJoyw1zdKpNTtmUaXyph0/\r\n4RoXxmtthU/EmuyLGfd0Du1c1ZeMr0YboTnbQP/gGKs4Pjg5DBzCiRQ329Pv\r\nWH4iDVDLw5TzL8Izs+lHbfVXt1skiTpVZO/JmTmvvfcxJswDv6StV2safUdP\r\nfgUkqvx9OvZQ4VCRMPVjm1chn0iZlTuJjGZyyuGR3CLIwjy1bKwj1kKfXR9n\r\nqGgxnl6JHomgsr+XTv7vzjD+wKOT13WfB+MznEqHKo3m5SLsFXjoRERUCTtQ\r\nC6Z66tWYlN7Aivp59+oGUmnpNF6B3JWnJ75zdZ4Jt6/84oZ3QPeLtmCRlpqK\r\nIMMPoqdgr87V7JtFcOtRgHDkxhbnFqF7wRA=\r\n=6ngw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.24_1655840833557_0.17403057254175303"},"_hasShrinkwrap":false},"1.33.25--canary.75c4ce3.0":{"name":"@atk/mise-ui","version":"1.33.25--canary.75c4ce3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"75c4ce31a9452bb19c12d19040609d6555679f5a","_id":"@atk/mise-ui@1.33.25--canary.75c4ce3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UyKD5rIbzNQAxyccnkCyThj75WMNm44Ht79lHInrSbbKyvA4CnEI2tyAjS3s4tLQGE4lDzMOaktl/M/EW/OpyA==","shasum":"e7051165d29501ef2e2bf47e665651f6132c54e7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25--canary.75c4ce3.0.tgz","fileCount":899,"unpackedSize":2005766,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDdVghGtgCaCqYqSugTzRgG0SYGewbDp6uMosV/4YlLLAiEAlZYZJulqIED+hY/K56cmQtshf79lOcBBl6N94RsuADA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisyKFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqw2hAAhb21RhesjENjvaUM3dxJU0EiBtf6uWNdsfBnmRi0PZCdIIul\r\nH8su+UMzAHsYbAmNo2mh4sagexLVu8xDMwbIvBhR7bmMisYHPYBUJTPG0Pbk\r\nSGlDy6UGu2Fp3IbMkWYw0MyutzdwY/r9BsaPF4Qcktr843gQEogOosbxTUaJ\r\n6KLtZaH14yQ3Ivih0d/v4tUo70nzsVFmBpwgtWUPYsmYBdUt9bGOIcYbWl5K\r\ncOPKDVbutZI9f7YieS0D8OGBeCFk5RyTWjd2s9DimopVQeyzzVZABttizHMq\r\ndJJ0IOgxik2ZpgTTZPbmkW4nrrvJKn1lSjPFNEvQXSauFCygqAV08MAMGV8e\r\nZFK+0OYXtaOS6Rvd2heU3vTMplT5xQrMLF8rwWtLaC0J3mUkCqJP/R8Uhg8u\r\n1yJBUffOnZ40E5QqjomLB8aJSQ913aGlXRJEK8F/5cK+uN2NV33LFWkUg4am\r\nfAGa4CJKd+50RLzWDAIzLaq6SxgtHcuIboZeXXqv0nsevQmFUl+yM3sA/W/Q\r\ni0HL+FXzGTpBNI2Gq8CAl4xr4gqZV9FDUJ5AnHItFPEG/+HMSksLyGCY2PiX\r\neqJYakNsYwGLdHB0Ts6r+/w+EDioPNdLkQfgicweYuQvmbj33V+IWNlp0lfP\r\ngA1oHzZ0jOaGtgk353YGk37C083/jwiAjXo=\r\n=FblN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25--canary.75c4ce3.0_1655906949038_0.8915046851039432"},"_hasShrinkwrap":false},"1.33.25--canary.7851bef.0":{"name":"@atk/mise-ui","version":"1.33.25--canary.7851bef.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7851bef8b54afad38431983def8547bcd8fe329d","_id":"@atk/mise-ui@1.33.25--canary.7851bef.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-A1DhNhiBztPUOnBI7IWEApEMqEg7f28fUdtyTDGpQLqt1NdTVvsxuUuzBPYpXTARGF07/1avrk+hoNZDZBRjMA==","shasum":"161fc851b8b9365117f5369a425b3a3667d2af95","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25--canary.7851bef.0.tgz","fileCount":905,"unpackedSize":2024272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjOfbRbC1VW0w8XN96IBea1nWmJbeAP5yfth0zVwdXiQIgPcVNx6ncyDK7/ZVeVPBCulhgavdAN7qOtIuayhzD/ss="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivxQVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0jw//eECMxIjT9zcGcgG89+maFkIGi6pKdhdShwGUVGJAcKhKf+eM\r\nZSSj8HtdZu0R2PmRpcHRYbDjZHrfp1TrsCihu9gfJcMdVMMnNYVTvPNKvdmY\r\nyJ/fRBW697A9kpxsImNwbEKr6wR6nZIW98ZdP/ek1HoXAgSFL0rYkwX2LlJf\r\n/gUcjfG+yUP51UN+n71FZ/Dht6K/lna6X6zeDl0oNNWCAl8se0PgZndDht4Z\r\nsoD9i6Jdni3DWye/CYAOyUQXZUuDygD7/52QmlKZgrz5mbrX10wkL/UgWHrO\r\ncEvDYZY5ExMtLvjSy+t+lHHG4zvPHYC7j/MJkhb3Uo8tFo4AZlh2ti4H4oEG\r\n2C7aDH9qzB8hvPq9l2uVkuuJpBnos8xH8Cuqdyfif5hCIEYsjOGWOLSAa55j\r\n7AfPNZBoeuVeDDgVNZokeos2mK9Ipyo9UEMgwNuV+adrS/Kla6mLDXMO+/kL\r\nrJInGF9jhvhL2o/nTzrTfHDTNb3fTPiprYbAlzK/GL4TbYdKh+TGd46nVdQx\r\n4csuBKXyIu86tQTK4WjHQCiRhHEd2MesEHDl92c19rQ8D+uwnB/sVU5nYUIN\r\nmL+4LMdbSsk+i9Bwaxqe8rMj13LOZ61Ncmsuwqnfk5G1rGIuTUKcXaRFD/8T\r\nxx6sOgAFjGZF4EfrBhRg1RY4++g+SvE91jM=\r\n=Wuna\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25--canary.7851bef.0_1656689685664_0.7220209033616143"},"_hasShrinkwrap":false},"1.33.25--canary.f5de5a9.0":{"name":"@atk/mise-ui","version":"1.33.25--canary.f5de5a9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f5de5a9a5c6b24f570626569d3c12cfebdc92079","_id":"@atk/mise-ui@1.33.25--canary.f5de5a9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-SiFZ1XyHK5hcm/nLLP6Pb1RC1s+ZmA5Fao9bAagjwuWlRQaC6XyZ/U6OKpRG+faatvCQ8N9Oi/Bv886ldgWEvQ==","shasum":"08c6627255833b747d12b7162ea0254e8d5e6267","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25--canary.f5de5a9.0.tgz","fileCount":905,"unpackedSize":2024334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPc0n8kR1K680chFLz8HX/bKNQaspij8q0nvjIKznO+QIgHHRhFC6iTNJOYcj7pZaJRZ5DaB3nfdW+XmbnoGHIP7g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivyONACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ7w/8DFWzNXun/r/c4jE0iFYc8GQNATF8h/GrcVBCDqwpRDFISboy\r\nK9HahhPSlwDowlKUcjV+R55CaYuZHaagiN7HxK9g9tKNgBPLOeMzqkJ6spUe\r\nKLF+vFbw3v0bfxcCMLh2q0235A52603ki7/z0638C44U+lXdMkHhG18vZoOn\r\nhoP2GPsGygw/6oj8+rFD6bXqCM3VFaNNe7/Q1P/2JptiQHL/ypT7ViBp3IwJ\r\nEr/6qK5GjDsCvpd5e+ucqPJQG6AvhyBmVWvSmgtY4STDIx/7yVdP4zEv08f0\r\neAmzTd2sGvW5xnLRl7PIe88XVF6pXUtuRXGWpmHv6v9zz0rAku6UWSTAAlG2\r\nNwTKR3tQkhWBUluKOtcxaSfVzlCe2dr7IqOci7picalZnvtm3kq5GG2Mszzh\r\nhVa7ZRfdMbGBDJ2iiPUb4Mstb5cohCRKqnsXlugkB94ltENY3/HlJzxXHVOo\r\n5vi0b9JhqPg/XKZx5fPEIUf0icVAiA9589VydErQ9eflO2ofkJ57wE4bNGaE\r\nogzFR2lFQaC1hYHrQ35VANyokfnzVJnVV0gDF3RzhNAB+gz6JA2eFW/g8aj9\r\npzCPh0FQeSDk4FW6Zn2l1AyUL2iMXE9Mcl6Jn6LDQ1EWxDUxgmmw7Q3kb2zQ\r\nF5e3pfbAdeU5uo4dUI5nZrlHZdBnt7VL8Fw=\r\n=q5/m\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25--canary.f5de5a9.0_1656693645584_0.5636912479399079"},"_hasShrinkwrap":false},"1.33.25--canary.4a8944e.0":{"name":"@atk/mise-ui","version":"1.33.25--canary.4a8944e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4a8944e0dac3f76f9624621edfea1efeffa606dc","_id":"@atk/mise-ui@1.33.25--canary.4a8944e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qsfUGXGsLzz+N6V9Ce1IcPPEZcBmgizmwxjykWOMf+D4Kd3KQIgSXYvSPBBRdAUErcfI753gSsG9tyW3hN/GIw==","shasum":"254df769cb2dbb9371b2e8c501113a63a999a27f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25--canary.4a8944e.0.tgz","fileCount":905,"unpackedSize":2024292,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/D9xpYzBXlJ8Alro2aKg7svndC+Mvv2+gA+akIcLFWAiB2fYDQeRpCCjGuZoNBp1yc8ORdzTBbnjP90pN9/zMpGw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivydLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1nhAAmXilDqYS3Z1dF6LTu2ad8cb1lzJkUz8stmdMQfGXma3GfobT\r\ngWR3l9M5w2BUSOhlykXkKuR2YBMFrbnunRKK8F3uWLx+fVYoExCOAKef/n6e\r\nVB66jyHsWtAwsnS9mos+htmJiEC3K9DAY/oZgHvDncKpxyDjW8czV14U5e/V\r\nbYrsu2/bjRQI62r0Z7bgXO6m5QILcxKtvfXBnzz9mG5ogveqM1VLcoGrnpMm\r\nruzQDvUAjgEBMvNROTVpiPQZtcWH1Bkz/hzK6N+aLowdpCV6uokxjXDERFR5\r\n6GLTNTKZ/vjB7GS3DC8NJUG8+fCViNZ4QWCXCuETLhZcLa1J9wrjwos8RXdX\r\nBgDy2nssZhZdKj3pvMWBbaNahXkMSTNKKFfdXAA1U1V8UBuvuyEVpJudZ/mS\r\nrtB1v7uHpRvoDw5ayBXlvRiJFXVlbZ/zIKCxKGgwuiXKMxegtr0HQ2VstHNO\r\nGv1rIzPMQrQVJ/vFmh6Jth4CnjvBpoaykL+Xvfp3Ege+YPCOYA2OjCBPuS78\r\nUnqviZptSwbz2naRlwUhFXqIEda2x5ViBqMy9RulmnASmHXmrsbbAxW9sXsj\r\nYhbgtg0R3qsrH79BA+AKhhg5Yt/uRbpXdanGVk+vJBMw1CXmjpQQLdKWpMd9\r\nUc20MahpYpyq/7rolCVDpUNKNMfAx7gEk80=\r\n=suwH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25--canary.4a8944e.0_1656694603647_0.5430439237763975"},"_hasShrinkwrap":false},"1.33.25--canary.1f7405d.0":{"name":"@atk/mise-ui","version":"1.33.25--canary.1f7405d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1f7405de20d4f80612a34059f2fecbf9b30cc8b1","_id":"@atk/mise-ui@1.33.25--canary.1f7405d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XRlVQfgcVVFnkTksu7BVUBNcnfAJjHVBKKII6ibwi693YiyIwJ+KckM0p8MxWuc33ABaIb+/ZyyT6y3uKVDZHg==","shasum":"117694e4b4d475c778c60d135c4146dc39258cb0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25--canary.1f7405d.0.tgz","fileCount":905,"unpackedSize":2024334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGTuUhHdl5BzNoJSvYgqwxISUg4SDuFFFq62qsPsFwvaAiEAw2PlGFcCXZKdrZg+f2VHCHvldumJikJFyldt++6QNS8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivyfaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcQg/+K6GX6bBc2fWsQ28inVBsAuyChL0B2jmCEg0qnNCSWecFiz3B\r\nm1objGhRP98f6BJ9cRIKhfbPl0OteRKCO1kUiTPONCu0bQF/tH6KyzIVIs4Z\r\n3yxgD+jevJCKQUkvJe/bTxWduS6LXxriHHYYI9icFauLEDrJjin7Zp2RMQgO\r\na0DPwFxZJ+lgaphh8c3fRQmLgbZmzAP2Q045jRL+0HM2yFcvO7xQzFQzJ21G\r\nVPeNveo+lRP7aGzCFJl3sPLnDuXNMzGEn8sYAxtprGKBqJCWKU/ketVLTCch\r\nOlwXIHU4093oFRX/cVQWG4apQCRbdpMI44Z30UNOZU+cTtiyBltM3fjxbOAP\r\n0s+uMj00T/qERH99B4WyAsO80OrIbZDXPlsjIf4/EKS9UKTUX9/KG26itKrX\r\nm8xMRUqT/obb/l32EX101Ahc7zmyPZZi4hCFjYiqq08a+dTDCkErHmbf879w\r\nm0bxUeoXDlztTqetiVrKtJFfLAbUgwD34U2J4cW1pM6CrOBMzTWbBTNyg6xn\r\nKEl60GzUV6Cm4xy8W+myuIB85xZ9XddXr5BZx2QUi2BMjLIBUAle5opmOxN0\r\nEd91J0XsfFx80hDYHDbB3ctmq7e3bMqY41bhJOmFqrBJIDaDh+cCnnsn69yi\r\nI21aQGCqO5l/iVHfDWz92GXrNKUve7XzNY0=\r\n=391m\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25--canary.1f7405d.0_1656694745844_0.38782975315823065"},"_hasShrinkwrap":false},"1.33.25":{"name":"@atk/mise-ui","version":"1.33.25","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"a9df996187bdfd9d104d60627b595de25b13c766","_id":"@atk/mise-ui@1.33.25","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-sHAG8EvjKtu139bOUHtDDHBMh3DPfOUPeDb8+YyM0HijGqVtZo030J+03D6+KBv1SsTsliorRdkLe77nCkFs0Q==","shasum":"84320d0a31903074177ae0a4691015fb2a2b2bd6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.25.tgz","fileCount":885,"unpackedSize":1974065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8hoMHZBePiZcu95kpNj54niwLjCjWQ05Ks3Ql2U1R+wIgdpdVh9oSBwDx0oErjlq91qMHZMDfH1W6qjFZVrTAIJQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixFQvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP+hAAlVoj33JR4Fj0YMDIOQzWDWmop2H+rcrbZLTJMmj4a0xLM/9F\r\nE6H0ndREQYjDNCDAmMSOkQ62QSfTyGoRDdhfl/4meVmUVkOTzK8F9cBQLLBK\r\nmDuVtu94VC/HeoEdQmBOsE29uuv4FRS94e4UtC1jZrpWQ7AQYDFyBBiuvUiL\r\ndK2Il75ahEgkzaCEihP1OKVjLWr0OBcwOi9kNHxxVbQsq9dUliDYewQZQwrn\r\nOu7MNKpugaRYlYRGgETdG7HOkoXfJr0aXMwWywqPOKnQfDHE5sL2fQwdrwev\r\nxuLbF9yd2Qk/O8DjgaeFlUQSYDqVwAtpc78K0DKpRvzGYVmw1I6Q8lbcEQL2\r\ngDRFUCaR44wZ3cg48wVagbusrfHWI5VTKjrvZcrmoe5VIJpr8ZnXD2UjIyoQ\r\nlK/okEitGYfJUYG9ro57TzqrBM7B/NRy4AwR1zWPD//+JCWzxxaCZOuF9yZ3\r\n+sVowAM56EJ82WnaHfamKUODhPkNtXVVOPYrMjz5Q++euDqnM38wcXkoWsOj\r\nco/OKYUtsMWzWt48xmSEr/I8zIBHqR5tSLkaTuYsjt7AMHU3+8YFtZ9rk0dY\r\na8AJVle4FAvtAHfJp+fholVBVlndR2E9jHChR45o9Czi41k98IDUm+cVjKCb\r\nVPL9RmXSctorfXblPhXJyYy9Qz16qmQHtIQ=\r\n=9bKa\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.25_1657033775501_0.6018883867189655"},"_hasShrinkwrap":false},"1.33.26--canary.bdd5f29.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.bdd5f29.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"bdd5f2952e9171bf2ab896fff95eb66eacb81815","_id":"@atk/mise-ui@1.33.26--canary.bdd5f29.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-F7Mpng4TZwqGV0NyZ0If25hUwqIhRN17wjvzkCj17CGk5I4IbbrxNfjl2quG5yZLg1M0r1LqczHzowcUnJaLkQ==","shasum":"d966e52c0a170d16d2fcf3a0c46277b11aefb291","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.bdd5f29.0.tgz","fileCount":901,"unpackedSize":2011843,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAbz1aLfwAATco/wLpv7xHMrBkhHc4RKano/va5lHOqQIgHLp40KrYgsTv+qHw/0ANLtoqempuzBNoK0JQ43SZgz8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixaVMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog4A/+O/X+4eXauhrVUoDi2y63MUteHEzmzEvBBAv/C7Kp1ORSfvpd\r\nFMgMgjzBnLtiz3LKO4qjjV9F4sIZgdBOJtWllk35Oyd5oLsT9zda5GNp0OBE\r\nt11VhPJGzUJSPDy7dyY/iJgPe72u227KF0HzxOEoBbXs1k86BFCx8TZplGlF\r\nJazYndml6NJh/rQL/aAqSAaJQbOnsNhYS1zgDplpAMPXCgnZ1ylZgUO2I5OT\r\nWLNEVrQEXp53ic0kSNQiCCFI3UvadKv9SUtRfuTq3q7LP4YO2yQphKtxeELU\r\nSqH9lAU5ca8kZREfjd1fgHOdr5XbfEau32U/wlS1o6bbtIEsainDk8DaIt+i\r\nE10z/Gy7RcrqztwbHRn+9nGqgnypiA0eAwi1sNnIkomMLwd/b/GtkflcVDWN\r\n5cYA9tZLW+9zbUv5OIuf/oKCB4+7O6nk7qB65Oe1MqEguijNtm4GGMEPAtc6\r\nEO7Be95klIZxVfdn66/NothZc7BBt+J8I4xZz4lIy1/5Htq38KdSupAZbBG7\r\nL41SKZopgZTAOG5txRJP5TZBe6tJy2daaL0U36bWbRsuBOUWMR+t16OItAJP\r\nvpJkRWBy+vcvO1NefG5e53p3SK21qnwIYNA5Zs+rRob+vrFrZ9s0gFzYuA3u\r\nq/RN75lJJ1TALaKz1rq84a8MKMzHorOI5us=\r\n=DZBB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.bdd5f29.0_1657120076414_0.8239987265345252"},"_hasShrinkwrap":false},"1.33.26--canary.778aa6f.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.778aa6f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"778aa6f3aa211be9e3e690efbda962dad92aa9c4","_id":"@atk/mise-ui@1.33.26--canary.778aa6f.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-N3TXq8xXNhF6IrujR0Y5iAKPXFPCcjnmqH2OhcS38tZS6nohesZ85ScUyLBYdeX8wFY2X0gWcVMCkUQVzWPnWA==","shasum":"7a6066cc2f32d7db982ff70bec0bbc5a76008939","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.778aa6f.0.tgz","fileCount":901,"unpackedSize":2011945,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDKfZXHAHoIKp1r3gju0rJCtaoH2nlS3fBvBSWNXmba+AiEArkNWCAXVoTjgBkf/RwzkeEEmFWrUNNS6tdYzsqH+Pe0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixa9uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+/hAAkpXkwf+GA+rd0/Fd/4g1qnbLPd7QOG5UJHsvry0b1Ma6nvkl\r\nXVIstP4liUB2+PvYzEWaTBJ8u3xa4w7bk8pI68Z80JW6m3IjDg/FtRteJA0u\r\nTVWdbQZKMPhGtcZCuMMK91dNf07CWO4M4CypNTrdqwr0ShUl0HLTf0BVSaCO\r\nQO2naMh/d+VUyTuso4xMb+v+QBek5n83fCLWJnAu7e5JJ9+25JSeKttsIje8\r\nLDb0sqh6iwMx7bujZkR1ySamfF7zMhyuSDucm3LlloJUK3nLSVMSYVCfDeZn\r\nqfgkGBYnRTPussGHaeCA75AjyWz+zdQMglUPFg5yrWka6VacvJvrP7uPogjC\r\nwQEBH9xOoGjhdquSy/belKQXL5W8KvAGnqXF2d/fQUF2Bpc8H0YjoqYuGL3a\r\n6dPxAIdcqaXL+PPknZ15RXT/DV3YR9SGXZtSEeDW4bZGOARV9iTF7lrnfqG7\r\nf4+1LzNHz+vw95mwXItaDtdzGszCruolUC8+hv1jSusm4nAbKWVc30hNtFNb\r\nGy7W9QmvplyjOp1UPDmTMQa9rJ2/MPkEoVXkDociaKp2ybt20OPZUG8ugEKF\r\n75ytEtENNZKQSBtEU5b9kjNt2bmAiApulg2KwMbPqXMthEdxukrrkQ+ksDD8\r\n4YP7wtvH9RTATHHrhAB37Se4Dc4ogcLMHqk=\r\n=HkcA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.778aa6f.0_1657122670102_0.35146003395244674"},"_hasShrinkwrap":false},"1.33.26--canary.657cef7.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.657cef7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"657cef73700f4e925861c1d50192358d122ac016","_id":"@atk/mise-ui@1.33.26--canary.657cef7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yYoSSOXGg7qXo0CXvJ1sOpzOt130PMyPep8dlwYTfBwxdcyEkq2pB7j4yQduFacIyvLzKHP03dK0VJqQBTGh+g==","shasum":"4272c5d23da4f3f2fd99744bba87b624282c574c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.657cef7.0.tgz","fileCount":913,"unpackedSize":2043342,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF7rpjR3kidmss6b0TCFx9zeDHF6q+6hRmg662lrD1ABAiEAj9/22tE7FmToKtmbiUgB0D9Wh6u68XEzkRusBGkI11Y="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixgA+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgMA/9FX1kpGEwYbhLHpj/E6EooXz618qEqXEhyGWKqjTfkjn/0/1y\r\nPnyJMjex6unPwKaPu/rmS8EWq/K9mBB81RG36Rl3xlQmq483Dne4qdos+TE6\r\n0maFpxEPNGZzvmxpz/TBBrQwIPjj64K+pJSUHRqfDlvlmja3ductw0qMPkoM\r\nq0R5WFgSR3qMKhWQKrHhbIEJ6vOFT67G5FQIs0GaTClniVY6m/LH9NkzFySe\r\nb9/UYeCVFv2VeQEs6KByTnr7IpguDMyOGstwsHtn7KPxxZkzQXh9ZTniF+4Q\r\nFH3++abbun0UVKh2VJm7ufkEJfFBgXOP6fv+jC8BaBE00WJCO0L76LFIA5Ql\r\nfOIM4kKyYuowcuqsh1ucB/vnm2UcE3MaxXFtUaJa8uVhCWOZQRiEnCFi8iZQ\r\nnrp10xB00v8H89dab0Ld/aXyJuAzv6Wqs7tl08ecxdfWjA12JpEP8Xt0ABY/\r\noIQRVlkbGFjnmRBrtrj0yrRIysrtwMl3+eOBv+1y3QJdGZUzgoq9urYYbEgw\r\nqlc+lP6gYPxzaj7xGuhKx3r4JJtHJwhHLLOYl/nPJOfoFumvvx7DJT3zJNK3\r\nL2nhTX6FRr3mE1V1d8ldyk6idIA8rfsX/Rm0++erRvtcpyK34Xs8gXjW56sv\r\nn2plx4iXoIxkt9kig868kHFK0qExzWzkp3U=\r\n=IO0y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.657cef7.0_1657143358168_0.5329193122157405"},"_hasShrinkwrap":false},"1.33.26--canary.8403cc3.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.8403cc3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8403cc376158ebeb12ddcad361f1d99965160838","_id":"@atk/mise-ui@1.33.26--canary.8403cc3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Xg82OwgeIQz1qWVporyiOcnyaHLJYYu0vjdytS2pvQj22LvdcXENjkDKNylWS6rCwKvKeRWKJzh/dXL8s9oJCg==","shasum":"4791bf9dfe5f12d9f95edee20affcff0dc6d68ac","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.8403cc3.0.tgz","fileCount":913,"unpackedSize":2043733,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4QWY+KfKyxv0HzIAImKIr+eo6E1m5lWGk7Lh1guDfSAIgHoIuLDALchmohFGXXR9bE1nZnHU+quXZHKRbnIswc0E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixth1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeyBAAju6hRjsvd7oK9yaGAyAWjsarcpc0PT2Kgve18NdaHJH6WByJ\r\nEaxxndtLkEz4wCjJo6NVYFfDruX4O9DyZar/7lwo0FtdwuQYMGWwEby0Lq/r\r\nwGzZzFo6eVdiG3fD5TTgessEncGZaND3tnzihpdvME+RYd0c4HLOfVxMtbuv\r\nCEH5BDLeDTa0izEgeyBuVgiVm/pNquQ7+uZtPItzmq9x8GfT9c8QtPCBxKJE\r\nPXUjBtrkbN7oo9F9lsKAyVra0cQwInR19rH/BtazNfyX91SJArA6qjX1Cv6t\r\nKjud1X3128V8Jqf9uLc3MosxWpzv6q9gdDh0JHF573vy/TmCs4b981nVus6z\r\nQn6MHMNZlqQChFLdAAuzwYc2mPxzs92zPYDIE1YKvmY9WAu6fnNIx742RBqC\r\n56/uIhJ2o8bZ0Jj0pUAMv6BNJJujtmE6dG7Sfe+I5Dsi3OdZKw2jpxYoNend\r\nggK5TN45pX8aUUPKe8GltRXnINX5jMkZTyTYhhUP4VGL4O2DxTA4x2W1v9Mc\r\nMxY0l2dsEjBSW3iOxr0peusKAGYKotMEygrmw8+Qh1cBMaZ6mgrCfdW1r0ov\r\n9xjWqmg1BL9csFTVZ+JKiIE7vjdw9LtEGFwzyQjm1qDmPwghFLbhi3GgQlfG\r\nXQ4WqDr56eIRSanAIDZVYT8HfhI1VC2gsPE=\r\n=a5RI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.8403cc3.0_1657198709076_0.09505637767106845"},"_hasShrinkwrap":false},"1.33.26--canary.47ba1dc.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.47ba1dc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"47ba1dc802c1415d3399018528d698d92f6c0800","_id":"@atk/mise-ui@1.33.26--canary.47ba1dc.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Xbxjr46n9HGIF9zUiZfzzmCFcIR1ZFoRgEKBGMmqFqd5dbzE2aFd/3hgiOQj34tZsuf3hhhBWoQZpyp7hhtfcw==","shasum":"8834b6e03f4f29748fab6cd1f2134102175af91d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.47ba1dc.0.tgz","fileCount":913,"unpackedSize":2044272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/auxPF4E7mU9Wo7GLg4cUeK9OkS2n4qU/km02V6JbTAIhAPfnspqAs55r9xu708UJOnRlIm2g6EylRYFyoNtI5+vi"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixtlwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrr8xAAgOc6GsdYZu8rJJJ+/SG5/xwpADes9STeKRoodjHS0wl2PTVl\r\nVBsHQs9nwP1u0iId9uJv9lLyfmoSFAanuj8W4ZNOI2oSExcEED0Mf/S91Z2r\r\nbyR/UPsHkEG8+2grZy+WpIB0y/E5bMYcJnTAaJtIPjyO0RuYsYs+X8/6oxIp\r\nn/CIkTwgwWbWkMhKZZNAmTUgU1o11AG3273uRkyJXhpsl8/zt5kAuhteNWVZ\r\nk5dXkQ+0Dg8kXYkGL02C3A6Up4eiqM0JWIuLiF+lqYIAYzCop/Or2Ng/xbx+\r\nnukBxLHfH+EF7xkha/+6TWubtaAlLeSr3S4z3X2oPcx6sjhRfLeyeFHfn3np\r\n/q5WUwG7ZBGE4BJgGvCnCjWqiIyOf9Xjx5jXSCRwN9r8Cdn3OVp+7HXSK5aJ\r\n/r1puu1XcoaXD0Y4hrv++P/tRTJonjlw3gdmh5UTWJaDTyOlbWWzWYcBi7gX\r\ni07wpNFAX8MFPjU1XlgN6nUf9AgRUQRLm0na9NKJmqdUv2n4CJJfN1V0Wg79\r\nky2n/V4xOHFvS1r72mH6dahWKjs2pJmJaMsbpkQDmmVDtZZ52/ikfBOuQdUW\r\n4NM+v3D4LaEqyia7IVuQedEpwNji28IlMCAyVLQ+vCucTGb2dX16b/+hUxk3\r\nGeGAnEJOSSv8XsEMdRDygiPJECAO6z74JBA=\r\n=MSSS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.47ba1dc.0_1657198960366_0.5228781432938729"},"_hasShrinkwrap":false},"1.33.26--canary.51d0b64.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.51d0b64.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"51d0b642b9a01759d34e8f648c7032a9f78f6f60","_id":"@atk/mise-ui@1.33.26--canary.51d0b64.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-j2DRi4hxpesSqxOSBr3kdQzTR4Q/v99a1+TBV9me8CiDlrmgptDIYCwXmNuDAwgqUJeZxeAXxfNVFlWVsAaUnA==","shasum":"602adc9ad376e3ff02e6972cbacaa35c7ca8953d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.51d0b64.0.tgz","fileCount":913,"unpackedSize":2044315,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDp2Qr3VFKJ/A7w1ZZrVH29IzLsUADG8SoO/gZJ6pKXNAiEA8I2MD/sdnH3SK/wEe0y38VGhAN3znxopEqDWB0Fc9sg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixuCAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPcg//c4F+rntGDYIbLFipves5buNPpTVn+CNdsB3P3Mss1SjnkgCO\r\nym1csJBCCdX9BGl6YyAJLZtojh4yxblOdtmjT6sMsx/GbLWQKOhMRUHS9qo9\r\n5A2XqbHlP8pWuYt0jOgKi8rz4dgDSEn0eJrMo0weN2/r/667HTw39bL0rzBw\r\nKG6Z83uo3e6IYzq/M21FALueDeuO6Lt6E0c24PGAPmJD5OIHibHAq+HsAZa7\r\nzNwzS7cB24ihxIkuTNmZBkekVXYDXA9MOpTetotlBDYqLX3EiW39seSxze4/\r\n1/BNNaNEFVdXOiENUcXhl3+8Gvj3Ed4+aliMnsrmQVBMAHdeR3mPUMDuZx7o\r\na3n9NZ2vHunC2yJEth7dvZF3NR8JIz5qGAim7Mnlhka1XgC5FjIjABflRSfr\r\nVW0lnXDmPlK2BVWTAkCeWINi0Xh9bc44bN3mXSbU12fpgqGDU0nk+7JbSwFW\r\n3HyktQjOZve804si617raPONN96hjHCO9lZhSh7vsNcoUzJikUZRgIbYofAK\r\nvHd+zUXN3zkHDVLjmi8V2q8JLO/FHpfBxVzYIbMOVce84ZliLK3+o95yFvDK\r\ngdiZkr0PG8Lz7hy9JfR80MX6NLg5c8JcgsA3xMVR4xU2yRa4kwDZk9R4Q9Np\r\ntIDQAH2ILkmp4VcWtBdqVmIPox35EQVj3N4=\r\n=ctPi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.51d0b64.0_1657200767823_0.3334133013078586"},"_hasShrinkwrap":false},"1.33.26--canary.0214b6b.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.0214b6b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0214b6b86d06db9dc78859a32956312bf2ab316e","_id":"@atk/mise-ui@1.33.26--canary.0214b6b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ENa/cyE6WMYPZ6Qy9kDkjbVw+ifatUn+76S5LDghGgAnNJW/iDArPO5uEhtAl+ta8/ZwZXUcneLL4mZ7ixy/1Q==","shasum":"1b255880923e5c4b7dae1b381b02e253ae7b992d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.0214b6b.0.tgz","fileCount":913,"unpackedSize":2044332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDXckHVRYA/8/9E7SAIFZh8TDAH6WFFtnu8QCDyyefPaAiEA57W0yVPObR0U659c3z1JRen1vwgsf2/9zSTxrOvoyyU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixuFWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6GA/8CpDe799pp2JN9xoDdub5T0+aRz5u64Yheawfc6ZSoLX2MsyL\r\nTWNDpA4mnflBZnkJtbFdg+OjFa/0WyvqBUPwoh3n8HQET9NWCmjlHwpTXRmx\r\n+JyHChF1kfzJahnAXTzr94Q60iBj4eEFN/+N8p8/9UXsCglfYvxq7V+veMxY\r\nLnd67cd7yFYjiH6PoFrlGtA5647FjxaqEkSRNC8nkTs2bZfFsjV0P1QV/t7N\r\nmV7sLLbZsTS4f1a+YGr6v5khva8g0zQeAmtz0gcbaJn80GO5s21mzu0YCIBg\r\nria4V1xKpULH0z0ejciS/qKfYOtmhP1hS9ZGH/m7fjW9oX4XGL75tEQgm4r3\r\nOrfACYLOaKFeZxyeJDXoUIUMFbfAzud6gT1JHIbGzkkyglTEOt5vpfiV9/wI\r\nWavLzDdUopgoEYVZjwLpEWsPX3TkgvswePeXrIj+k9meNhtSdpMjXu1NJldt\r\n9Ehwm6q/Y1lm2RUHZ9LTcz2vW5+/bF8nx5VGLQj9pXUj5cXfCEApa6Aa9JuX\r\nhLRaKgK2gg4/5Mad3XsGrwvLpV6498sdpiKxEyDNu5J39SLpil53Tn8x7Jcp\r\nv1bNrFJxrOGlLsJRJL4qpOPLq4yIn4TW3OpsAtP+eT9ukEn8s7MHoKO0fvdk\r\nlfBb48fzfOyQAvBy08f9EtwuMK28qzVg0UE=\r\n=8uEr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.0214b6b.0_1657200982047_0.0033611439724003933"},"_hasShrinkwrap":false},"1.33.26--canary.7bf0367.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.7bf0367.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7bf03679402bc8e2012ec3527663e254c95d56e1","_id":"@atk/mise-ui@1.33.26--canary.7bf0367.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/Dvp+yX4hWplMlqA80cOyd4At9KJSGBzKI6f4yaRwfhE4FdUsWuHubmHm4glNBIZ1ixSL2XO4Q/QlZfxDv1wrw==","shasum":"1d8654db0721483b0f67b93804eaec372e0b6c72","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.7bf0367.0.tgz","fileCount":923,"unpackedSize":2061340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN15ffVVMGoY3gqVhmB7fJXyY6h+JAmyjWs2P5wPS9yAIgRnuBca0MmJ/wg8ey0DQLaNX5w17AYnhpBmUfG1CHPAk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixueOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolvA//VM0HCXwji6nkX19hWN8bx8FzxJoehxMoSlZ2D3FDQHJPW/P9\r\nvgSIdecHGVgsc0ZmHhOIcKVWPvG8iCQ5G+N31X6f8j2RPhapQxmBf1E3JHOy\r\ngm95FRNfvLWeMPtMxhsen6a9NnCv/H+5l73hW7KDAKJqBOVSVTEfUP9WigKw\r\nTJeem7tib2saVe0odNPfqQDPy93cBC8gyX700PaqpsII7+hhnYgmsHys7ZEX\r\nJYDqCq9pC5bcTemJvvc2SUEwQDQKemn5DymVw8yO3KBlY1xuNphzwgzmFEzi\r\nc5F9VyM+jlxcpjYH1zonUQoL9T65OWKqH9OwjIw5Tf4l9jOD4CGXTvoxyAA+\r\n81ps/Ml3SeWAE2/FrNcXRVv3Q0ZL2YfDxlsBMQXQoMMLUX9hnHhD64dpwpQn\r\nMTFV4I+bgN1b94cKIa9mO2nFqVbPANZNKr7WBg8ymR4bfCH/PrfWM5n4eP2+\r\nyJjfi+Joei8vDmRxrX3sUEMIwb6S3i7SX+HwtIBj8N7qh9e7CJkf8iJNNwMN\r\n+Ts1HLjjxra1jNh/HdpoDePqJUinVYL+snnEzDUCJhsK6MQDvk9WK1xgD0Fs\r\nWi39n1HumNsazF1ykDveCEn8fDNxRrln1hXDpCDFzhCUgTFJqdTlPNWxxUVY\r\n05AzNQfyyHvpxTTXYYx/Y6V5/uA69JC2fWA=\r\n=oz29\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.7bf0367.0_1657202573823_0.3714915644677601"},"_hasShrinkwrap":false},"1.33.26--canary.39a58a2.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.39a58a2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"39a58a2c937632063f778246d038fbdf9bcc3c35","_id":"@atk/mise-ui@1.33.26--canary.39a58a2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3Md4NDtgPPrtisqlQ2YxYTMer3aLAOTMNXOIySTGBrQyZZb4p7K9NATURxcE/HlmzQHokZzg28sDe4XFkUy1jQ==","shasum":"24455607249307770821defb595df81820de881e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.39a58a2.0.tgz","fileCount":923,"unpackedSize":2061331,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBp4uTIWKUTITUcG1DZv/VZKi8siLrvRX/0mqEdqbNMvAiB59j9h0joTUx0tF6HiwSxZVr7Htm7hfqcxZetNy6dypQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixusRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQaRAAhOcJsWEOFMIoKlfp6LCyn8bxq16NCtvWttZc39S713e+dTmG\r\nPOj0a9zIL21TrxvZij7OLR1bPHer0Gl+0Ob1mWBGmXREZIHdrpkrokTfyR1q\r\nFPOJtq2TxTdMiU5QY0YLinJHgRr5fwpLnZ9MsNRJvXbEk50ubGqI01+j8ztT\r\nGDuVK+vukVVeTk7Snz5rlaoe592uLJD3XFJoLPCTHU5IL3J0iuUXvu2xRwZb\r\nLhJbUG9n8GhjmBoA+vzetlbq6UcskyMIIlXbMudyG1eF6T2qLcHa2mwGqNFG\r\nPblIbBXWviY6DUo14YSZoraY1dKjezMX2dkyWZo84+YRhkdQ2weGabDXMUrX\r\nHbqN3ZHoZaAw5QuPVc8YB7t8G+Bg+lXOYDnrYD8qPZztgrFsbqxbftdxinqq\r\nCEpUJdq9qonb/4H/egM3KQgM3PKYpgEMRzZxwdace/eCELeYSjWYKsoarfjq\r\nbQ2wX4PhtloPVsHXwwZXbfGZPKfl2Uj6LrEeECYY47rHPfewmM57EcaT8y9X\r\n38ISMgx7DxIuw8uf1NceavWsUSIejkRJoJYb2XekTHQx3ZFMjmo9uxMTwC6w\r\nNhfwgeJMGG/WoPMoE8Nzhrr6m8FjlLr3sgXWSFM0CYb3htBjrY2bD07rD7/m\r\nVFbS+U3+chD5FkVu9/BkcPvgPcG8BFD5Wks=\r\n=6icj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.39a58a2.0_1657203473100_0.9631539461523835"},"_hasShrinkwrap":false},"1.33.26--canary.80dcfc7.0":{"name":"@atk/mise-ui","version":"1.33.26--canary.80dcfc7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80dcfc780f44898fbd5323a92252081cfed8b4f7","_id":"@atk/mise-ui@1.33.26--canary.80dcfc7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xSlMGCf2IEoQI2Ue7ltnfFoQ8czhG3e7ES7OvtZJQxP1ehu8ua1CVMcITQ8wSLq6yGLWu84iB9dDnAO9bsRiOg==","shasum":"bf5bb4931e2bd5db5feda9e075ca21d7c23bd62d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26--canary.80dcfc7.0.tgz","fileCount":923,"unpackedSize":2061375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRS190az9fRyniZP/s7ksJFMUa9y9NPHSADh/UpcKGQwIhAM4iUUU5ii0/cOu9XnzGbnwh+RbacZFuds1y7wBEsBr6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoplg//R+sK5MW3LGSn0z8HuS0WsaVslD99Vr54fl/O/IYABviy1r/a\r\nPyk3+m8IWYb3aZaOraKJoR5Jw3nAVDpOD+sYkZiY63hPpBNPBNhtBpZ0EyGm\r\n42DRvKhfxTTDBxg7FeqKa71RgWYzALK/5UUbdOjZWa/1IB7s4uSD7RhTj0NI\r\n2DwkBTgGlDCgO2rjTlx8iZf3XA25JgAFAFiVnFbtZ4wDIqSpt8K4UqLOsOP3\r\nX+Z5qC4DNpAfUO8XCLZQzrrpcYQOWuVMRNTsmTmGyxslJsppu4oDlLJcWYOY\r\n+2MNPLF1lDjXNtVphBFm8DZd4/sb0EkP6S98OGE4ArrdZnuBleuv2hdXkrgv\r\nPBRWpbkisiMrqOow/ajhuB6l8oPuJHLiptGzZznIVPd3Ambb02yQt0zbz0Nc\r\nR55TINdE0hGDEuQy+1Oayga8q8dE+hcuZlQcDIUGLlGqVVIDFN3Y+Hv0d2Mo\r\n6D6FmudWIleX08L1fu42XrlRmUSIUOTWCDDx2bdoAn0QsV0z2Gp4902x5vgb\r\nAt8gDwfHT2f3/XjMg7xE1nTR4rjJx2dRFFmKs4l7ie82vQbY7CBoxeu3wzHq\r\nyhNhJ2yjqJI6m3aAkeRyEyaD0LtJVmlWyarg6EItBjlHAXzHpXtaqk1+4rGa\r\nwmF+I6Mnrp/yn00IYBxHCxi3C2Pjf9EHpp8=\r\n=zk1/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26--canary.80dcfc7.0_1657299111032_0.6027534491446793"},"_hasShrinkwrap":false},"1.33.26":{"name":"@atk/mise-ui","version":"1.33.26","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"38af84bfac6ba96cc43bcbdb11f06d695e7658fd","_id":"@atk/mise-ui@1.33.26","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-N4Wt/2K57XWGHoeuseaCW2vZ8KjbCbF1dgq+M0cINgq1YnNdFhiYdyg8HtjEmrmaNC8yX9YXMo//rXToZKR7yQ==","shasum":"d7978e08f366ffee4b7444f0cb2f3b53909edbb9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.26.tgz","fileCount":895,"unpackedSize":1993031,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDk6XH4Z2/fEiIZ48RZejhUrgakyX2flY5voAAPvyGzBgIgYtISYPRPiUare/NBdRSYw3xDjwFc5mOnl7jI+4RdtLE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizJO1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDog/9Hw1Av8oznNvOYEKJqlAN++dwrUU9+nzNXyAhQdAojlPhjVHH\r\nWXeT/W0MKaFEvROBnFK1LAIvPyv61Rfyvrf8OvmL55W6ppi8WTf0L7DEDgCF\r\nJDl3p1YZDLDQ0ip2lzpxZPVStQVYXYbF0blVchgZ3LrswcxJwwDIz1cR8K4I\r\njS9NnnugFaJJtxo/TJZhOkKooLqp18oCgD/YiB79P2mfaDZdIfBqVl+9nu98\r\nsg0U+tYMa1rmBCtp6UeFBUPzcdNfczDhdHMkei2c3jqq3qiGO72xDjBrCeex\r\njDEADPdSNmJaJiF5C7vw0BreY7Hq3Zsz6Xg6Ya9Qzl65YE8Kjo08u4JpDZ2g\r\nbc8lr+pdQICVREjeXiIAPW6CxdpMCTZBW/kBq/ZI9SYNNvjfPlOnWNNDKwFb\r\nWflCAMWO3JHj9HQMNa/VJOrwK/CDt8B4AWSYuUMrmaG9KNjDW/bEEfiiFr9s\r\nbrBZYsyWlGowKb9snEfrXdcHWW8jMxIrpg52HqxQ4AIN4x3Pn6fMoi8xv9n0\r\nydOhT6b4TJs0By+gleyLY1RUKJcvFnHAsPF1sGRipMeE5wGS2PZ+UxqyRSC5\r\n6+dVg/x2yEQTB6OjqNDLpvdkZ9Jutjk7NdfZXfMiUC7H1JZJu0UFAfm64NW+\r\nX1mA2FVQullA53QG90ug5wdSYX5jNXaaGvg=\r\n=7+KO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.26_1657574325644_0.6673315055240889"},"_hasShrinkwrap":false},"1.33.27--canary.5bc3e3b.0":{"name":"@atk/mise-ui","version":"1.33.27--canary.5bc3e3b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"5bc3e3bec168ef34a4c106a2afcf48f7fd61bede","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.33.27--canary.5bc3e3b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-k95tifnHRJID4ErLtPOcKsKO5ri4WGi28pNYcLxmyp9JGsoeP81xo7Nj/KUHORrrEYfod/n31JEiS/VOo+yRjg==","shasum":"8a1b671c9991ae7ba18ef5b16e59c966834105f8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.5bc3e3b.0.tgz","fileCount":935,"unpackedSize":2133400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/zhxFP/r7DHiCZtHOpv0uGgxWCzg8gfUhky0umU/2UgIgKIRd/tsaJXgQ/HDB9fREKF+L5tu17PNDGZZZNEP8s/k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizux/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIZA//WpJuMJ+kKeuU14BziCqjQXWO92pe9KCt9c+TqsiqLWaNs+Bv\r\nqocj8QqcPXqiEU6QVg4gj3NZ/C5qcF0Kt6I78Qro4GQaQuGINNvcfXymwxSg\r\nYfKoD+rFpuEd0JqHPlbEHl9ZYagwFinaCpOr4/L9XIZw0h0iUZeNclIU5PUp\r\nhceFVZGZlzHYQk/O9eN5VfAvbI04c5q+og46qOQaNCzQRRNH8BZ3x6kAfQRH\r\ndlNTxEPM4JTt6VpOGfcZFOoIKty25BlQOP/wD8a0+H34hBMZ1udSKHin+yxi\r\n48FL2llO5HlJxrLQUm2e7mM3qrYepigu8oQBDCoLMZXF7MlgUwbOxIOB2+5B\r\nu7Nq4iruVk8x2A4Oa7/pVivrUknp4606VZbpml8aSy1KM1apEQgeuFt1M1IG\r\n4xjwwc6A/yZMXlwN698e57AMuMd4nmrESVts4xvf8vb5FFONTlSQxx/lPZgW\r\nvNqDRehr8jau6IQngnNZGko8RXXKnOmEguHUZvt59Lg586sXASSN1vX3401A\r\naempSQ1QLWnsNxCzZOR16nrK7VjIMmQsmsJWEmz2RQtkORRUIFC9PKgKuQgN\r\nyIbqs4HzHkVF3Lz1QBPlwaQt50Rz/vJJQkp54Z3FFhVcQskBaHc5QmFmn4tJ\r\n5c/bdvERIDqAEexpX7T3WyNpnaSlSAK3Kq0=\r\n=3ymX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.5bc3e3b.0_1657728126784_0.41400013558402415"},"_hasShrinkwrap":false},"1.33.27--canary.4c1edc6.0":{"name":"@atk/mise-ui","version":"1.33.27--canary.4c1edc6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4c1edc606acb31b8adc42525a774c0562b8340e1","_id":"@atk/mise-ui@1.33.27--canary.4c1edc6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PP4HEkL4OONvptot23jJ+i/PPE/pUpevwmrKuCa9P1zySCWhoZLcy67R1yiMoLUg6yLnGyNYtC8Ka5evtwa2Aw==","shasum":"9ea316983df0c53bf81f86e906339993ef3e2ce6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.4c1edc6.0.tgz","fileCount":923,"unpackedSize":2059869,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDk//ik5MfFQctuJtrRI0E/cNXEgM7TrzLbUAIfPbkTIQIgWJ/9Vk44A4HVkTlLLEcDuCbrAW8vg65W+SUwoB9jdyM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxvGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1bRAAjQEhxMODo7Es/N671UXMYNp5nBArKpbIEH7n6wdHqc50e+Xx\r\n5ozdHNda0tvuGE9LM8YP3fBPL2GlWEaeS6e+F4fbYoOgsN2X9gWAMQQYxk73\r\n1IhM89OmQYyZhOmwwIJP1ZnMAaZYiqgV6FcPPFzsAaEsJC3MYqeiUyP5UX9V\r\n15Lb5JoPbp9IMirDAdHKCWy0jAON0Sif3O/kY/ffeYsK5c6g7ZktCxolpMe/\r\noBCTllHcl5cCX1tqG/XXqtxOACG1zTlRVqhSHDjwoYCVRqcasrv/EaiR+6Mf\r\nB8pDXpgrLi8aKmugCZj9GN4q4pC4CNPvuzwHizv+aYFBUoSCt15oWfMzHfrH\r\n2oGzosfsvElE06RewdFREodearJfcmzuTY3mhsbmucntRhjRHrPS407p50O/\r\nK+JZEzmYuARGJs/bLT3x0hN/IIW/R7fvvARUrGN23Du1dz3zopP2j8WVg+zU\r\n/1muH5UaspfHsy87EDdmT3BBu3kQAQbKoYxWx2cTNu40jxKvcrNSnWxW7s6K\r\nPM7H2bM0UBw0MrCXxn0q2OS1mKeGcUJ26Oit1650HjdK4vhFCHsnmmXE/u5i\r\n6Csz3euj0fQaHv1Qj+qBzs+zhUrz7dNfPphC8BwcH4wJs3VitMCgo7BRfRvs\r\n/JB5y4nTQ3sipgA6xP+JkS86uJdjTXL3VGU=\r\n=BxLF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.4c1edc6.0_1657740230594_0.9521268957836135"},"_hasShrinkwrap":false},"1.33.27--canary.5bc3e3b.1":{"name":"@atk/mise-ui","version":"1.33.27--canary.5bc3e3b.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5bc3e3bec168ef34a4c106a2afcf48f7fd61bede","_id":"@atk/mise-ui@1.33.27--canary.5bc3e3b.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-vAvr/9FSb+PzgP3OaYvzo8JY50m60EXj5Olhz7/6pbD6k0NnjrxprOm5Cc3cmxo0IkCvRjDciQWkeE23nNJ1JA==","shasum":"05c5fe6b808ef3f96315a000304e5be00196d525","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.5bc3e3b.1.tgz","fileCount":935,"unpackedSize":2133400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3JqvYyDjr4bOaaAU0rzCnhrxsM3W15c5ZqRmIag2QeAiEA13xXfX1OiFY0DLIaKMcfMSoebp2zoIyseFDd1n+xGmo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0H4vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmou/A/+IVxkrHerxf6hh2MM9kLtvo+OSbBc/T4sJkJTvtmJ/fKhVuLK\r\nRvrt0UFXh2vdsS5gaZOMPEalkJDXVmNMdQUSyCdXtUBHVz5ohzJJRe398wAV\r\nwGieYJb950Q7XlJ9L6E7ipvz/JPjZKirOvyD1VktYHmh9gVoo3vZQWWOGuMk\r\nPHHur/0Cysg7s0tQysCkqpfv4VCRXvZLAAgsiM9pNFPZLE2R87aIMHDgCpSd\r\nrhDuSkjoNnTyrYOSZ62z6LDLjqKL4JduXePn1asUFybOPM/UHmZpvy+gbk78\r\nm+xNcKxBoeTzR/QvNN6b59ZiXDO4SszXFIhWx24nbhfCOVhmOfFdSxX43/Kl\r\npdn6GWOgZ8eFKmMQpXn9ZeWnIUTqawT90vo36Sq6k+Rp6OMZcORk+K/uBbjI\r\n7Gwyfkl0cQqR5IfL54r+fae+n0vv4LfSF93zNWpMVGxTZncL/8i0Flm9NeZn\r\nKmY8yae2qb4y9C0OD9yGi4uE+HhTetXTSCcInpkEBqvl/KVtZB0o08jJ/N2P\r\nlaolhcGGGABZrsxkabviR3nEljZ8iTIH5hsvYTi1QFSeFOWwA7YaJuWEj7lH\r\n1sjxdQ9KeFw6j/5o90hC/3SlYoM7H73+7a/xeRuGE1P6I3GH/zgLzmlkVmy0\r\nRd/LWv4xpZTqEtoiBpSRQBxwRbfgUiYBd9A=\r\n=UbLz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.5bc3e3b.1_1657830959582_0.7023153973443825"},"_hasShrinkwrap":false},"1.33.27--canary.429f3d5.0":{"name":"@atk/mise-ui","version":"1.33.27--canary.429f3d5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"429f3d5018cc00339b0fcceb1cd01f351965dfe9","_id":"@atk/mise-ui@1.33.27--canary.429f3d5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-S6pSr9a08pk1AkjBi+WWzmzP+6/2Ii28IzXSvo9MS/aMzcGHtxW91qjviks1D4T369LuNpkJZpj4x2qwbCp6Ew==","shasum":"4d5952d19524ca28a0cc81ea39439f7bfbce0798","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.429f3d5.0.tgz","fileCount":784,"unpackedSize":1923147,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmOgUSF0jTkWKrhGfbazJ84/GhoeRhLzW49VPhmGpvhAiEA0faFcCgB4KvbSLv0bjYI/e6zsNezw+GIr3YEDcObJ4M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1cJlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp29w/+LS/pfqV01UP1sl9/o503Vdy9d7qxksvcCS3H5u6gRwb0RNhz\r\nlP1k1RJs4SwS2R8ibv3pQD793+so+2ednfFcUm28ARQWP9Zn6kjDA+3hKHkM\r\nJhwJ0OYKBlU7nTg+MmSMdsLBvHgBladydKI+A98lj27V0FocEuEACFvj6b5W\r\n+ZV2Rs+HrGCOeQQaBMiSqT9o4lOxGys09Dqc9u0ck2ACUV6IkaaicwikI+rR\r\nvIWs4iN8O4LGT8xYMmlW34E5tzDG2BDsfHnz9uEOEn1SLXi2vmsmqN3GxI0Z\r\n1ScKbrHT87zpDPjG6DCOThAkUS/jQcYZjQoDlmMxVs4uPPGxdKLlQo3yrFhm\r\npzbDGJXvrB3Jdb/wCxaNIMKz4rF+mJGnLTe5MY2RjmavKNvzZhTw/itCXxuv\r\n3A1Mg7fMwEyBGC8o8hCQ6lVEIWOqHoG65fC0cJgdpI7D8tMg9Dz6MPE0WKIP\r\njhyeYbwvlW4KjHphWYCYC4oBYQ/H1HidES7MSNtAtZP4vipVwOV35rF32O7P\r\nKEdTqU94RVAHlrWc5SwKHCVfPj2iRByN4f36FCv2JG38pQkv1/lLoLy3HHcQ\r\n2M9aZzXIRRch4RLt786V2Pi1sk0bc11gT2HGwJHwdIjSQ5BnvULwWZ81Nv0Z\r\nos48t6GyNel1XPqcN619CVGN6i6cLxdTRZ4=\r\n=Lr8V\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.429f3d5.0_1658176100966_0.18123163642859486"},"_hasShrinkwrap":false},"1.33.27--canary.429f3d5.1":{"name":"@atk/mise-ui","version":"1.33.27--canary.429f3d5.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"429f3d5018cc00339b0fcceb1cd01f351965dfe9","_id":"@atk/mise-ui@1.33.27--canary.429f3d5.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Od6sgSPRoxkYlhGDp1xGhP8xBfSS2v7CCZRiWb1p3G8exlYs0CNAJeepT8a4esWEfZOx7B4+GYMXPT9sbF9ujQ==","shasum":"c3aadfb1542487abc01dfd715ee73af6882528a3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.429f3d5.1.tgz","fileCount":923,"unpackedSize":2061966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGIFuAgoi3HktuRNRUBYzBQ1qjNke/BMfDt/lmw+rZVtAiA+piQBdAhtJtxG2gCxR0BEv9w3bxB/+h3R5utkHutcjw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1cWDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQvA//YTqcfzWUe4grmyC/hmGwhPq+rTuDxQKQXAFz7od8tQvg7I2C\r\nJEK5d8Xz08LMKeV9oQ5kZKiyROF6RW8SNnBQL3ETCVN6O5vALpX9abrWSqLf\r\nwUM9fyfAlX4oJ24GZwnEGG4uMWilwDPSwOZ7iEylan5HHrwJWVbYOQzZdlUz\r\npcFuV5XaSfBQAwxc8nxbwBHzawuZNs54hVccEJdPGZnrl0QEMhkyyFXMWZdA\r\nsg5dmnd2DyOQ6LcGxRqVB2MOhcLzmXu02GVSoP4t3UpUjmcscqup6wIDwvxi\r\nPuhttX7jemsCj8Q9O7jMu/rBs3641PP549hK9HBdk5xJYquovn49ttKpHBAU\r\nOMTA9tO9Ipouo1qMTmftkpzvN1lxlC6vdulkuzbGU8rTedHPdNE88ROcBLSd\r\nSwd/iqEJRWojRpLqv9Wa8Fe+68Qq5nxPWTl0X3NFqZ/prW2ZNdVG+1NnIrLB\r\ntcYNLn5Z8ct8QKrPhnwAyEunUOK4mqWS3qqYtcxX5BCpmnfoILm9vtATskFU\r\nIcYaX9NywirS5OQlmC1luu+tNdO7EVDB7rRJYHkk1fOw+6RlRa38SF4MG6Q7\r\nRE6Io3vrh2kn28TkYtXhBNz8ejO9nBh1+jQSb8ct0Xy2HUyxIWoIYHmh18UX\r\nU2xZwryGmCkdzTMJlyFKwThyjiuUZUmNU68=\r\n=V7Zc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.429f3d5.1_1658176899265_0.36862477103448343"},"_hasShrinkwrap":false},"1.33.27--canary.b69caa2.0":{"name":"@atk/mise-ui","version":"1.33.27--canary.b69caa2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b69caa25f0886e891048051ea2fd00b1270781b4","_id":"@atk/mise-ui@1.33.27--canary.b69caa2.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IrU3J8huKWFU7eq4AVuFjD/YaFaCmw8zjGxIKyR2cwl6nRorY8LQ7hGV4ocpBvFXIbK4eeOrIyaXjFgy5YFmvw==","shasum":"99364d8e05d457193fdeaae3662fafc3a03c74fd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27--canary.b69caa2.0.tgz","fileCount":784,"unpackedSize":1923116,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbtvHgWcBCRHrOnvBcCEuFwDDDf33a4Icfneyg2vlBVgIhAITkwgGENds1bj875JeOpQdmC/McNAraV7xqh//Xz9df"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1ta4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSRxAAkq5yfzcpUhdhO+Uq07U9EeeFPwi/kTEICTaGxKuwjU5D+Bh9\r\nQtUqRpaDr9/H2Wruc6tloW6v6eKwvJ7HLajdo0/LaAjrTAKmsJJsPw3AC/dv\r\nNooiykyD2S+9fOqG8xzFU/QuPIlS1N5ZJD+MgaJlSSJpbzv/0eXausSXLZF4\r\nLFc+3WltdO26hlB9YnxHDqVmcR5yqnNNOflcI5KXdMokn4HQvqd3xrj5OkO6\r\nkX89HRltlapmSIyXCwsJFaCo2x7S7bAF+eOn2caeNAQlPbGDKbtbTLYpWaGE\r\n3CrWB6ara9HhHFpfViT7zAtLFu8WDjJG3lYT1k4jdffn+C9BX9dXvdafNTW+\r\nO8voGW70+6fjhwAoAaggLiH9dWpo79H3nEWU6SMYVnGiyJ1CCAok+w/6DdqE\r\nESmdXQI7W3B+Bu6IY8OkSs66BOw+9/7WwjP+THVSQonMnACh5DaT8uppkFA+\r\nYnyUwoOKJsTLLpSDdzW9hIMuE+jT8X6duEq94zuIrT68QuoqcgIoCpK4dp0A\r\nEGE8/UNXR+t4bwiQQJXflOa/+UIKBnx9GxyEuojORU8SuL7Gt1HaFZ+anafo\r\n/qJf/Vqv7PqHG7r3U9+rFDRbuSF+Qf9Ge1T7J/AF5BPeYZBaiYHpU15ICR77\r\nluMH4ZgsA/VxCqSzq4JvppN8eOG5DUGffSc=\r\n=zpOQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27--canary.b69caa2.0_1658246840030_0.3738289283326923"},"_hasShrinkwrap":false},"1.33.27":{"name":"@atk/mise-ui","version":"1.33.27","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"99c4f0e88cee3632ce6e6340a430e4f3bf7bfdaa","_id":"@atk/mise-ui@1.33.27","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-YIZG6o4y59CexVSXJPQzS5KPfXIbBACPzS9LzjM2d9I7B++TiRPAyAS16FGXX4bErspWq/xG7w4EMbl05gPcvA==","shasum":"db71ec49247c57482e9e1560297f7a30ec47cfff","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.27.tgz","fileCount":895,"unpackedSize":1993800,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHTVK1IQohCwLekrQu50RIUwoRTM2HJUNlN5pWLXWNfNAiEAzyFlkegD0Vvddo4yjusiT/BMJIPL53UPpb3CIisFUxU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2rW5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbaw//SkQLvZWA5aUOr6ZKRTjCfngK5PU7j+UfGI08jXL8xOaekTcy\r\nMv459g+sqPI5s6A/9LYblUQmgqQyLHYkfF8ddVM5tk9QDo0mfRyxGBACItDI\r\n4hjmjVbu/Cdi3v7Yv3zXCYsGxtsmBB6fIMU1HViagANksYIuJNzH+pahIkOE\r\n5hsUNN+P4ZnPPi6IXu5+0HyyE8iNy6byJcvTBfrEfP5FykJUfz4gSR8bvBVT\r\nR04EKmTbeickdxVvMD2Y7q8cznvubLFjv4PKhPUhgNjfbX5XG2SCgcaWDog8\r\n4ZHQZ3kutGHjO1se042Ss/0s0IO3DEr2SKlhCreem5UdPSuHxyUx4Wx4YkVM\r\nKfbvcSWhX8+wJSVb9Pf7I+Oy+a1Y5dwTnYS53P7EdxdyYvc2y9fh/18K0cgM\r\n9LVT7lC2G7YcSpqyzZMtbKCWBZ6QAYMLdO9g6EZYP5YjWQGe6GKXKAuFxTM9\r\nAsS/lIhbzT1KPZzvfAVPE6/Ev6vwaUu3OFdLp6cGk7j/gSuhgikkgdO0o3Gd\r\n0H1ZYEBuxFfEFHX+0PWWmZvaBIaky2WEeYAasG+pnHDPYBhuntHu3xZATneB\r\nBP0w7Isrx4KFBV2gVPPAM7qMXDby9uZcTeiHPBZx1bp/QLzRZILt/RTsO8dR\r\n3TsZhV1iLgNTFt9WDUpzAdo8ii6nYF1gGR4=\r\n=hSRL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.27_1658500537140_0.17227105883144644"},"_hasShrinkwrap":false},"1.33.28--canary.9a73c2f.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.9a73c2f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9a73c2f410e33f744dd61fcf47815cad3c71d337","_id":"@atk/mise-ui@1.33.28--canary.9a73c2f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yeH3RSpXfcklu8fIRVf64qymhPn8dKoi45cIPrO+0vOtHCf8kw9ftYmTRb1rM6+DoQ+BSqY5k92DTXi6+/+qew==","shasum":"bede2a817beddb071e16746405004e9051211f7a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.9a73c2f.0.tgz","fileCount":923,"unpackedSize":2062258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNWTs2UFeddHxY8BK69eA1iFv+yQh0VHDDaQidXKayvAiEAwjK3zMpR6Jg7FTZSEJbUlJRvQdCKeH5cmFs0OfoXwdE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3qhkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4gw/8Df9+UsxuzJ5uOG3zzOiPGnvU0wpcGqhxNF+NtGi7SNzbKagK\r\nt0bB2Q8R6c/iksESahSo1/EBsJL5tLb3iqckAB0FY/LOJjNzKiC5sAvtRpa/\r\nHXyWgSS0hck884OUEqHHL94O3UhW1uVUitfhewiQVTCNKqaB1hpiMIfXTfEl\r\n3rGHT4dbBJud0s8ufyLr/ZA2MoGOnvmRK2hDrlLLA/5+hXWQo5RiW/R2hyZO\r\n0cUIJjbtnoG8Sox8aPWoh/BUM99rB3MNhGNf2nKNDpzW1v4rXe4fevF2vj/k\r\nBQx86jwHVwbjOnSazf5uklP2QuyyepYVsQCYiI9BjsAWX2zqpZS7Onil0kUq\r\nRi6H+wJXIxB6PW58jbftKo0qMeE3+7NeyWjursPubRjBWtkm/0aX65FtCuP4\r\nUF6DixIaMhzAao7wlfY6cyu6hO5ktzcRXHs+2tGNPDhpU3AjjIrI4APV1ny9\r\nXb0D5odcvrtw2UBTOF/KinIobcAk6Dn2a/6lwbL52YGQvDnFAn7Ml2Av/i6B\r\nTwzLLvTNW+VASgSByC34etW5DW8Dm3qkpzmWgxw1o8uVzzQhGiy9Iob2U5kZ\r\n2FKYpIkAc6vU3ZlYF6JBF+uikzfWGPzjHOwmPHObUzbd3V5rSOFRfoTPesr1\r\nCO3704dXYbPhTBvUS0vTx9eXX19zrtbAKro=\r\n=hPZY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.9a73c2f.0_1658759268017_0.4364512815706887"},"_hasShrinkwrap":false},"1.33.28--canary.212a98d.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.212a98d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"212a98da21a33bdd59b8d6a5d8f1ecf7834e895e","_id":"@atk/mise-ui@1.33.28--canary.212a98d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MtCzwR+r7Ye32wzraOCE2ky3ylmxfHhurH6cIFDIcLzHr7mrHBgAazk29GwP+w43M2e4v131DOU1Sb2Si4TQDA==","shasum":"b16547a4f2ab9b35ca4371c9c9d4068e5389c7bb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.212a98d.0.tgz","fileCount":923,"unpackedSize":2062826,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAnJSwPJtV+dKhim5IoNEZuYgnSMdpSoS/gugMYDfnKSAiEA8RR2zwHOrtA8GMhoEbuCmAqzOcLUuvxrZGa2VAeth2k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3rQ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1Tw//btMUKiPFd1sQ/WAuat2Sps9DWJGjlzQjuEG9Zhg4O4RX1zrI\r\nx2m2hYPwcXe/skTNzuyJayVLWMg10sqGVoYTukebwaFc68PnN5NBwkKj+d93\r\nD1SH86oPmRs5Cdho0lFra4x6pbdDJS6fhf/d4soh+h3/sqK7q2DTT0XLAKc5\r\nR3cJdP+3ZxZfjUq1NklmbmQU8v5S8I9S7evBuNlJr+F6CabTUHyB+FJKXQsQ\r\nfu7zkDlIIJej4PfYt/bB8r6x0N9jd7hPXGg6y/PVRUwTOm76VqdAjIQIRUig\r\np2H8/y9jDEjKt5Zx0/AX8kf03CFpVRqFYzeZJfTNStkohzjcZVm1CUveKLrJ\r\nAxPhD51p4vDv+wuHA754YiLgiRvE2xTVvPtaaAzfgbs3QTp6NU/AumN3WkU+\r\n14YD1kdAOWPtuZmnC0PhueUVBY7c1trwlv1fvGl4zL6N9Qarrmt/YN1CksXs\r\nL6jc6XJ9lYDLvbOfqRG3oTwTYzD+eKAnyMyVjJQcJHVn8CPx7jSicMRPFPTP\r\nKT4YL/mAkybDiNgVZZHsWwWdI37qPR3JRLlFiCZ4S6yjKmMeRR7xuotA1ZaM\r\n1U6IvSmVypBY7+oe1lz4xbWGpWmeAk3xKy7+U15KGtN3z4UczMINVOU7mw74\r\n+W56kGLfD22Ot5/wle5Y2j9JupOgkr5JBHU=\r\n=xznV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.212a98d.0_1658762294729_0.1311601928840762"},"_hasShrinkwrap":false},"1.33.28--canary.94549ba.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.94549ba.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"94549ba0a9f4b8662777467d09233cbe18931e53","_id":"@atk/mise-ui@1.33.28--canary.94549ba.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PvFd6ggc7vxEidToaw8lkloSIiulG+u5F+R0c2FtuCNn9bej9oarqXEgqy9E9mxChfYdd5ogiIaqDTUro6actQ==","shasum":"d2ebd9b64c9aac3045e2d129891b1ca5ade6417f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.94549ba.0.tgz","fileCount":923,"unpackedSize":2062258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjFWfPy1Gybgv5CKdSVunwfPwr3HM8aYISp1c9Dpbj5gIgUrdP5oHf1gd2vNJXfYpDh19+G7c1WQSxPd2vuDBcwZo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3/FdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5Yg//X9e0DNSsg6vr6cvGWFVUVfOshRnVLF5lGiQxm9wwwiw96/38\r\nvDHW+469WeoSkcHz4i2T/JCxioGd+lJyHaZ1qAf7JIKzojIBpCjwRGbAFHII\r\nBEtgy+7gT9zC4ksVV4nySS6mlcIFLISLr+Y1489+sloN3b90XLpi1BvPxWa2\r\n9yyGhrNfy3M4Gko6UFFFxqeR3nUC3rvMlD7w6z8KcINaGMwRLkpp2689GIpD\r\n5A7p9BmMXNNYR1YC961PrBTyK1j5y9u2NQong0ZD+C46WTJ7cvjLOLfSUuZ7\r\nWgJXsV19nqBWrdlJy3xHTEWvS5IHM0UfGYw+z31HwctsNJ4tQ1K95THxTmn0\r\nqDQkuCvZbr5FR1HSsWYgCmvT48uILarw5tGGGmMPrg4UpPasMjA1FZ6LPWTl\r\n3LIsy4HegHFfcv4U9KmnK/jvOy7/Q5OMBpf1YArWFXl2m7Ag3/e//xXUTwYD\r\nVSEest8yErcXp/fBMNmTYJCB8nVO2jJbMGcjK+dXFDWwHA4VSaZQ7YnMwAa6\r\nHrKhNEBFWVnyoOtw0RCagtMbJFwMNPddBTpTKaWUhF2EEMPcnDhlfCVZ3k/R\r\n/Mdi04cFd8v7AM4bdKkSUjxBBOvQPsLqhqorcKgjutubexJJKtl66n3KP//b\r\nFTA+hJH/gcNND1jBPO+IYpg5v+vMAveZuvo=\r\n=V7Zd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.94549ba.0_1658843485506_0.8491184761089707"},"_hasShrinkwrap":false},"1.33.28--canary.ed50ae9.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.ed50ae9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ed50ae90c0a08dffab0a42fbfa27e6a3139b4622","_id":"@atk/mise-ui@1.33.28--canary.ed50ae9.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+iNWbkdpYwVgoOVgmbf87B9NhwRVCSv2XrwtsvRqGu/9dZJu4rGBbgN84d4DjsVKC36pmbxl3yDuy5TGi/z3Dg==","shasum":"a921104775d4f053b89fa1fd013747f50b3cae20","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.ed50ae9.0.tgz","fileCount":923,"unpackedSize":2062258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEyfaHW3tuCIzmuEBjaSdhpDBtotJATOU/wCy3mtkTQKAiBb5T3Ql6+e1KioOWiuCEN5Pfa0AqOp3xCqTRz2lAx1+Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3/NFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrv+A/+PWfl+XoV6HP3U3VqUqpbPTIqaXBANvslB6lro+B45H+8i2/6\r\nCHMa/hnmlDqrX/eLXX2xCY/pcM1CHWV9s5LESEXZyU6tyiODKbH0vQafL033\r\n+geYOEoB8EL8/JBodAfIRf5+6OmqfYkeVhKaxZn0LAesueGSs3KZa8V38rha\r\n06FFCrBr0XCk6EBye3HO6X6IkG+5GGtZ6qUOwgZ77Y/X4Sc+iX0x5RHjyVKa\r\nOYHHvj9bEhC15PCAR89t8lklNer9k/A/M0axUKg3rkK974Pas6bbvpcGUEBr\r\nwfXNUvqrtw0phIl0SWFEqhe3DKQ53fEph0vJFIZOoDEpeILYcYGzd5hH67rS\r\n2uUjQlepH3EJ7F9SgnKgQovMd8YOQkBZ0Q6Q7rmC+nYkninKCgH11xkP4k1u\r\nyGVJlz1/7HmirliQiwJTmK/YfxoBBrwOoRXL3LP64GsUQT0Uc/mEB+RftlH1\r\nOU3SidNtE0ytV3XGluvkTZbvVjjaeOte5kCfKky+4NoLvp+2SwaZwDroSoE7\r\nzfI5N8eDyU+7DaZOknYLbsTkMFpMy9lqI4hYSMwKwtBq4hwht9t1ygu80xn6\r\nwM64qEV+9OecD8Ij0/iPnKS2T8lAyNUZMkFiay60vKsEfvAECp3e8c3GaUaI\r\ncD2VFkn1nVIx0xlFWpZNKxGzSyQD7Ml62EE=\r\n=IyZR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.ed50ae9.0_1658843972950_0.4946568870165742"},"_hasShrinkwrap":false},"1.33.28--canary.74014f0.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.74014f0.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"74014f059442cbc24b401f164097bb5b4d04bc1f","_id":"@atk/mise-ui@1.33.28--canary.74014f0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Bg5G36ASHarGhCzu7h4RS6pF15+LsCQc+Mv604GiTaKkKh+/KxJg+YHsVx84sAQJv67j1Lkw+NO0bGXOrsfbrg==","shasum":"b0dedcff94cea9ffea02802ab997fd93993b8d82","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.74014f0.0.tgz","fileCount":923,"unpackedSize":2062263,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDg2+uP5iN+ZGviq8QGu1dMXqZc1mf1Kf+/r9AGwYtfbAIhAJF+5jUzfSScS6+HWLsWQiHBDsMO+Azz+2s1uUykReBG"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3/aBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+BA//QsyK0mythjRmbja2qzsyDGepvwMUrIhvDhbJ9iIecUhZzVZJ\r\nMcZjlR6E10F6QgCuGbIIcYL7FmqDzVd+L94h8Z+2+548RIGWbBfUw8/ll2P+\r\na2N2Lc/FDH+WhoKSSH8G+zuGLHF0Er8wrhNZDHHMstP3uKvYQhvtnw7vXCFk\r\nBEJ5FOMoK/dti75KLTTK9TYvMt5N+LUX/MqEjVzcxlBENPc8yYICrBFA/AB+\r\nq6Rr5k6FTufKiqDkhtZnX8trA6yVUdMMKDShh7E4UqaCrGFpYiimdRGQFShr\r\nPq6I/SDCBYfeRcvmjJU0X2egTXrBMAEyXQMltc0jfYJSuzBZoZc3Z+sxoQZS\r\nflZ8csrs0G+Jkoe5MNLZsA0XoZ5IO9yWlG9KVoVmk9qySaD/nYGw4j8VeGTs\r\nGNRAYyxPRdNto2kw/IoBhFuist0UbVwHoUI7f9z3ENdGYhphOCAfVUqe9a5B\r\n002/zmInk7DMDuXiNml1EB1hYJOH2zd/NNamTwqWPOtkbd+JEBLVLRNIlt1s\r\nWfvRs5qN5JQ7doz1FD+fv0qBr2tljfc6eGVOYjUyQoUuTGHd7N6DyYf1wGpR\r\nhXvy2eqRiZ6c7L2WJwDvCMNEwIoVk30dYylYhOymG+C8wRRco5spw5DCDo/N\r\n3N37CwRUmjWL9sQneq4ayWRS9S6CsC3XglM=\r\n=s3Ue\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.74014f0.0_1658844799172_0.04120854317487099"},"_hasShrinkwrap":false},"1.33.28--canary.5490e89.0":{"name":"@atk/mise-ui","version":"1.33.28--canary.5490e89.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5490e89f7fb62e7e924adf18ca6190e719e14150","_id":"@atk/mise-ui@1.33.28--canary.5490e89.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lsgi0rQOnPE93yP0x/s7gMXDDFpMZNlnt+QAsPSJajPZiMBI0WPBcMVeuWFx6h4w3eZ7y+SfciYRPHDGkxh8Wg==","shasum":"8984659b76dc7449f09b89c294fb5e5dcb4e3893","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28--canary.5490e89.0.tgz","fileCount":923,"unpackedSize":2062283,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFglJzMzzrWS/qch4VBJh9U5Pmg0ID1DIRjd0MBHqpTNAiBAHrqgJlvWE5RGwFRFWX0HMeeqeuYHDKRnwzY7IGOsZg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3/t5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBKg//V/6yRmkuBuqA7udN2P2FDZ4wcEWiCg/ojDKY9bikMcK6428f\r\nML1IrD4PzPGpJeeYdCsU4rYCwpo5joL9IKQY3Os2eM3w9ajdJoaa/oKF60hQ\r\nRZelMnTu+GtVnTEIYjfdgit4dGt179pkaPIChYYnCQChzTgn76RtWkonsk7g\r\ndaQaBHEXhC4DFb0IUKeaOLMOoCKUwypqnJXl9vPgTJRFHMF8ftZkw2DcZw2Q\r\ngx/z4oSIQE9LhXjyP4SYfkrRN9sdz/+YwiZ/KofnKbFEF6YUFrKu3xfj9aAa\r\nRCFsVSnf4xnTul1WJcU7Dut+n9pGbG2oeZAkJD+iZ8kfmY69JZqi6tr+1zj4\r\n6ZiIqY+bdn6Tysg11Le1yB90UIT7h+kJSOLGtJc6AeZ/tMmzbIlW1Bbt9QRC\r\n0WEtnzfSOuz3AHvwjdRZqXHM3AyzOgc3ez52TJZmDNdJcI9q4qwhmdwMkMTG\r\nmKbKgbYOi9siTtqRnN1Q6FuVnd20gJygXHsRfqUZHwd3af/YfKcOLAL5vETc\r\nAP4MQWvf6eGzIMalfQmC5ED8nS5RqOl6HvDfWDOaiUWKQW+VP/cDFcA3UpeQ\r\nnM1RFWzfWDx5YGrwHkrDqYKnZiz5hGeKG3E+8Q8R3IvAM8lbe9DAQK4d3QXR\r\nSZreFJTE0zbR7RSfm9sWiS1H5sxWkn1nkCs=\r\n=nUjg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28--canary.5490e89.0_1658846073430_0.9499169959103151"},"_hasShrinkwrap":false},"1.33.28":{"name":"@atk/mise-ui","version":"1.33.28","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"b1906026c562db849ec29613bf576a1b4c2f6952","_id":"@atk/mise-ui@1.33.28","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-twCwGuU4bd85tRLGg3OrCt32TzV33d+0drdVr3WFanr2yLTRuFlk56BKk9YQoXV9hrJ2fxlNCx2FeSVMjb/tEw==","shasum":"eb92c313fa7e4e6b131dc631e21312e905708dc8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.28.tgz","fileCount":895,"unpackedSize":1993529,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBL6FrSaR68wrj5W0KqFuWtN6nWhsGFh/hRUQ3IEnj/wIhAJFUVvdYpYqFLJUsTNtkH1KxRVmXpksuSCwcaBrZplu1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4AKHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnpRAAjrpWGQtpMe5dO7iltOqh89xonTvxF2DzVZYSn6FaoNBJ5aJ/\r\nRKoJAgl50Ljeuc5tKMWFuif+QGfJjIrb+xkThijE1++k9P3YPz4AVE6Yw841\r\njK7MDRdjAs8WZ0J9Y6YbPFAvwvqcj07QKbTeB3RwZoI40kTz1lyPS5Dg81Oq\r\nuOLY1MGWhUtfLHekEYAyeKSBPAIMw0Jr+tVmCq8jksEoPw+IPDBNCtlRXnBu\r\n/AuOOBDLJ9gNqDWS9LHur5Its5NA9GHcSO3A3QqCNlr9ST87IqUbwpP4hlEK\r\n2/0CXxbJEcuzqmfX+6M/xDnKpnLRoqzZxwpox7DU0JPvopW7lq48gVIcygmG\r\nzA+Cbfs0BZupSGP6XA5ZdYW6jJ2WXPHHKvze1j+tHFdvjbypPG6pPGcDfLcs\r\nWiTf4AJlXaj+/V8Q/ctn7fdY74qk+CQPuyuxo6C0wBYcG1wC9OV7I7qosJTz\r\nAdSiVxb7m7oJmARWzvxknQpsYgnU9kpar7rN9cO+jgksSKrs32RIiKfwEwfb\r\nE0USl5vMTvKyKEgZSdJ7X8hQSJSOhyYbfQrKHHkDfhvRPV3l9q+/OEgkzS3i\r\nEnW231AKACKxAmJLah74xxLmrqzWc1EAN5MJDs/n+QxroyfC3kRSzfmbbmy7\r\nilU8B84ZdQ3TAC0zMNMsN84GLW3JkvY7G2w=\r\n=391n\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.28_1658847879594_0.5758711567165273"},"_hasShrinkwrap":false},"1.33.29--canary.dc0473c.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.dc0473c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"dc0473c70fa8ad459d61d53519eb03a09fc09918","_id":"@atk/mise-ui@1.33.29--canary.dc0473c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-RhpTMy8V0A87YECGNeyDoLF9ROLmTo0RI2NhbQcx6BDjt036O6Qk0yiZ6OoOamlho9Up4QrC5ntmDJP11Sju+Q==","shasum":"54242057646110826eff7fb714776367f5c37746","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.dc0473c.0.tgz","fileCount":923,"unpackedSize":2062302,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDry3ShYJDQ4L0auTxxBsnxnaeI9/NRCmka6Hulw9OZ/gIhAPnMmUIsV35w4p0IFoHkfXq+vqDvnFe7zct1JBd1BPqa"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4CRnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSNA/9F2GWfyVHu2tPN3raND547HYRCei8NjrIIqHcRMmqzi6SCMxu\r\n9dEZ+VTdV2qcNbIWteepw8RQUJ5Crnhfwcvo/AC7FcHjcxROi9d+uRieVTO5\r\nialEoONDbqT6LBD+LntFddrwpei2x1bWjvck8uk7guc5hywb47Wb0ZnTEJU2\r\n2JeIixL+k0ed66I+0YT1k/GKZCLjhBlYLGMH/JbKbkV7tK48UO62AZ1trbOk\r\nsNyNw88jTljqwVe1U7aSQrG4i10UH4/3RPrIlj5ONTRFtM8b2pMxtiZOZ8UW\r\n92uxYiqlqbGSr/yz7LvGT4PxairMwn1d29ozSLS2GBgbHmpX4lEBA1qP41Tj\r\nJkBmJkVWm3Nl/Bjpb6PJQZfcXBtLHVZ/5ICQ6W8gTUiLjiUxyLnbS7IRblJJ\r\nrhdDrPxJHxeCn8ONDBYBuy4jZzE0fTE9VlLEpNJ5vNRIZTM4pQ1DCg/Et0AA\r\nhdHyyYAyY/eXKRHHnTMF9fBoas6cIs85880JtRLQZdTMreOkCwyGqbqUzlgy\r\nFb5uufDpBP6woQVCttunj9biF8JLHz6nxaaWX0rbZjS7m1YKUkL71Ge+h4Ou\r\nMfFHN2yhdXXm3ZAIpmclexn0NInG0huNm7qD9FPGv5x8IM/7ArblhyA7I19t\r\nVRRUaiR3NA60fP4R8Urj47ZyVPpYpbvQknQ=\r\n=K4kP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.dc0473c.0_1658856550988_0.5711219407131547"},"_hasShrinkwrap":false},"1.33.29--canary.0d9811d.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.0d9811d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0d9811df93847287dc9217249a37fdd4202723f4","_id":"@atk/mise-ui@1.33.29--canary.0d9811d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-n9dXV68haZAIgovYZ+y+7H/kXkNJPNorDaqDmDrgWTZBHc1+Odm0FX5DNSnl4EHMp+5PrBg+hSsjSWV9c6TyiQ==","shasum":"1e2b3d32429297e59088b93305766e1580a8a6e0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.0d9811d.0.tgz","fileCount":923,"unpackedSize":2061938,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXK98Tiw+lRLGyCiDQHeZ0iA3aQBBkARvu5Uu8x5nT/QIgHjScKqJSiFUn2uI0IsEUuJ8a2HEwrjqRCQ9i6W8tJg8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4DvFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDEg//dhaGgji0HQgX0EFAQ04Yw1gEXmB1vQDnWDi+ryfhMmMlbGbS\r\nztUkCMJ8Ym1Y5Tj6pDW0bhvOiYqcLduvtyfHSAwfMBMjZhnMVQkEnDfQ8wwE\r\nNkHUeAYbVD4pxvxuZNa1xpADhQtglpRYvVuhM655BGkPZwB+HbyLPrdSHT4o\r\n8Gx36Pt8TJ4bZvuxb0j4mSAA5tImTCR18MFPDc9Bs8oNDHufJ7DkuFwRsAV3\r\nZ0RF1QbuaSqxQ8i4FtWSNJpDYdHfApwef+m1rgVBOZ++ez+jSxADLhDdBD6K\r\nEd+yaR6NiU8NnOi/c13NaWTr9nmlONIvWdi9BWHzbVi2zBQhFrM1P7Znorum\r\n343xNo0n06wPei7Hwa2JBK1zC0fwWBBUYm9fyGV2/L0XvdClSe4vAH9rxjUf\r\nmPREsQLPN/EI93V7Y8V9gdEpX7rF1V4le+3I5eZayBJSR7LWydiJDMBplaXW\r\nVgqRhBXsN/MNYXV9DrdmCNN7wZxsgSgtn89s6pofe46fr5QH1+ebg2ubCcSn\r\nokTATZtiSC8ncqjsSolcft48yeFjhEemYMh8SPgB2z4iB4IA1+gd5BAJbXRq\r\nbcvdY6oRU7HmJhD5Ag4bsj3OjHS6kHRJLDIfYBHvOXnEDftDnML69tizMhlv\r\n6ahif9OZqp4Mqh7WgrEQIAU7B3Q79IpiQWg=\r\n=kdQj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.0d9811d.0_1658862532963_0.5605392863529237"},"_hasShrinkwrap":false},"1.33.29--canary.5d07c2b.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.5d07c2b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d07c2bb93c5d48b98a2b148f1f89b9b8799df99","_id":"@atk/mise-ui@1.33.29--canary.5d07c2b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yiJH0KlpkG3Z+2GEkMQyQdsXXFBz4s2tQGIfm0IyF56Ul6BmAqZ0QGK/vx87W6bVa3HK1MR86UKDBT9cVNw5kQ==","shasum":"7f643519f4fd47af4962286cabf71a729b2f5aa4","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.5d07c2b.0.tgz","fileCount":923,"unpackedSize":2061961,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE+nAC2skSXixAkxv0PYTOujC6jnJV6SKmRIY3IGEJZfAiEA3lDMXdbAe9gfEYUfCI3EOW1k3Ugr0P9CwfxsHE8H5Ds="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4D4cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohdBAAkDU0AUT+BCqL6gLS0delV0AboIEfcYxPshtoi+opb+xQVD84\r\ng7XMltCitugBGpcgVGQ7J3HMTcW1hiBUSdO9l/MiIv5toimRL5etPrf/WnVQ\r\nSq87TxnrC7SrahwXa4oNmF5T8LNAcvhQlew2hhxKvhf9AqwPzXjRkNx6yZ9N\r\nz7CSF9wHYHxAbpblhEPPvhVmTo6nHjlC7IOPuTtruGrMudcGaSYXxKNNHRDH\r\naCSkBQgqKNfEEd0Aqxa2aN8N3AyimPwJfycDrBBN/sf75kTLl/g+6/KzvobX\r\nc4Wh4+8BkN+QY2Ia9PdssuZsfu1GD7GrSr1bj2qh5gMwYl+tsagkcvIsNuNS\r\naNCjlbhJ3Xmoqtw7V1e2LWVKwTWuVhjm5gjUePMimbgsbvFq4NktoQEsFCMz\r\nb20fcwMbQK07w9kbKo91eKCtxycexdemtC31n349AI2tH1VezMvif29iakRc\r\ntQV6QyC5xSLFARddPVmUK+GAH+tJ5TLjCyLDOvqNz1J7wVlUB2tb6WHrYGDm\r\nvADIhqwST7uXnrjUfALxBhUmrFIn/tw5M/F5C8MnPFme9y/CCxVaqY52ZL88\r\noWS4/WmSIvRLLNIdW+9/YmvX7x9iHS7565vhtiQPOTqCPYvuiaztsJKnkeog\r\nJ/RKYTbsEivz1SXVrA77/d2k2cgkV39xRvU=\r\n=glwq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.5d07c2b.0_1658863131972_0.4886240579876078"},"_hasShrinkwrap":false},"1.33.29--canary.ad5506f.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.ad5506f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ad5506f6feca84724825331bd0c3adf30c741216","_id":"@atk/mise-ui@1.33.29--canary.ad5506f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-yhb/zOKI/4JLXJDZJdu4QaFZhsJCtYPT/vzPvHvR7y01idf8DGWGX74qTKcu8JGOMaGLKoeyAjPvzX3ivhr0nw==","shasum":"6fd6c51ca59c53fb99cb159119293ac532fa574b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.ad5506f.0.tgz","fileCount":923,"unpackedSize":2062341,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeq69WlFUPaqi8xVU1RwPPydYKFkK9TEvpaL5QYxW/KAiBBJU8QnaaZJsQixRc9318JIVkGqrpyhLJ2tnPVasNWVw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4D9UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZGA//Z5Mn198jbFoQMMKXXRTEfn438tHbNR4hpzzDdMKWlfMthHpA\r\nJQad5B58XVba0IMiPgOwUtZClVJet8RCxo2YwY+c5JCirFMM/FVm8iS018Q3\r\na3V72VssPnPrBm/+DoPOk6iAZ98JvXV1DGPVNF1TwLmQMSMwF2/s2XFSHIHt\r\nEVomR/3MEBtamgXEVSFmqX3sup6Z5xHhXfyKRIUEiilSABhQC65BaJSrQeZj\r\niaNpfC2Tt/M8yL9fw2p0afe8XEDCcNC5QDnOGdIatEJ/d1gAxiVGaoSPqvj+\r\ndlA8nMKEkFsAcwGARAp1RRCM0cxfpr6U5EW7MD4Y7K8oDxTGFvxGwe6EJfSh\r\nsNu6ONEM6L/vj3N5zqwXiyFDMKDv88aQGkp1Ml2bPjRpiz/mk2CadIZT3NPo\r\nVphrJrUXhZ3hBUkDFlKIXZQDtmCiH8902ukUZMIczxuCwgIfWF3VdX/q9RNw\r\nGyxCtZ3zDmtYNA9ErZss3gHQvUCGHhQvdPbjO9mKWj1zZMSmgCvQZS7tKXfS\r\n3g68TjRxJyYdRRTXuVaJvZHO6DHbFPORkGmvTawibPUI+lEBQO33VwQUprYd\r\nLRO1CUxFhXqH/f7pRYIebG8lToEMoJeoaTn+QRAjWgWYTrIEK9dgGvzEjinP\r\nS6KIaGb1m+8niDfPYIzAPbi3TjaDI0YoIWA=\r\n=7TxS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.ad5506f.0_1658863443838_0.7807212953788107"},"_hasShrinkwrap":false},"1.33.29--canary.a7c45ce.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.a7c45ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a7c45ce6d06a77d8dc9a4ef6a4288aab813a41b6","_id":"@atk/mise-ui@1.33.29--canary.a7c45ce.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-uJNZ3IY/QlMn2HoKLbdYn7klJ+l6A+slHlIevIVvpOB2tpdB0QlS5vufyOOEBspmXHcdAIN3kbJny1aOTV3T9g==","shasum":"8d4721cf94b73c909954a0a97cb4daef34efb53b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.a7c45ce.0.tgz","fileCount":923,"unpackedSize":2062375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHO3qghxz8K/zDGDsqOS1Xh2qjG3TWq3OP7nxDsNmSsMAiBFgZwXltTyfN6UFc3Hjphs/KHIcwK7b7QOfWVhfbrw+g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4EOTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz/A/+JH1kINTX9AellwdxHsT9pvw5ME28OsDFutBfn3G50mMqhqnn\r\nkoA55r7eG7R8KtBJHv0bO3qbHvWLAFjBdmc1fF3fwbHReSmgRlY9BP27Oi7F\r\njzCYncjMiYr5bnLVi3fM+PkeCRa/2WV9u9TOC8c62SYrulJlg7Nq9ZPt3nCE\r\ntZu0aV/rgPgAYd/3cpEYwHELU/X/1dk+dknHiIViiNpUafV6ZLlEBe58THpK\r\nDnFogni00sgjL72zMrImgtrZh1WgXkQ8q0AHx//AC6cASI2CZvHUTMRAUa0t\r\nl1ymk1g+HZqRrSCE1znYJAgaDI/ywdUDd6Kgxqt4kL9K/8u2iqItgfWHOA7a\r\nsBVRk5VFqmtdpNNFVrM/kMQK/7mebazQY9oss4G7oXrsvSofab2oIJDdj1Ag\r\nTHQ55/vTH5fbhFdrO+9sb5Q2sPA/79TPj5tfrk4gqgoOlL8cAtD2Vrio+miG\r\n/5sE3Ikt2q6rYCkr+RclYdw+iVr1bGjxbvQoYlP+h/Pq7sAda8YhYnNzdrdb\r\nZgRCSC19RpNE0RwhJE22/J4F8AQ3vOJfu/xo2VS096fr9OgqLPvsRmXOHbfP\r\nKt3h9GF3mcgjokLD9X6NKPfMO9gAjF4taBxm6kr8rrtfS6XPJq7kUe7nCvp8\r\n68vvgj+93W3/+lmeU6hG1IdP8+tP3qe75ac=\r\n=tA9A\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.a7c45ce.0_1658864530993_0.11674194125302217"},"_hasShrinkwrap":false},"1.33.29--canary.08be211.0":{"name":"@atk/mise-ui","version":"1.33.29--canary.08be211.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"08be21135708477999bc2159c9bf3e2c8069e045","_id":"@atk/mise-ui@1.33.29--canary.08be211.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3lBZ1o0q8GCsubfPNMElAFQyTkGCLuZN/tgbl+FO2C+Eak8OiCUnvkEEP9sBJ+qRrGUW3LGvv5ulDuwZsM887w==","shasum":"a65fd8f5f7939f7922f7bc8bb3a9989a77585ee8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29--canary.08be211.0.tgz","fileCount":923,"unpackedSize":2063632,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFneK6nD7ywguveYq3kH8vkAiXTTbuWWRcAWCYsoe34UAiB2njGs5kzH0eD6HTQQoSOiYZsnRxvbhXQqprHHc1Wk+w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4XKlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6UhAAkcis6W+TOmdPW28OGhHlE3YT4cNCpdKNdIRsufjeyASPiqYH\r\nuroG/01HuNf1/+p4BbVCDe8gZcm8Z9MrmeKLfqXZ3XHsW87hfR23QBag6E+4\r\nHoqEb4UMUM1uZE6mBEwnFWqszktj3aGSXG9fLlU86sioFg/8k71KS5ozHeYb\r\nVxWENf2GdvOOHKlbMUc17GhrkjAlPsX1MEij3T/jW+TNhQdStcLaBw/eZI0U\r\naXSs3RhoCLt4saANWLxOAGQk53OVoFd9L+FQfi/0l8Q/IqRBoyxJFDk18gVX\r\n3/R8X71zpmmEnGpd2FG8K+CPTF9Cs24wbVV4f3Q910/lNQcrkb3BnfqJghIK\r\nTdGCIMDOBm6Qhw/j8U3r2nXZ0Oiq/tTC6Up+YyUCQReCPpnYs9AH+qth0ubb\r\nmSJNEurU53PYI+YpxjjC6h4qyygMfuh6NLvUyTeZNsfAsm/S7kpJO2Lvnb+B\r\nzvKxBZzkcUP6bV/lSoBSTOKDOu59WfrNuehSaQbeZyQ/2MbecPZTKvBFdMyX\r\nsNB2skEOPTtCart6PS4ON1Sks1G8I5xNVP4DsgUaznjbs+PhJ5DgZBaMdmJn\r\nt+9QNEu6khm3yZks5y4VXzFRiEo3fLLIOhnpcrKbNpYxHLxT5JLIOyXll62x\r\nhhGHR99xtPrchqE/KrO4t502kWGv8W+grVw=\r\n=pjaH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29--canary.08be211.0_1658942117604_0.6528489133027173"},"_hasShrinkwrap":false},"1.33.29":{"name":"@atk/mise-ui","version":"1.33.29","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"df75bf8d4ed03cb9be6f10e8d8132030a54799b0","_id":"@atk/mise-ui@1.33.29","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-YiOXaRaIgLBg1Sefr1tNmEKbXqvwV+ynqxKG3Ar/4elIZAUf8sv5UwD6LLxeNRvwRL9WhBNMgrzZs4Fin1XINA==","shasum":"578a34c7e4040ce42eaddd497fdd3975bc460d51","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.29.tgz","fileCount":895,"unpackedSize":1994560,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6cOmsizNLfM34AsG5omvO/Kn5V07HEADP+4oysOgqdgIgRrXEmO04EqMGDtdDoS5Xj7sTUgM71JkXue+qTdu8rG0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4Y26ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYcw/+PhQRgeNoxHQvQTMpKnAl9RD+JXG68IyQ5CVbJmw6loUMrdC6\r\nEu+OlbfBKVcIL6dBHqmAo19uHsrI4+3Hpid3bU+bnq41XlxcPXCgIxcwETch\r\nHFjwq2iU8k2VmyiUnR65B/63YEAtSHu1PFcqurcSc4EIAc/GiGBO3C+KU3hi\r\nXdOuDJvYUN580wDiezJ6+fVM6LrBD27tXwwILhYUnp5iQAeCFQuX+K/3f0On\r\n0VJU7qA33IGQrXght2O3xsdF6J4Q5lGgCuv5BTUPnKwnNmy4zyh4ZfmLyaqc\r\n5hjilJF+XA1DaT0Ba+9FrdJySqnHtTNZulwD2qH4g/BQ8ras8WE1blAElsQF\r\n6jvRDdlEaL1CsRQbrMwPn9j2a4nx44y0GQe8Zgl/p+z+opE7ZVHwJO1UqXbF\r\nBQW+10SATJ4VTBEHMYdz1khbOLAjdogvv+sf5+lE9IR0cQwe1PwRYL5c8XWT\r\nZzlJaOde1PEF2KdY18P0w91t1jME7umBSd2uaVBGY4W1hV7tNdJdHmIgJ3AO\r\nGC0Ath0OlLT2XXE5zP6QAaz0AS7WKdb5EhSXpg6IIBnVOH1o4jVaG7KozrD5\r\nmRWXL/669nuEnumPnJuHERAIjRQIu7is+cdxmiGsPA3NJ2sjewDrzZqawA2H\r\nxn2HrYV4phjZKRtIia/imYdJxkwjh2Vugm4=\r\n=3v8k\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.29_1658949050221_0.8513392045507315"},"_hasShrinkwrap":false},"1.33.30":{"name":"@atk/mise-ui","version":"1.33.30","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"efb4d0de1cf9178161f63c7373ea3c23bca7326f","_id":"@atk/mise-ui@1.33.30","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-4fzJonE6NShNxCeFme/s9XEnoCZi9gniN/Kuw4gbL/fPmYnY7DkKrdkN/YrKrtfxk2o9KuNXute4QwPwhyqBGg==","shasum":"f5ba0dadc48f75b1123dff0407fe1a8ac8307549","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.30.tgz","fileCount":895,"unpackedSize":1994811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwhve+eVzQmHYaGt2eW4gG/bkH7+qwrfBjT5K0kC71hwIgashPqgKwwaD1Sg39x/TqdDABosBtGbEJ+3XKaCEYf/o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4pqRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon0Q/+N0lobANZzH7Lrq4J7b6yQeCyBg05fuAlynu0ul43E2+b1dfF\r\nEYJopv3hND2CUtQ79pdJil+Ol2gB/QtTCiFP9r5/UqX695IVjbQBm+1tboJU\r\nCZRfla96gRMS52MeJbqb6luQDIotgp49NBHyC8nZHlXAS//h5rzcxbZbPlEE\r\nz2ysBEedLm0knwPzyp3WwHL9PDU/JmrnmlabGT9OgOA3ZTpgFufrmOiiY2cl\r\nm7nyP44vZ/akzdtZZpiGHsVQiZsDe/vEGGORWwSZVs88HmihKexegnN3FAD2\r\nlcLWnyjxG+BJ32QqhS/nua5uAIYYnpwAFCZC5u5KPpcZGQKX7TYg4IKY0p10\r\ngC8sOoHCRDIc4/eItsVq5cxIrj9ZdEu5pHK4b052UKzzvx9SVYEZf4qMk+oE\r\nG/NSmxYd1o8YTMqb+UcTuXhFy62TqXKzmRUrHCyuVhwWJB9SjA1IZIbGsK+W\r\nLoyc4iwYPhM2F2x5vfwGssUBXScvBaNzRASWcq/aMuADlYYi0UNOQM/ZnsMB\r\nRljFUXF37lgiWKPIh98SlYyYDCJigsKTyxr3e14SiTLAhjy8DValG9VO9mIk\r\nem8LNwkpKtlbhbSJlqCfm05P3txKDcqi3jcGG8yhdW5w6mfF0POHH//Z8qcH\r\n4GqNg8vCdHazH5sSCwXtk0v1prvKyCUBuzU=\r\n=xF28\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.30_1659017873441_0.621149008981396"},"_hasShrinkwrap":false},"1.33.31--canary.9dbf66c.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.9dbf66c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9dbf66c6792589dfa1bb8c974c238133f22d4b38","_id":"@atk/mise-ui@1.33.31--canary.9dbf66c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Oi4M84IYFyfTTNVrcEJiLHqe2RbZYpxuzyrr4GmYaxzpM+tyZqdTwUrxyl7AY5tub2ObeapeQGm3n7BYnbtSOA==","shasum":"af9327fd79d8fdc9abe6a990ced0a64057f072f5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.9dbf66c.0.tgz","fileCount":935,"unpackedSize":2136493,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGwui8x3IRdMTpr7HPt61NM5WO5DosTGz4S4SNmgyWMAIgepKH8irPy3buNez6PnKMIicJA05QAFoe84o7BJjar1I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4/zvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmru+A//YggcqRZK/AlgRa+vjq7qOXnAXDdIF1r4NBlSbzmJkv8XMwuF\r\nxB0iPmlZd/CURvm4a0SlQePNPuqDEr0U5hS/2T1Vg29zdJhqViajDSlU0HfW\r\noyGVHs7Uiv7llNwxi5XnwZXgO0Ku6uaNqnUF9BnuxTuTfY2cxSpBMgzGdZ9j\r\nUgc3qqBWBlZHgYhEaO0vV8C9gCLru10MgjU0fba0QI+OAwzyjfMSwqG/aP21\r\nzwYXRqabbO3KggZmFLhILlw8OKo+oQGtKd1sW9kvRKVcVf56FFjHEsQWrs9v\r\nyb1dpYAu2LUa11vxGGu+ANUFmONcQEFPn8YeUjuJ5qnXb+Uxz8PnPywjqsOZ\r\nUEWW3UQabL7PC5RN5fERrJkr5bT9cT4RVIqlCPXROMQvqpiqlTrt2xsLWs/B\r\nR2f+uBjAYGrT/FOvo+mAB6v0fx+Q0lvq5Nk9NaRtAheeGhMbUjlhrwzOcPdX\r\noSn6PSQN9qwq82m/KCAxp0eM5Pe10YSRcH/p2N1vHEjOOmP5vvVWlgVm+kRQ\r\nCsj7Y6p4jMYAue2ZOnm+nfDLovmJRc5ow2bLzJBSnFgxS/U1RqVUBaUQbfw4\r\nGwKNOraewreuBJauXZRztwwdE48iOeXXExRS4PYMu3CMEq+L5Qko1ZIKIJDm\r\nrxn4os8cDUaaTExDoMpmzleY2AYY1xy4IfY=\r\n=tQHe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.9dbf66c.0_1659108591605_0.668160525091124"},"_hasShrinkwrap":false},"1.33.31--canary.b7a337a.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.b7a337a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"b7a337aff2197a8eb3f30449ff409b53cd9662c1","_id":"@atk/mise-ui@1.33.31--canary.b7a337a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-VLxBErY3W8+qgjiH1R37HnQTh/RuipCrG8qeShtrvfeM/e+pVyIfHM2V+us3ExZfCfEIpNSi9YbP7KY8foKTog==","shasum":"41d7ffae325134ae671330e8254e4c12d240edae","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.b7a337a.0.tgz","fileCount":935,"unpackedSize":2136501,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAS5+Qu1H+LbELnV/zzjO02r5/LiG87iMaLymPdPeRCkAiEAh+Vh3DTMqsTLuEuNEi8Y5/PwsfSFWFshVQao3A80Lzo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5Aa3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaFQ//XXuvjcbWtk5N97+vz5RMJOj2inzNAIfqYySqujNWTnPoE2uz\r\nm4AuuXZgGlA334uN608IOS9dfi3d4QR4/zta6JiSdjJkGBakcW3gc829ejN4\r\nBMrNS8cwe+N5LtgUjchjlYZ1SG4cNg4ahPCqqVYigy8zGePmQHPiUiAOnkm0\r\ndIGX2G1B6YcD+/pVheFmJi0X1r2I7bpZ5N+AEvKJ6dKatOMfNyRxyV2I873A\r\nMUF28YmZunI+ZNbU4n/ytn22SyBLh3lfQAiBPcOISGSwtsD82HbR5jwuInJU\r\nRt17Ghsr/y6+8vSzn2TSVs7VfFhM4uDsFjejTcKCxOfW58X6cwpTPqQClioq\r\nDIM9PgeM+5GSRwMVzKuVEd4eBFh8d1XQd/tryUC+Ot2mEQ8xCrq4vCeLkOA2\r\n8ShiIE2edvv68EGdB3Q5OM0jTbrBQB5XQyLgnWYbmKqBSOB+L4Gf+8RIkaVF\r\nczHbgcY+Yxm+Y5HqYr6jOK99Srw00ISmbTEX1oPh4qxX9v4IoTlg6mlKKqxK\r\n4aVbYlV0Lb+s5EG2IAUo8WfyGw04pL7G4ghlvT3yLvG+fxDjZzuNFADwU4LU\r\nE9MY25xuDU6qNFrbGVmYxHKy9QRwr138AJbkR4fsUZNQzyPl+1FVfscUyRec\r\nbg7smPlon0PjUWCOJWccwLOVGGEk0hoszCo=\r\n=2GFQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.b7a337a.0_1659111095303_0.10825567554168436"},"_hasShrinkwrap":false},"1.33.31--canary.08b9d65.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.08b9d65.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"08b9d6576e4a23224309cc7b3db9f34a126b95bb","_id":"@atk/mise-ui@1.33.31--canary.08b9d65.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-HhYKK3kfU1IMxNrUBJJACowYHKArl3XyKpZmYHSDjjWwwVoShkhinPN+7GbPKGP0zYJ2WmU9tQuLD1UPIVpsKA==","shasum":"92daed9312e86f0c967b4c54e90b1c86f8c1b702","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.08b9d65.0.tgz","fileCount":901,"unpackedSize":2017286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0JHfIe9nWN4I4SekOrPGd+jKbnELh65sai6ZI9gihgAiEA0byByBcL0lIG++iclSAwF4dYgloeve29IkUCDq5s8vw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5+4kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+dhAAiI7+l/HG7dTFWZU9DvRTBbXHpBUwd5qZhtS1ZJW9dHNamicJ\r\nGNs3oWWczadIevTz30AvR/Ly2dNnjXZYcw3t+pf3B3MLxzV3oykOK5Woks/W\r\nSDh9HqyFdtLFeJzdKqNs/rU5sqJI4m22i0x8xz7HSFlxgkXIS6qgHVrEFFeK\r\ngDHT3DID49+f2OgMmnyvVRz6xMNDiptoefVlUpvXbQuOnPJPvU5kbJdqCf4S\r\nmd/CmoUxG5tPEKccOUxq3Pw7Ye41xH0OgqM3bzf68LnGUouUOSoQi8/QMNKp\r\n+oyR4wHbdhwOU1GAr2v3MbackspJwuMRWTey7JPoZFcziePhkpIkXWQ0nhEi\r\neMuxirB6gib//jZZH0O3rROUbzqzvYIu4A3dhVA2rMrUzaAipQ3xjbWL6UZ2\r\nrvgyL6pzgNsmdNE7H+45LentB4WpwDspkTgKN3B7QwfXPWu/BQ33lpRFQfC0\r\nYaRZSIzsY/P2N7+mPjg7PdjIXMr0lvtEz2hU2rF7Oe3Gy0wQ1XiaAnOnTH6t\r\nbdbUIeICsyGUEN7JUeFP+Fm130YAftBmsus5jtLXnSWLuEWDfVwjHEO9fWwU\r\n6+0shi9XSsLU5I2vWtuk1R7sqa+bi56/N23s2X5Me4yP5NjrDFPsR/SaY/a/\r\n4b7wwPSeCvULyuZ305IpQgJxQ/VOcRrl3DM=\r\n=Qpih\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.08b9d65.0_1659366947731_0.1922242106818246"},"_hasShrinkwrap":false},"1.33.31--canary.2a7e4c8.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.2a7e4c8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2a7e4c81fb6d89deff5fa129aa3c8a461d54ab36","_id":"@atk/mise-ui@1.33.31--canary.2a7e4c8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WOvJK0G7Pd8iYohgY7BtBDY4StfUKGgfIPMg4cgzXfaT2TKVCo/RjlqUYW3QCukFj2X64hgtRNgmcbvyJMf0LA==","shasum":"4567946db2c44c8c712bc46df8caf9d81269e808","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.2a7e4c8.0.tgz","fileCount":901,"unpackedSize":2017336,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGIHoattKMHdV1rV49klbJ/cWMLqnRbRcn2/wV1LHAsmAiAVreINYkgpUXFg76kx6Q5169wjmHAX6F4jBLHqYNLzkw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5/EZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/kg//aEDLz33+DCSZjw4pkPxbu2cHUCUHnwM/XrWlcFSOSdJNNS7Z\r\nI5+5eLTch+LS6eoDC30EJiTeCPI3V7Kg6ioQ5d7lQo6cSpxwduW4u3YuDSyO\r\niekTftrGDNMyxc83n9p30iFcMHXTBupckrP+HichdTIJtaNcAVloIZUbCAHS\r\n+3Sax2MeZzyVZtO4G/P9KiVfj14IgYWV2Ob+HnAnJTcEC+xvE3Mbm0LroT18\r\n3ULd5fKH3BSrybCBmMx85VaWp+pAwvla5ogU0vWeE4gA9LmFWsjwYZ8W/uZd\r\nDsI08IaLzZRZljjjOD0R/c65YUtKGoSgoojl0QjNUZ56mO1XVKcw8gdzUHXL\r\nmOQ13WGaBdnyRJefo5ynr6uFrJP5A3KVay+zku9Hf8UVx0vgTMSPoYKmiC62\r\nl9WYyLM93LhMxI/f1VWYK3gx/ncR+PqFyW3PzOYBqSHLvx9AYDhbwuF7VnPF\r\nBRgdpK9F39b6GZJe5xNr9Xw3XYQOibi4CKAB/vLE5jRyaxNuTqxhxRxw5a1v\r\nq5EAmfiSLgGc4JlfRKE3CUiq1uoaK61By+aQJ7FAlFvVWtgKetYlTbJcJ9LY\r\ngpeznQ/zR3MyS4hahZYLfpD75NTMXnIieRAziNwqdw1wFMb2KjOCi9rcPRSm\r\nGNnDn+pX2K3fBR+VzCl2RL8wJXVAuqm/aNg=\r\n=KDTI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.2a7e4c8.0_1659367705245_0.9228603109460172"},"_hasShrinkwrap":false},"1.33.31--canary.f8a9848.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.f8a9848.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f8a9848b4f9f0930ed9c9498513cb2a4a949b02c","_id":"@atk/mise-ui@1.33.31--canary.f8a9848.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1s6qhRm2VWLLANnxNfuP2Hv9nD4c4h1nb6Bj5w7xtFN2TFDQ3487MZmfaIcYfcMGgTCgYp4ZzbIhpqOjy9oOIQ==","shasum":"f846af4f0c7cb08f2bb39e5170e96504daf0dcaf","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.f8a9848.0.tgz","fileCount":901,"unpackedSize":2017187,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICl5AUZ6XUy33r2RJ2MSaS7N4K68p8w76riybZem8xS0AiAPhC917PM99dqGmP+gx3hJ2xUEy5Ed1Ee/YgP3TrIAKw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5/tFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrVA/8D3iLXLT/I4R4gax8pTW0TA/yOeMnIdVNtnAUxxzvHscQeF75\r\nbMoP6dOASp9RSo1/QZTogXUwJOAMQg504h3lBHliaUe6LeVEURE25QiCiYfd\r\n2E94e9NBTbSK1Tpy6SQoV7s2Xdq4SKmAkJlHo9mRsbycdl1jlDRFx+FuNTsB\r\nTCzaxU8RKCFFGsGpDZt1O5Wq1ZZszSFqF2TKRgHXwuOZoCP5HKzbkI7QGUQ3\r\nC57zpGjrt/ey0TfoiefyFO6Z8m8RzmhYBIn9qkyPDVg0SB3273ONL13bzQNZ\r\n5afTWQoWmjDyuLiTt4/X51M8fqP3zZU97NZrxoedsCu5Rbwv0EmNlOR1qRIO\r\nbPS9hB6Ff8mWjWjCBed2AYdQVFMnympnPqzCNQStlGsv8mUB7doU4zbFLjJP\r\nqMaBJmL+6zCqTEw3A36ggb2Th+T2tbuADS95v7XYiTP6xDKuKOQuRWDxxaCk\r\nOj5uuC3OgTl8Rrpr3hLpbKo9/MyXiRWOgSnHMUJbmGe/nve1UUrh4FZ5kkJn\r\ncjsVv5ovj/tVTpG5aze3OeDB6xYPWBCEynJmMXIlxXWOLQd/icWXPNJArPBn\r\nAM69kAf2HoOdwKBmxLUwy3mBEUINaruuuUKN/N+ji0ERsTpnO28Y+xAd1exA\r\ntYRyTy/JkeFcy+1tp+m+Z+Adgglf9EtKw/o=\r\n=0+BT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.f8a9848.0_1659370308778_0.9596519412106734"},"_hasShrinkwrap":false},"1.33.31--canary.28dc194.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.28dc194.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"28dc194bed0b7ed2edc7d1aa5a4f08863e97a406","_id":"@atk/mise-ui@1.33.31--canary.28dc194.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LxZPDPbJW1jeZ73x4VmWsVB08gRPKJcR/AFQXsX1cCUKZWRY2CP1rhpmEWwtJgpBZT5pTaSxju9Nh1AP2IDyrA==","shasum":"8d7903120f134e7f39a618ad9cf26c6bf1e58820","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.28dc194.0.tgz","fileCount":901,"unpackedSize":2017315,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHczQlq6RDFmRLCMQ8Qm1QN59ogHES6SYZoGltWkKmSAiAn6XZoUMA2wag1kWJYReYMAy3g63wfkiUMVSudBbps5Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5/y3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUPw/+OViO5mYC1eZE4EtDAlET+jbaS/4pZ0ScXwCKK7Npfp4Uh2QZ\r\n9gTXAkU2E9+kaabFEw2LQ8ouOVv/BIaPDVTxm+7vBbP253efHO0db2yg05kc\r\nBrsR5RcryszxdJ9cWmHrWJiK8HyNShDxglcpBanQ7w8h3N04HW00agV9ZJ7t\r\nITLNMfQiJPNILfhMvxWUCqUKZcJQaesXfkXXfkWoa8kIvMXAeDx+tj42OQuI\r\nkYf7Lbg3LuRg68P0DS/uGygcp7q1DyyhyAP5Z2HBh6ZjlVOyyI2NUWo1n2ov\r\nXa3O8LnyOm3px3KpErpACqsH3X3kGHkBzYJ/lMIu6mYJ7Nn0IeAP3oEtrgQ6\r\ns075m9QEpMJYAptO3H2qjjHvNZlQwdGWQW5s3wwYFu2gQGZGfhWJ0HMG2Ef6\r\n29pC3LIleCjmbFE61NoLfFgFqLJYkEpZ5K/HyKJWKP4RxJhI+W2NM5714Whg\r\nc7dNmXJfi36r5t2fLcPGyTN12DTP9KZmHkTYkuSf0q+QxewgbWfjiun0thn1\r\niwSu0iwtr8ZzouvE4S2uvhVFq7CsgBMTZx+o5+TjxzlwLjBMkn+I6RMcQGX2\r\nCI7cD4IPASe5YCe65wwF7GuKOotUWYOsvGn8jCIXgpPYWzOdBf0gux5ubHQZ\r\nj5sQQFKbuG/ebMHrfEk9b30Cdmtc+YvL33k=\r\n=+YBH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.28dc194.0_1659370679314_0.2209531834206162"},"_hasShrinkwrap":false},"1.33.31--canary.7892f7f.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.7892f7f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7892f7f6e8db03d1c788779cbf317442cf6eefff","_id":"@atk/mise-ui@1.33.31--canary.7892f7f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-NliooNOUvtWw8qSH+k3ae7VjOfgnPQ9El/DqiAS8gHpjyg1QQYQFS4++74DQuKkzTyschQDvCa7o4/2AKnnBXQ==","shasum":"e0abbca555a9d0f64078760beaf6ef852173b3ae","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.7892f7f.0.tgz","fileCount":901,"unpackedSize":2017366,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmXmTZ3SEan6mxGKogYokWbrNh1cYuQKoozESn+yqyCgIgM3Mck4pmKPnVaUlqVVQ7ZRKeKti4RD5KtuJEXQgc+eU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6AQ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAaw/+N6B5tHPnFaWdIOuefIFkOh/mb4oagU3o8NoaZA30jrET6GfR\r\ny9b8JzbiTpzaH4WymUfB1O6dIynFUHAmOsQSAjWlWq7UrFLFm9e6JpMbi2Fv\r\nTdbBLjSWaGR7VCFX33P2r18hwaN/oG/M0MaKwBh6vhgc5prMR4WtJwVhXS+A\r\nHq99yZ9vzop5+YRs/11XREMU3DR0pJk7pYuUS9LOP8If/UAgsofpedC7L57x\r\neGqJ6rKOFF9FAlJ6tWrwEYWnN5U4PZLm/es+BPEJepezPj72ARpOVR8yagZn\r\njX7XqHWg/+t85dEN9h2a9t6Pz4QERGReOoP/kIi3FGXQXur+8c8PNkv0k9t4\r\n6SBKGZDCEkoh8BINfA3NIyUoMl8zc8fLP9PKEK2xp3SCmu3/heFH2J3LaQkr\r\nYCletIRl47fe2UMQCCqjqjdq0ditWrHMW2+QXJ5RdaYr/+BC6JWSB1tr79tO\r\ntv5aPQmL5pIi5A3aAl5h5SbzRN0Tp8MQAXoRQFr18qf57JiFWLx1DWoWvL2D\r\najhKnuBn0BvwRbpcWv732fS+WqLqxdzVmtqcOnUqVOjIy8CWy1xDm88CBd4F\r\ngFUGhojvGqaGibkMrmr3Ypjz24BwXlojkzI1pdd32Z4lyZQ0nvvOh3Vp92Jg\r\nTnXDtWmkaCpVlHhQDUJB73tKu6XL27Nofpk=\r\n=4hVn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.7892f7f.0_1659372605556_0.9801443446479063"},"_hasShrinkwrap":false},"1.33.31--canary.6c8f156.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.6c8f156.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6c8f156fe1f015625011eb1ec37ec8af1ddc7474","_id":"@atk/mise-ui@1.33.31--canary.6c8f156.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TuLiXNiabsICYZFFQMZW9e9sHlnirJ16xNJve7VhnMliw4AsBrROFqrGG71yGf8nLUu6MxLu6+bQzPmAKSwk2w==","shasum":"2575bac7bcc785bb65e8bfe8511883dda43c1536","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.6c8f156.0.tgz","fileCount":901,"unpackedSize":2017340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGySSvdMb/H8CFGujjhyawJMM579kOn/1FqDXnL92sT0AiEAuAsqkB0dZb3nw2Hk0RHH/ZbaE05K5mclY/bbU4LSpPI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6CSoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr26A//SoB2Ao4fu8tERkN/4R4W5r1Cd8QARtNbCcMajgQkrY7Op5l9\r\nACdIgWtWOpllceuhG6ePcRiGAVk8OgofO2DBO3SpGHl0p6VyJN3GVMbQy4nj\r\nLXXbhgDZ+5rtqAOaOqc4N7qz7Vu0rMMK63gml9NmTSTQ7FkkzYnnbyiWZGog\r\nzwo/kQiwow1w2ZPjTFRopG1J3EotjUrkleO64pSqPBZ/in9Pe7Bz5mmVO+6E\r\ni4D/+TLD5WIccD0BThtSB/1rsWKutGIrBDo8PbP3eKjI4EzFKCOxveuSl5XH\r\nqOjGeK9ElLdLlGjVhvohPoDdtr+ISU4V5QlE/sRemH6hQMTgzBPJ8YHtJx1F\r\n9eSywBBiQHy6vQqoJrPcmRnml797w071MqpgiRrpYvBMX7jBssvd2LvfHXh6\r\n7DvAgsgr0Ls8L86R0sfeeOQky+pnPgCiqmsU9pUwc1UqmiOaMNZa5MZf90QD\r\n8FGAtR9BtS9T6ZQYJbcf7RTP5hp5X61dvx70gLjXkV8vizuojnOzOuCfoB2c\r\nxn+COu66pHk4GtuO2iOSgQwmfp69ki6uXCSHkDa6+DAqG3Dk/v5LHXpevZ10\r\nWGLcAtUEMYWl/8D+8kIGIgde6ycBSH9FdZC0FLbuyt4AqJrR2JUDmhSos7zl\r\nSYM7bu4ovrkmhp626NNOn9qz2wc6ZED/U88=\r\n=s7UI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.6c8f156.0_1659380903984_0.47437074097053156"},"_hasShrinkwrap":false},"1.33.31--canary.80db47a.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.80db47a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80db47a487f01fdba4a257b03896ceb326dbbab4","_id":"@atk/mise-ui@1.33.31--canary.80db47a.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+dHawyRtQmgB/3GEIC3qm4B8CaH43xO3zmc+56iS6vsp2V0NRcR5QZkb/6HR/oCB87zEqqwVLxt+2JT9jBW0PQ==","shasum":"4c25e706dc4b7bece0d8e66f92358ac400874494","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.80db47a.0.tgz","fileCount":901,"unpackedSize":2017907,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDc+K8npb7w4aFvlOpIo1nWIL8ugPJppQCMBbxFmcLc4wIgMyzlsK9FRHHmird626NjKzhJbhOx2MHrfgH60X1BUaA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6TufACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrErBAAmBmJUO+u9+Nop6Uwo8T7GpTHoaf0bwC10KThX/oRVSi8Ovza\r\nvzrGqQHZsxA+3R4IPxZ+PaNGfzqsC6f1P48eThHftor3LrVF7WqaA3utwCxP\r\nzKq4xjF5CxX7CkwTob9bIZ+mSNpZtGnXmBEkCU/Yct3c6V2XCchGDn/7APNg\r\ns28AkrQDObP2DG2SHm8mxc/aWCG9w/2r3qHUEFw4qmDZ6a3eXfcA2JNn3WwU\r\nJy2tkRoYEniSbzZzMeMQmuGt+XDm7JZiGo7pYnYH62km6UMuPR6fwfwlymb2\r\nYE/6dw/LSQOM1WFftji9uicQ5W3Be2QXZ8OypRW4DGj3bfBghOHa2mnREabd\r\nDNBOwJPrD+wc1JbuxljMuyEi7hoq5x0pTNTSaD3oEmjlY9y3AVPcM2ufSkBr\r\n+70g/im0rvAL2VTnGkQXopS8TwHe5pI7lRmgIuOWj4XaC599GbFL+DFL96+4\r\ncP8kM/MS1kuYHmhJ7Y/e42liMDgMUUkJY7CL1KdWdYSoSZ/wVrXHaQv22BsW\r\n7BoRmnf0GW9V7F8JJtOZX+9hqTMGlC4RIpnd42+qcCjE8IyYEurZ3Ofi45Ou\r\n+zVU7b4pybWqo8YjNORoun6yt0ubhwp29tvYR4p6ZlyUrVHb6IbK1c+TizRc\r\ncog2b0frkmkLIE1JDjIqQ9H8PIeFE5BM0KY=\r\n=h3+N\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.80db47a.0_1659452318802_0.8671132724785122"},"_hasShrinkwrap":false},"1.33.31--canary.80db47a.1":{"name":"@atk/mise-ui","version":"1.33.31--canary.80db47a.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"80db47a487f01fdba4a257b03896ceb326dbbab4","_id":"@atk/mise-ui@1.33.31--canary.80db47a.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-V0GCUNo7zpqMUM65PrfWdf/GyWEFDWWkH/AYa13alMB8WxYy1H7W0ecK4A98aSMZy8FTDDz2Tfl4VFg0VbJeUg==","shasum":"0faca4e7fafeebd874734cf27cc13153ba0c9771","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.80db47a.1.tgz","fileCount":901,"unpackedSize":2017907,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAmuMbeHnLVE2fa5rlIhg66JD5p6TUOqDwXWNcqwePSUAiEAqCk1/SYrNk+fSWyinpd2tMFRrPp/lhWgHv5LznaQjkY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6T0jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1lRAAn6Ix6EW8XQcXvP/LA39SZ4y/8BKzO0dUfUhVvfJyPw0Qv7+c\r\ncNiCWWrANRDN0Uy0kLIhVQet9iz4cq5X9/DLvgjzDOqGHfhAQPRCYQRZCF1n\r\nfQhsEFuZ9EjJjIsw69WowKQCRe9/lFEjxzcfWO1u0MPEsa1w2AMgwbd5ec+7\r\niBn8LT1gxZdWvObgUxe5WcZzuRHIKD3ma5+QC1eyaw4gyaSOCCuNaFrqOBzL\r\nfPXqvIJ4pPy6KbbE9Hhd5laiw/bzg6sTA3KTQrpCDM6JHB3QZMpPH240NSoc\r\n0ASkXPw7o0JV8ow6c/Gw97NfK7mEHgOaBaLrOxVQK62ZvOBq6ehKD1EJTlrb\r\nrjxe7wShnbgHQzng7dXSO52Oszzgl1LM4KFg1dFRzSEb/MCgGh2UpG44nTE+\r\nei1sJMPHepdBaDnU7BeG9cHdUnIallmz70g159hx0IsXjQL8wrJypyHLupXw\r\n/w3FKb4ku4+NbEvf4aq5U1CHkTB8xZdLZazFdJngzC8aT/QZZGEWfrH36K17\r\nbjeyY9ukxzkQHJ6C3PU5on+rsM8h4rE2p7VcqaA+Ouyn21PRN8IcBW9hCol6\r\n3fqxAwaubRyVcpUjnbw7tbIHjnTerRKaWhRdw7dJ4r4k8n48rRyRWlm4bqnw\r\nljNOVbgdiyxpZQ+eJ7eha6OFourzmgG2f+o=\r\n=XNVJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.80db47a.1_1659452707519_0.8934441352882037"},"_hasShrinkwrap":false},"1.33.31--canary.8c87d4d.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.8c87d4d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"8c87d4d9c2150c118fada1a4cf347b7a96dd7df9","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","_id":"@atk/mise-ui@1.33.31--canary.8c87d4d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-3tINOTSnF5hEaZqPsYTDwLwqCpUYqyVJfupylAkLKa29Ld32YmPRrbhJWRbGtguO7KtwmV8wsG0Cg7PHl5ejMg==","shasum":"529687e1842d5e6aaabb76f22540c54fa37843cd","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.8c87d4d.0.tgz","fileCount":901,"unpackedSize":2018352,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID7Q8H9MhbIL8MSpqk+3zE48rjKsm1OAlKoBmF09F+xjAiEA20H0gfowvYM4lH8FyV7z4BzwcypQycSe4yKHomw+Dq0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6UUNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLrxAAgabG2goH9VOU1w8rEaiRoqtGvpjh4SJa5Tims2Vn0kLnvDcI\r\n9w3Kkoafe5dH3bWu3ZsBZTjdvjKE1NziKR1dklvmZD4+hCeOf4xL716Jxxnu\r\ncUtHTaw1ZFTVsVESSwe1+D88ChZEvevZ2On8a1XKkRbgti8/j9aaAvBjVkLv\r\n6cIh3grUfynVd7j1K/CeHbmKZwJapZOo9Whg30Mn/wyEQbS5YPlJSokbRRN1\r\nL+ct0Ce2iXeSNPnjSdaKHJb1EmdPK0LbB2KNblj6WW0IIp//GWc3Nk/VKfOP\r\naH4Grpm6pxMI46ttuNXuQSFZPrnCWbbyElJRBApl2umeaHt1puD0UxiuQSm+\r\nwnoxW5yNMbidVi77OgstH2bULAFwqUIBC6rvSmns1goP7j/QwWgs8kndKWpV\r\nc+nuTlyOAU98c9M2BUG0nVyktjc9Xyr8b4xrZqXWv7oGguUaiJk2/ryNUoBt\r\ncFnINI2FzItJJi4a3ktXSyE6/ius3DYoMqfIAMvJlwjbM3LlHXtWEcTqoorj\r\nLjr6LGA5/9IdrgmBvrEbCdqUX2qWOO7jOIVTQRzr+2CN51urBjLb+CW3vbNe\r\npf4l4NrdrIp07Z4LF/nvw6bb+5LiR6tN2AUCIQLFUad1jDC6NWIhXsJ5c1Gs\r\nAR+0xysE4OjnCLecv7Ebw0SMirWzuCQa/Ok=\r\n=TSXB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.8c87d4d.0_1659454732950_0.6365358556159257"},"_hasShrinkwrap":false},"1.33.31--canary.d2b062c.0":{"name":"@atk/mise-ui","version":"1.33.31--canary.d2b062c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d2b062cc1c5d255012f19c7fb27b07703343009b","_id":"@atk/mise-ui@1.33.31--canary.d2b062c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-FPhvWO18dlDo4Xm11+u013Da22jcJCtxGk9SNKVwRpGbLCl9R0XdnHjeCp6xSb7M9nX+J6or6ztBK0D7LjAwdQ==","shasum":"e11eb7674ee3a5937d32ef9903dd621e0a5846a0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31--canary.d2b062c.0.tgz","fileCount":901,"unpackedSize":2018352,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBdVijvMFJDE/UDUEpDiHvDPfOE6G5+PBeyLwu7MdN/mAiAFqr79O2kBEA+klNL/6mAtvHNOlULu1QKf1HS1L6exBQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6XHRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0IBAAnLQea6OatXkNi0Th+x6iJsYQNl3j33Ge5Sd7JzGBamwDXGs0\r\nTbaYnE+WyMzLQ2WBAoqZWkc8UAS/jD67uJUDGff4m8NvIH6qdyg4n2DITCTs\r\n3i58VpQ5T9mkYuxtHzW6mpYfvvPoqKXMjtmriq5yahjFYdDgml+uUG7/fire\r\nWDrIpqbtKF7pHfglStuZaiNys2ssi6YripM8SRRhnI/xhjXmuyse9rl5LprS\r\nrdBbLdqMflToCLj3PX2GT/FfEgNjOGIwl3fQsiij5F17Eev0b/YJr1XAf0Z1\r\n6nrhps3433y8eYMJyxocxClpAXV+EGbTETKK1n6KoY+wy4W+ea40GQHBlcjy\r\nHC2gbf3it4U4t5wkYr9b73FLOD7LHaYE3WghcowxRRERIRuPU7f86hHX3byk\r\ncMGsq97UvGfc24lcn9/kqIy5KpVWnx1Ls4Ze5ZEOk2593p72UpSMRIeWbtO6\r\nuWOnbLHM/zU2RJRRI3g0d1dnQUhkz+x/Lc/eMnSXd2Q8FyrOlCfHENLE7qsY\r\npM7Hm59dDHhr5h0NGevmtIE2V3VsnNQDhl1v3auxlWmmuFbdwEt/5O9hX/AS\r\nfKMQiVjUEBq8thkliSpWDXkkfIfySxTTePuZXLvJXNSgdDnYqK32C44GNfh6\r\nDwzOQiCRMUzPaynpONTG+vM5G/Hk/Jr8Qms=\r\n=IR2z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31--canary.d2b062c.0_1659466193302_0.3252371278127877"},"_hasShrinkwrap":false},"1.33.31":{"name":"@atk/mise-ui","version":"1.33.31","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"04ff6a26f938718197f337a50893d257cd6c718f","_id":"@atk/mise-ui@1.33.31","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-hJ1H8o+5H66urHckbQAaBZaMuaFvww/on9p+SdWTeJOcS4UNI2/1CUymsXIWPL/kIVox4eId6lNUW6JVDGsKeQ==","shasum":"8c2267deba05d1829461ea0eab19af2295596175","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.31.tgz","fileCount":895,"unpackedSize":1996007,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsViyiWLRjvJ10mysXbtngXV9MULeCkSzjCRWjro0XLAiEAjd5J03Bb0ZApsJIuyI+zdH0NKB2ajC0Iw76OKh4MSps="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6t3ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNZA/+Nph0TKZVA5dHT32zPj3nS4rZxUBnOV0/XsCIP7Qk+ZYbTEj4\r\nuPQRgzdNsC5/LugTx2/6KLLQiS/mcceuOfmjkTrPlTCMC4aLLLtqUfFmYYjj\r\nwpoXxCqnhIxl5UxT3HvDNVKwDfHQ89mhGA93TOZawwgbfyIjX2op2FlHQthe\r\n3U3QQn1+zCF3Q36boTa7Gta8ZXBdtuy1B5iklPiI6bvvhbKjA3KVxlXki0pr\r\n0GzqXTh0sHTe9Zz7sgba6EqlVjr8tZuVAGzjE+NWc76C+5Ejjt9FLPQIe/ni\r\nE/rEvnozz/7mV34ehGKrJRSGNoo+7HzDldeL0ErkXaulwvunUUcPyd1ep93p\r\nGQrWmZmNes0hIliVUGFBoEXwjBGf7p0va1RlZcBmGKStoLDZ5Z20ZKDkXVek\r\n3SW6CvVLqvvE5jIUj19pmSIy+cSfqhd/m2bk1QR2NUgFgchpy+P8klSS55LD\r\njClUvZWcbH2k1oxjEyenkObKHdULmDheUr2jriUq0l63Gt3Asn+XvEMiZm70\r\n2O4FHZYz7cwpfuCTlqwKsHmK6vu6060TwKeTlcC3ZSJbLxdC+kucT/QFt547\r\nZZih9NBxQj7yPnM4sA3ib9ercCY+2WPXsAM1IZvj3ACe8vaDWF6DzPlRPI9s\r\n8O/lW+aWVLvTbNuq9voy+N3FkGSVH/vo51g=\r\n=okuO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.31_1659559385163_0.9851963584196157"},"_hasShrinkwrap":false},"1.33.32--canary.279557b.0":{"name":"@atk/mise-ui","version":"1.33.32--canary.279557b.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"279557bf65a327255b24c49936d0f84bab43b352","_id":"@atk/mise-ui@1.33.32--canary.279557b.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-gbADz9s91CIptxhQQtylhg+/1QRibAph6QrVjNVhOKAf0a9e6QO7c5+oUXbC6RaOaFcNuMFFYnyNL+vihOF+FA==","shasum":"9a042389e116b578e295747c716c5346a4c163ee","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.32--canary.279557b.0.tgz","fileCount":901,"unpackedSize":2017340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDP+hbG1+6x5Py2wJ3A8N6kozJkqKxZLrFSclBV8JsraQIgAYjHINPHp8UT/k9FffUPZeX8rz2ij2gzAbYqg+NOKfM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6uTfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4QA/8DamCoPvk3UxdiVcRdNE0GWwykdg58NNCsPc2vpwHxX3pI1SV\r\nvqz3ptvBRRqrqf7ePTLXm0HcEZ1bRloTjw1Lpym+mGfn8AM3bxbs9xZ6N9Lk\r\nvZ2nCUqrbJenSQVdoJ9D8sb5hlg8XATzqfQjyor/wxNTq5PJOlTryG/HMFZT\r\nOKJr8lEYwCIhXLg5zl+aKk4d5g/gsLd4Ww/4+M32Ec/IhXOKoguv91R6sYCV\r\nRLBVaJBpSTAkV0w2gkoeg76eoA/GiKrRGeNWx0jaeri3gLLomlyHW5fyTnY7\r\n6+LUK2nIFN3QKkFrexNHS2VOlybIXpfFZBTZQaUAWOlLk9EACGtz34M4Bpg/\r\nDWHecjYXMhm8IqyuR6BBQb5/hxza0Eu/FBbUk7DQWi02jmDwQdlCnEGjmsd5\r\nQ6RImRkxRGLe6MJ2ZL0dfB9U+2puUGE18KkKRXQBw3rww/wjFdFZp/Zo9Ri3\r\nMftFx3hcnT8kbsm2OBsfzT1znu5nLwpsYWKpF1dORrW+whDVDaAn3czoE4LL\r\ne8+1jLWtfdcAiC999xB+th2w6ys9rdHNeD+2i/vcykTZsYMBvPFG3FBQrciD\r\nWEq9dQBS0UC4Bf9R9uNCibLdLTD1zOXTj+iNuNZZTUhTX6zewBOO/l8q39ph\r\nz7hRj0fuSPcZDMRcSTzyGoPvbnvGiApL9w0=\r\n=fvpU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.32--canary.279557b.0_1659561182888_0.7875148921992523"},"_hasShrinkwrap":false},"1.33.32--canary.9e893e5.0":{"name":"@atk/mise-ui","version":"1.33.32--canary.9e893e5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9e893e592137650ed4bbd2b1ea1e91c273647b3b","_id":"@atk/mise-ui@1.33.32--canary.9e893e5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ti3kAZr9jmDh+OROJ1XCSRJA0UCcaFvSx/sblB6B+a0x77WURXzksrm8Dw4muS4CoKLfnsTqbas3+d1LByv86g==","shasum":"7ab49e4bdeafd95710c469ad9f8dbe2485d6329d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.32--canary.9e893e5.0.tgz","fileCount":901,"unpackedSize":2017464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICIl9g/egFPo27Jyn8BulMlYoAXhCJvXFAGFOEmWHjC7AiAEqjitr6AxV5OR2xTvQ+/r3LC4yf1KtsIFmM/QnYulww=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6uVYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6Ag/+IWkDwRgSCbnOwWhxtKEvWlAOp5c4G8RFLN2M5RDI3t0GWobI\r\norgGd+3rJ1+d3XtM1Tsa9Er4GRFjr91LdP6HVBw1INYAiZJ10IXE5dX7Jl1k\r\n9c0+0+Scw7bxtwhQAu1iRWaGWvguL1lnnH7eWKUXZj/x3WIHKVo1KRQZST3B\r\nNjNZ3MuW7ZoxkAGxq1zVE5pKAr7ehNJtQOEl6GGig/LIbAOOb5W5qCfqzOhJ\r\nb6RBM4S+EklXz/JrdtKyqGQNeCLbkvYu6Uo2HA+/ty+H9tlLMezuXzomQuYi\r\npFCE7H2yDGDL8efxG8NimxZMDvQoscmawdYmFBGRaYXAbrJLuAhY43FrD0Wb\r\nqOMnfalUZRPYW6Ig7zRmUNv1drZHEzz0DK9pP7Sv5k/jp7ZyfnEDvVtzBoLI\r\ngWyGaONhNsN5j7gX9p4YQKJ6DHDYuy/pYUaCIDgq6R9mv+478PAw8BF5GGEO\r\nTLCYRZZ65xN3unEBwQV7EA8xCGlPonUow7JPlO1UI7o77ufoxr1SURtDOJIK\r\niDl6pn2ioGBduVO7SISuWBGT1oRb1+oPNk6aoOW4DDg9fbsJ2iKiKxIZi7bn\r\nch/mNLkwRb0ghC+rS3DpQVtfHWKt3rXvZwGeQ1+juvhfvcaurudVWsU7nqLB\r\nENW+6mAk+xnUGPaVNLurZ0i/6G/qkC502F8=\r\n=U9D6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.32--canary.9e893e5.0_1659561303511_0.044638538729629085"},"_hasShrinkwrap":false},"1.33.32":{"name":"@atk/mise-ui","version":"1.33.32","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"c5882a4cef0f1453a548e9d84b569f915d3dfdc7","_id":"@atk/mise-ui@1.33.32","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-5jRvRdIi8fHBVf6+R0AFZs7Cuq5Ct7zFMcIh6eYOqDYC4uZK636TyR95eZOCrCCsSdpudg5G5jnJCh7TcPpLQQ==","shasum":"b12334077643a34937ed05ed0702d040884ada36","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.32.tgz","fileCount":895,"unpackedSize":1997043,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNZ2qBVehYqsAnfbtPgyhhDXjiQyUHL3bbet2EAv7bkgIhANXeI4rkWLffs6N4HX/65Gfm4GcJ2lsniWsbi4M+8AQa"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6+74ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWwQ//R++K4hK/nxkVFQcbSZiWeNbmnb0E+R/ee8j0xntE2xkxrN3l\r\nTGS9Qpa7z26JGbMYa0WqkhjLO+uQEfHvMKhCkgZeq3cZSnsqhsII6fkyhSM2\r\n2f63wNwe0ohwuD0xTmifLWKSSAF5q9XcjxBdjS+LOl4oUs7WXEOX6BfFWBec\r\n9OKYcwaQ6MpEP4d5o1DEEnGNd/BvJEY/j6N/x//KpifmDP5uPjAp1ZMfo3jD\r\nz14wxVyBxmUrNqTkPqzcR9EOKVENzbMc9DrCixYhRIVez81uE+OPqUkX3dLX\r\nlr940QF3duAYM4MXpEaiQZwsHNQrSHJnexs0WhUDaYfKcAOXGTocpb1SJW0A\r\nq/IH8rSyznvzc0N5kZ5YjmwxB8JtkEX1gJ4Ye4JoWlhghJI1+6Tc3+mFu8AU\r\n1CHBpAjsqB6E8cYo16HpVmkejn6ZUwD4Xe5PtHo/C0nLyYZMOwc5Zur4Bgx5\r\nwuNzKja0vLcMprv+ybBQF3qUrlDGVAGYKuqlF41EaXzikKdyZJ+UmgKft90C\r\nTFJ9BEzYyAbV+rHn9wav78OwG6DAFXqYmpsdUJPqzHJ6uAzuRj7Ac7X3ziv+\r\nYnlqRiia7sdHKwekFVl/jHh/PTqedt4W6R8uw2yW8wqBmv0la+cKYst/OgbJ\r\n9+OolanlsYLPnTONEltV6qBBiSIsNS1oNrE=\r\n=haiA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.32_1659629303721_0.9890612472191276"},"_hasShrinkwrap":false},"1.33.33--canary.5d87a4d.0":{"name":"@atk/mise-ui","version":"1.33.33--canary.5d87a4d.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"5d87a4d6478e3a56087990c864070e90d9af7b60","_id":"@atk/mise-ui@1.33.33--canary.5d87a4d.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-lJBRxMTpouhNfqHHwvNmlQWoFKNJ6NT9XtBmWzE/BpWWJ+HHx7PjAAj1QdpmlBARo5VBg2dKXrsOodGgk39Qmg==","shasum":"c069f21adb0aafffb3ae1bac7e7624ca2cd74e1f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.33--canary.5d87a4d.0.tgz","fileCount":901,"unpackedSize":2017464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5MyhLXuHz/dxbkbmNapGfKJQBUg24WeOsF4Ok7TKIlgIhAKkJ1fCKBXJ0ki0ynb1o2PndQ4ZDQCV3yvtWyCBAr7fp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7SEAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeOhAAkqDbjs1jPO0i9bTaF2bOBYih05aGTFfxvc2JCOsQMu3Ao2VL\r\nn+cyYKVMwxeAPNgU0sMQA0kRw+cZ7qygTmzWeIGN5TRVBuvQIUbAlREcueWH\r\nau0av/r178OA/+U5RnrLaC7K7Lv+sz+Y3opj70cz96QwSnUzK9CcsXD4aCLS\r\nL9S6sbFpfdKo5sqUmVKzIbZh2DcjYGkcfZaMQY714waAsIt/8LIirD3Fu9RX\r\nSdvR8BP+GW/KoQD6fCeEY1qbVm7hmJX0GmSM3UoIX3zR94VV/VVfhFMp3d87\r\nvbU+4sOF4GC1TCf6w/lL9EgKrbXuOFtwy4mTvpMiu+HaZsWDlQy+57kLm91w\r\nA/NztCjXrVMXcTVl2EjW3PosfVhVhzSS06iBUwIdUtTDmZJyhdVRw3wP5aNo\r\nyyOXjL7u+DjJFg5OOahln41FAw2Vt4m4/fY5a9ugHXboSZ3GF3cLZPFCDz2a\r\nz8tylAjdkX4XeUQHcfMc0Fy+S/2kZ92spB/1UyGrq/AfwOoL/pG1NAl9xxOL\r\nH0Fr21UXJNgicRpTWvPIZVGY+i9g5Ut2eGLrHcJSmemJ97Od5OSc6hbw1rZ7\r\nsNzWkDjiVvT7hCmQyRY4dyGedTkYaMSTpdeSY3imlCsVKEWKM0kP+rZ9YM4b\r\nbYpxW8wcabrV1rtAOu3jqnY/SXzC6iFAjPw=\r\n=+B8B\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.33--canary.5d87a4d.0_1659707648343_0.24067305787710258"},"_hasShrinkwrap":false},"1.33.33--canary.66081ce.0":{"name":"@atk/mise-ui","version":"1.33.33--canary.66081ce.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"66081ce14885ba245a819d5a2115e7cd48a99ab1","_id":"@atk/mise-ui@1.33.33--canary.66081ce.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GlPoo/bR48ZZW/hbK6HoX4tS8lmpicsaAbs7iTYfG8TsEGqtMQthNTMvWZ2C3aI8fIs1fcXFdf0gpxSNTzfcVA==","shasum":"d91be321c511172706224b0f09086a04794de935","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.33--canary.66081ce.0.tgz","fileCount":901,"unpackedSize":2017464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTymZq7/K6XDBn/L9g1tdOdFX0k6VHakmbwSLFtELWxgIgbOvSWWy71Nw3UZCRGJKl30siA0O9Vy1tCKhhrsFcuCk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8TVSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrL0Q/8Dzd6GprJQGJO0z70Vga2ap82EJWfrXTRU/P55/xEjo7QWw7d\r\nHL/T+e1bLs+gN6dgM7AXZ//ix09AuOWKVmejSTYjiNUgkUjchb5BPIXmYpXa\r\nlnizUkanLCODGOA+6uXtgYNxEAdNtQr8Wfkfsjp3xYVHY38Ic7WED2T2TgQg\r\nQjGAxYw+wgBTD4T2xuSPyHUeYl3nZXCz4Oyr/3LKebDQ41iPTXAhArJbAK23\r\nCFNhq9nfQsFiMwgpZgG+r7gJ3IpE64zRP0/TpA39hoVymteIsZ3vd3DP9XZk\r\nXcw3dxijqaSOq1/NNDqD0b4bFBCcRoAkLJLOCIzAYRn9OJwRiPQ7vONWZjES\r\nR6W4jzdpkzlHiM4yrk/7ShekI8Rd+2nqtLc9IxNS8wXLeYsTQ/IshmP5etUy\r\nij9wcbWfkCRlCAn2AkebhVDThBvRin/lfsb6Xf634Fc7Pj/O1SSeGYDFL7A1\r\n8koQ1xzneNdvMNcD0vnTxr1cifkWBNo2u3VJpL6C3/KtxU6HcxmCJUHIQYjH\r\nKV+nMT5LZg2xko+qil438fAeBCeWSBZqK9ZYmlAq5nWcYmH9hBycfA4nv9BU\r\nh7R5PJK8lB5JvPO5q+rK1YkCT3ceI/n9ZGlvXEEK+pTEjUihLwO6hbbsdMv2\r\n+Kee/Man8anLjCC9trrLgAiMbD8QLiyv5jQ=\r\n=yY7J\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.33--canary.66081ce.0_1659974994579_0.2620281503556592"},"_hasShrinkwrap":false},"1.33.33--canary.35b3e78.0":{"name":"@atk/mise-ui","version":"1.33.33--canary.35b3e78.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"35b3e789c64fe84a3b3d77a7dc03dd1a9b7eb4db","_id":"@atk/mise-ui@1.33.33--canary.35b3e78.0","_nodeVersion":"14.15.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-vlB0J5jDfdQWLexbGp9YI0DX/rqnZhTXbow6Bby896XUdE3+rq3xksGyDMASE9AKBSI+oSEj3LgO0tv8qjbhrA==","shasum":"a69adfebc689d3971a8d5db9ab59cc736010156c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.33--canary.35b3e78.0.tgz","fileCount":951,"unpackedSize":2062337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwhXEYIGaQAJQFp6luJriiD4jTKumNHHJsnVXSOpORsAIhAMRBdYsT//V/GNj6DQqH+xVKxp7i1PPHmOxskMKARRxe"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8q1HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4+w/8CGDJHkGwiHZRvPz+02jVB2xdcD5pZz8kS032lulMFcko7LYu\r\nRQlmjMvpFEoAR/ELV/KYo7Z221O1JTyo2VgbBVSP2WPZf67mEDJBqcs6WgZ4\r\nDvWCWBsYmPuc6j0RkyLnQLorz/Pp3Rm3g4snDiqhkaSmBUwMeELK5C5Xq0jQ\r\nxrIG2z+j0qruKjFyNZcoDH77JXJeVehrbOWh2hBFJ9TTjNeJMO7Hr06oELi2\r\nH7ML7Nnrk50PvAWuinKd8JhWpgGptxsHwiLNuIMi0UWkonYgRrYU3qDfeKhl\r\nHU3H2B/1nMTN+B/zfCg8rAsKCTBpUweTMR2xNqMCGTiWGnrLP9r2IyvqO4Ts\r\nNDsyu3DOIgRbAAg/jkvIwaCSECjaIA4oQ9W0dyekeEUB4Btgb3s7FTs7FYRb\r\n+7DeEG7u/6pSSaRCB1Bdgo/wK1xpZUo50c1E5r4LN8brdpD4axufiu7LvQ91\r\nTSU4x1/rTiRPG6WUjP0ruqOsj7OtxITyz1vnPruKy7HJ4Yl3D4bmD7IQNvrw\r\nOh0XLwRAD1Mf/lPoGWABkfD4a9soLnbIO7fpYcADeIACcRHtdNmmAe4WPkuQ\r\n2nD+mXJCW2qwIrVkCXBYeK7L+l9ggCDaHnJYWCNyx5oXDROk22bowHFx5GLs\r\nL58UhgZHjYTcaTpFsCWZiLzrif8rcSd83oo=\r\n=vzrz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.33--canary.35b3e78.0_1660071239224_0.16234193450431755"},"_hasShrinkwrap":false},"1.33.33":{"name":"@atk/mise-ui","version":"1.33.33","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"2882c244011e1e63727c713ec5182ab7bb9e1efe","_id":"@atk/mise-ui@1.33.33","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-lLf+h2j1IX41HnubC04LJYRqJiKdURTmBT5GCobH9Usqz2FZ8sWypwic8+GORbHdOOARb3BF/0ki2dflB6nM3g==","shasum":"37fd4c7df78ebc77162b5843f391b3da92e0579c","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.33.tgz","fileCount":901,"unpackedSize":2021075,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwGRVO5U1bgvskTW6BvRJA4cB2BvLhfz1Oo9z3rltOwQIhAOzJ++LbRkASpLd1JLxIsmdnCU39zi/pvT1wSM14AfdM"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi89sbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEvQ//dDDqRSSrEUXDq+l/fhrFn+qr4AHlPLhcMpOv5Qar4ix+j87j\r\nAU9KSPRzNiZk5HPGihJE4bk6rmO1c7AtHk/jJojxNTSKVrmnlsSS6rNyYU+T\r\nenqwlA3Z3ca2atCrmLXwSXJvtcPhAAlMpOsWFUhyssQM1l7KOXPwE8Y7qO91\r\nX76+Db4+Id4WFGwq+TpZkfm6FwwkLV4JegnHy7QU4HftZiCg95/YCB3pkFKB\r\nNaUuMS3BDTxznm2OdnrsQq6Qop2voP/kwwOB1U8dll3lv/PnghjG2vk5B7QT\r\nGT7VVx+mPl0F/zXbcoUTjjXwqKNNchb3NNvfTo0mIrP7/GvTCwmP9m9xW5a8\r\nF57hma1IIUh8jt99dCI9UxgpZcw6LxWoLVSZNgxKKUtA0QIru5euMM3AdtUE\r\n7stahWr9NJKW2F/9OcQE3e0gfzDMqw9herOLlO8OSSzNekA/CPQS0xNTKxau\r\nibSJEXIcuSOi5+g9cV/RXIPoUyLAmg1e3zHXpigZFNecIMrwy6DElBlqMWvU\r\nbT+pEtOfc0fr3EQRr/qbY5xkIKCusMZjzB/A2UNYqLz7Z3L0ypZ94i4f2Ej9\r\nlQKQuICF3LGqCvyFEAfGPHyYDTyzs4w++EN7oQDyWoQH4FLE/FgHTst/Q5en\r\ndlVNXDOd76MgPvPUWYpj6ZIS9bWCNGI9eXk=\r\n=MR/c\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.33_1660148506801_0.7299487298721592"},"_hasShrinkwrap":false},"1.33.34--canary.d02c5f5.0":{"name":"@atk/mise-ui","version":"1.33.34--canary.d02c5f5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d02c5f5bbeb9489236cae4cfb1bd85e5484ef841","_id":"@atk/mise-ui@1.33.34--canary.d02c5f5.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tQADMPyj7JgItajlafxsPbUY2lZd8BkoN/N9vekjXgrmDzz6DXcv0Aqi1IOdotJBgjwI4Rtsxmga99vuijpZAw==","shasum":"0f8f804eb7e29f61482336e2db00816d43bf71ad","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.34--canary.d02c5f5.0.tgz","fileCount":863,"unpackedSize":2234517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrFVdKU37EEHwlHoPaM5sbINEjX9EGshLX2RA6XJj1RwIhAPw1xCtpj0C7mw/c1JgRXu5ELLt3WZsuaDJh67CuIrxP"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+llUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp+w//SGs4ZoXk5rwAw2nmumdugJZ9TmV7OEvLobni+Mc2fNhx/nNV\r\n4omSl39D8hoAd0MQkmh370kiCRpCyd7R5zf5CdHQiYTpQ2ct1HKzrNR7fEbq\r\n0mqsboZirEh5dgXNwB9jY/gkGX8wKdrnKRasphqxF1gik570KDhkmW/xfXe+\r\nURZKLUKX2tSmP9MLC4pvoFJ4AZJV9maz3DZZzqbNjo9Qlud+B05ArBlUUshZ\r\nb47is/jJoeyl4sqVrx97helQMR3TpY/3JRT51aAvxSREwuC9RhQa2flm8EQJ\r\niIWUlmoATuqjTtf8ZRMuYFFl1drhHCPWkzLnPDeFeqcuRRPdtGFqUpmL+REj\r\nKKN10BzVyh5ztvmffUiHxDWxKkvEDfgSgjOchM9HQliVinDIjJHV9UL5s1Ej\r\nPxg6egnPK5C5b0D/vXy5mzG+rLbZzNbJUboehNw3GSucxTpsTOe9IPZvDSoK\r\nLSptYliwc66PCJnJyaRgSeTLq3O9SBgBYJ/nXd4jiziqPhOvaqGAweatx9jA\r\nqbSlvWYCysw77xnR9uCUyyTbYG9ztjgg4MOiu3nv0tq0QE3klt4fC5J7ngF5\r\nqckXVSfhqPUN3lNcoCbBcTrGYaYrDCgusYe+uO+gFzI/TMTepG2+eDzbrfOM\r\nYi2H0Q9f1tDI9wnh2lZiEh6+wqBb8uKUtkE=\r\n=yAoK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.34--canary.d02c5f5.0_1660574036465_0.04414321002742905"},"_hasShrinkwrap":false},"1.33.34--canary.d02c5f5.1":{"name":"@atk/mise-ui","version":"1.33.34--canary.d02c5f5.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d02c5f5bbeb9489236cae4cfb1bd85e5484ef841","_id":"@atk/mise-ui@1.33.34--canary.d02c5f5.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-6Oh8ixjvD8cs3xKlpJxnODi7DYIc7/y+iaWhf/jFQ+Jrm46kyRvO8de4ph+o0fHUKIxcuENkg7BT1ODe+rn4/g==","shasum":"178ac87d6327c91cb4752575414bb5f47b574b2d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.34--canary.d02c5f5.1.tgz","fileCount":363,"unpackedSize":1662216,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICF+E1ZBaPoTdZK/7h3yviicXBKGotlSPrLZ6jPzUvB+AiEAsrNBoFVt3iEdaYJFgHoYSDcSHQDlCmdBmjVFW49MhiQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+lzPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEchAAlAREt7DXbwAFNY3ZrOm0eqg8cnmZ3igVgOF62r5Tm6H2mbEd\r\n5EnkCEO38jN5pd2pJ17R+UjETIXojImTX3kgsEP64gF+m10mZLxhqGrGKCtv\r\nKGDZ+1H/nC7v7i3C78pGPvLNy7MM5VmYoU4jvuvlE5iC5f8Zim3M0cHF/hnc\r\nDOqcoYiZIS4dgaDs8DzroqW6QPsHxlF07O2ClX4t/GSHZeXgkw78TnWUHxV8\r\nCnbCcQO2SLyVwRawn2yfikgSlu0w9+PYnSXV9U9ri+xIenD3UQHggCVS4kM1\r\n+5ZzjeEhglaDPC9z3S9rgUc7i320z6p+pxgxaKc9x0srOW1U8dPA5fqcTIbX\r\n75mT+Rvi9Cf1b7cSj+1xYAACMz2Ic5kAIPDAVdOk30SzXDdTDYK1NC4HJE9d\r\nm2YqvOQcNO/JFS/TS0DIq9sWz61mvm6DpUI1XiSiJprNsNWNIEbr4shDbo1K\r\ntrYJ37kJWj77BCRzftgRAHGFOoGk4W0ZR25vXvYXOQi1URc5HV/vTvA/8mpu\r\nbqKunW/FNDADXHlDdGqm/0Tk85va7PH6w/TCdvgkhREap9+7KH09hYyRVzbS\r\nGzwX/Fyu7012ezrwpmZTkfJzYENKgNHv7rT/NBXG6oCMv6LAoRFGXARQ4mUW\r\nv06pqFDLHlU0/tNs+miinz6ICqovmcDytYE=\r\n=Ie18\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.34--canary.d02c5f5.1_1660574927651_0.37627003921755"},"_hasShrinkwrap":false},"1.33.34--canary.d02c5f5.2":{"name":"@atk/mise-ui","version":"1.33.34--canary.d02c5f5.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d02c5f5bbeb9489236cae4cfb1bd85e5484ef841","_id":"@atk/mise-ui@1.33.34--canary.d02c5f5.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-UrKQatQKB5lYSMhRavm7tSOE0ve8d13INtyK4jzo2+uWh6X9WLxYxV1EXow/d7piRWVHt0btU7PFBFDFiOj+6Q==","shasum":"0dc43717d2ef75cbe238731f3e8215291c37478f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.34--canary.d02c5f5.2.tgz","fileCount":901,"unpackedSize":2021149,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDS/iikRPbwPvUCSlfyYirpQPfJEgcO8Dc0QuJ1liL61gIhAPmTcvfDUeq8nhGKx5TczKVS45icTz0yj3t6QF/8ogS1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+mFHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3bw//aW1M1K3/8sa7qOSRQuPERd6SZ9qkeiybnCLOe4j2iJgmYfTy\r\nkxijtSm45U0HeJ3BhrEYKeqCo9Tpuaabyub79Mhu8r5KZlQLd1SsaCajisPy\r\n+6Xo6V2IN9B+fr5QiFwIpk0L0OPxEOdf2aMTdJIv3JYHyChPWvvBKx3P8vfa\r\nSYjoaMSLIO0b7Wm81n61wsROil9POt21fKJg5ZzDrlMkhnhJ6A+leh48LOYS\r\nvfrTfaEMsHoixyhw+s4DoZiF0x6KdtESohWwz0WX+2/YdCDxJBJlO6URpkXr\r\nZrT25zIB6Hez1xYRVWUkpxaqujgaA9ZJQIYWzxHCQSGB6TRvPRzhx80585fq\r\nfZGsd8xKfpMbadPXoUASMaamhAIiUP1++uE1ltgBjHTjt+GbFy+MgLM1Rrot\r\nu1ozmWQ9SSLlWi2UCRUiJrn2qa4wRk1uub+sXSWz4qsCRy2Xraz9g25RCbAI\r\nMGknVQ1sEbjPgva+8NdbMjt0hkd/1djpCKNsrVmA+cnDjYABBbWpVFCL2ifs\r\nqK0J4keGLYBcYiPjpUlno3Z9kzpQrVjKEFQC6139WH5TeUeQcUPXqnGcZIow\r\nOw5yo3PzxQ1pacu/+j1jSVS1N+MaPGhpazV7l1OiV+jrBcBOCEEo5seT1MvV\r\nPhPAtt8zD8qkoLYKE4rQGnkO7ziv7rDUP38=\r\n=5yjz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.34--canary.d02c5f5.2_1660576071384_0.37613553268831956"},"_hasShrinkwrap":false},"1.33.34":{"name":"@atk/mise-ui","version":"1.33.34","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1d366e60886246be6b444d5763d1f54fd9e8230d","_id":"@atk/mise-ui@1.33.34","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-0nppSs+Ttl8qffWiKaKTWXI+cnt4342MHwQcVeaKbUokL2+CDvdOalql3DoOCKao8E+IU4H8/vHLMRPsc8mxpA==","shasum":"20aaf344a42c5689bff6bb5de4b7fb6670e4b56e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.34.tgz","fileCount":901,"unpackedSize":2021821,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBeuha6WhaXK/UVDgaQp9W0UJ58zoVaqqO8ZEdPaE78HAiAz9oIpPCiq+HYoYGwlv+JS++iJMYHMFnJK50SzanUqCQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/RlkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP6w/+Ntc8kjLPu6nY52nY0rkAtHJ6T726b4PM5UH8poa9UsQfqQWg\r\n6zbESj+h5JF9RkfgAaVPo7CbrDVGSI8ZP0PUD6DcJaNsyFamcMIORBGX9aUA\r\nybtoP2IYqxOYiJ7fVaOs5x5bEhJrY77WRImO4XP2TWnXDx5CWNui5w4p3Xer\r\n2SbXVD8umL1pi2SNhFQ8BazuFPiR2h3js0T275bnS9wx8RXz7RSVlhmg1cAT\r\nv4LUXPbePuk8ejVOIV0lC3gYqUEJxqi2hkbUKr2ALFnX9l8SaN5EV8McGXQ7\r\n4aPLBr4zQBEM7ijv9pw6I9ZYRi8+uQ3Ib7lLPsZJCdsC5LAiUm/pBoNJYcKP\r\nX7sGNTX+i+8f4cNPsfgaarDwagewF/iZfSOkTGiVtO8gkIdbX3d2s2ctBJ1B\r\n4OZmkW8Jm/V7zLx3SMtXtGsFFmc35tP8ItLv1DEKwqGzTA6d2dDHsG2dg16+\r\nvbwtiDD7tD6ElzVn6l1/w+YAKzclxMj5QaRu8bNqJcO71gNi/anfmmCISbAK\r\naFnVhreHfERbGHYUzHv6r5boMDmuMGSr/+mqbG75eGlLanBlDdSOJVJQCCVu\r\nb3306UALnFfCQadYPXJOdBnex8DiCc203KY4HV9T6ZG9Wg3wSnKZfHrz4rMR\r\n5ntSfxiSDcBA1eoxINZoPjtOzFuHi80qOvI=\r\n=PtBx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.34_1660754275996_0.1288301891896395"},"_hasShrinkwrap":false},"1.33.35--canary.8c159b8.0":{"name":"@atk/mise-ui","version":"1.33.35--canary.8c159b8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"8c159b8b0051d60b9d8cbe27fee7cbb2bb5ea7bf","_id":"@atk/mise-ui@1.33.35--canary.8c159b8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-2iAT9yH8fVBA39f9FzeI1+YHYuDsw1lyqs7JouQIZxLeCekcMpP94IwvwG3/Zte7j2ZnxFjUNd9IJHQ/rL4O8w==","shasum":"9147f7cb45071437b25fc50060b936688656e8eb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.35--canary.8c159b8.0.tgz","fileCount":1012,"unpackedSize":2444288,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDb56HzT8dpymBLgHGzeuYZNasi/HEIIyRasnqCqhrqSQIgTejAaYAC8ZKVpYi8K04IHW4/JmNEcoS2AikLf7WnY08="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/7dBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8nBAAo/4BnZM+C1eT+brtQiYtMAperU5tsXo9pEa9adCm8/kcJQrd\r\nvSq2ZMsrF5SmG6cIQb+g881oS8gase3D7AAWZpE+4FjzOlkviO3w6K0ziMvB\r\n05f3DhwxaGrukDi4a0RlaNePfUqaU0OamEaKUzetPhN6YAEdO86snp4KA4+e\r\nMcRqEimO9GbCoSkGIpViv0hvPs7SokrT6eaWgmTK8NvlMV7f+OF31hAS57WO\r\nYe8+uNyWrd5UWHjSAW6qRU5O7GDe7QIwE+s70JqvBaA99fBlyD+9vCIkTX23\r\nzs8qiunAGgQXO6/DRt6oe48g8bycVQwELIAYpgeh9EJPcxA2T2rJcSjbj7Sz\r\nLxkX2wdPyYDYX8NS59oJlNE1Rw9NVvZVj6FKz2Kcvs7SX99Aar16qzV6HNL8\r\naiomQ8m5Pr/xyc9BgAr9QlgPOKnho4MX2OhI0P7aN22NtXN0FjzrbReZtBbd\r\nH6mOGihb/tf2tLXnTsUrPEmdbkfeuXHAKeAdxX+H2fdpDjOpupZMXV9d2gpe\r\nPPfOqDrAlaTfZk1bsOx3f3A81LO688zqKcYzHA4BLyPUd1ofy8tUaAvy8PjX\r\nmm0dyTzq4/vwjOqS7ZFrpAnL5V5fb1Gn7YvxIGUfHn22sBb0JTaPs8326DFc\r\n3vOqHtcUABlg3648XWLONiFQm4xGLvoWQkY=\r\n=4xsk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.35--canary.8c159b8.0_1660925761365_0.6618841563262154"},"_hasShrinkwrap":false},"1.33.35--canary.1f09089.0":{"name":"@atk/mise-ui","version":"1.33.35--canary.1f09089.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1f09089f7d2f3f49876759371e49e7c70c9aae5e","_id":"@atk/mise-ui@1.33.35--canary.1f09089.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-33mZKgj8KZ3Q375e1Qdw3b+d2u/7ZZWfvUTv7eiu2NODtyEhKBGjC4LhxhPgqFg8QhupC20HTg8vAp5B9fwrkg==","shasum":"c06318dc531b8239aed0aba89e0073c969d81775","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.35--canary.1f09089.0.tgz","fileCount":901,"unpackedSize":2022322,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFRzjIJUixdX2U+Rse3Tt90hhtJvLkBmAJ4d1i7516MdAiEA23bU+p3DVW+gOemQrko6x9fo6iT0XH4Yeok+v7h0/7A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA8UmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9xhAAljkoTU+XrbA4MWdeDNLZGq/+uu47Y11bt5lepBBssaC0QQkS\r\nnM3WdUkIxiZR8Y8nrcNGRHDmFtu47o4mK0CALj1ZZnTKCuyBkNAvFDmtvaFc\r\nG/xMREdaY7pH5Z0wsNMQfWr4KDnBzUM7kVGOIk1xW6vw4sZsnDidtTG4ECug\r\nNrsebcTTWfir9NYCrQyLyI1syXj6TANn0f06vdSx1EuTDG2tV3Ic++rMUg1+\r\n8+b9a8UVzNwXAaZ1N52F71HNSn0W+Te1Oa91uuwDqFdr9FHx7lzFEEIA586p\r\nVNvfJ4ubztmWfx450u/U+l68Hj6f5VkSeV4fsw9XDRLqNqW2+YPWtgwyULGV\r\n6+FNw8ydzBSaVAPWd0wSSUmiJNpmBNl7hogd0Mj9Mvs7hHgSigqcMsxhkeeM\r\nWJuQQGCgjeFFm1B3k+Cc53BCbBYAjaXEgdcf3xgq0GGQOykJ+mLVDVnzWZOE\r\nwV26jSPmrMvuL0aS4JsjCuIplOFqsxpChB5ide7v9dseHHS9LJAYJoyA7252\r\nauz7uWDG1Jcndquv1CkotwtXN8Lj1f0jC2JADkiPS2arGjHkZkOV6ou0hPp9\r\n608vDo1Tni84ydvLqR/nO7KyS9oUmSYsppPhk75sfrzWT/Hb+pqhOf+aOWEZ\r\nS2FX7x79ljgfxCwDIu993ddKqfiH0DKNpRk=\r\n=MenX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.35--canary.1f09089.0_1661191462122_0.05096850875663517"},"_hasShrinkwrap":false},"1.33.35":{"name":"@atk/mise-ui","version":"1.33.35","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0095bc14ef9312894b00671cc4eaba46bbf275d1","_id":"@atk/mise-ui@1.33.35","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-7YD635EqGiHcWdXOi0j8jYe/NOWmpjgrbnpZHsoCw1S9Y7KSvJzzytd/TRESGUJ2bLIFO+Gw8ELUJ/+FHegWkg==","shasum":"f9cfa0ead3d1f65a7ad1f2a165489463ad4b5bc1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.35.tgz","fileCount":901,"unpackedSize":2022142,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiGc/Y5OY/wvpGOuPWRPEahQtdHZ6Iu12EvOg7By/oagIgXkdXQ5ytlUAV4flGVzluuhDkMuyLD38J8dPHk4W7LLU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBOMwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeGA/9EI9+P6qY4pvWCEymz7khrR2FvW0QX3RAldK89usp15RT2Ff/\r\nswHyjqUO3FrEVHdCW8h6S3A3O561CaqoCopN54wMxJcFALdA1G0RgBubTSX3\r\nViKt3iajUMMXGF2EN3QYWMoZJtp0bOQi9kRRf6kdhd7RECraHhoo/WTGBXPr\r\nAffdpWWNNjgSrdcrpk4GxvkFZd0d3HTKwDdY61E+I1e8rJaheicls5yMD+6j\r\nedsEvjK+g0VHp2TnBE8oGHSaeunbUWxtyUECS33YUfqO+xCaAeOWMpdGiZwj\r\na9U6+PYx1BFd9cGbyfLkS8PTuxI7KQktRBp/dF/yJbzWBfBEvOwPzK161GVz\r\nbS6clpB5TQYZYItH0AJWbSwbI+uGD227IPpiY8OJsFIN/Kk5SKeGJnl4kfot\r\ngQkM0xlA6tdwayI/bweOn+Jlndv6APX+M1HUMAOtWkry5TzLuC4yz3KiFN31\r\nrvYRlQ8bnbi1CybbcHKS4j3ja1PAF6Es2uWJix+pUicUHFJ509Bw3uZwt/cr\r\nX3vVEhT/m4tWMPRjbfmuNblI2pEGR+0PHbIVTf4LQ+FnORwjXCIVMnypsdXE\r\nuwDyzGnWaZuwZ8jl8wDZVxCv7xCSMUCTl35FcMSs7wwSZcd75H9CrlFakYnb\r\nVYDOXwJUjWad9gjV0GtTB25cMqWw4coIPoM=\r\n=JW9C\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.35_1661264688658_0.4467155705603274"},"_hasShrinkwrap":false},"1.33.36":{"name":"@atk/mise-ui","version":"1.33.36","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"ad96765b83a441c56c83c55103751b8f94176d88","_id":"@atk/mise-ui@1.33.36","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Vtbl5ZsbccatdTHj7CCAtzwouB68Q3obdceGOhJwhHq9LOWpCVfJdnXlf1eFe8uLQipVAa8p8Q6P7Ru3u8BlvQ==","shasum":"4c269b8a0c0a356c9c4ce499d2db555c9700430a","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.36.tgz","fileCount":901,"unpackedSize":2021639,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICULwElc207EqNySmY0AVjoXydz9DNO8HAAJ2XxvmMllAiBYDDZEG+e201DFzmJ4xtk4UO+KgOhamwu5i32vKcnBQw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBOiRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr15w/+IZdcteego+8CLfl/KnpEQrqJ2LMZR/GmjeF5NFRhsMhNCYQj\r\nwQScxhWpynt4ZxdOmHn6DJJcI3Uflr94MeIeuR5aH+A2Lo1Gkt6Zil8Y6D/0\r\nysqoGHe9LZhY/t4NqnYk8gZ8qA47v6zSuE42vRHHF/jZxGQ8UHbCAx24pW8+\r\n9k+0rTb2Xjc++yiAsLQM93ZHQip9RUkgydsaH/6jR85UIV8Jl/qrr8M6HLs8\r\nTnQo9EcfSBJke1Ov21njHDZAy4JjTtOQv3ZJfEJYDZdoSRFRMJJgfJ/sSMGl\r\nttwMc1wmiWMRgR3aReMuMdNjUajxEiOjNFg+2MKzbJ3J80GTPTGy28Zpjj9c\r\nROOxUiSNB+y/wiFXhM9v2Ryp2US5QB78PLxPmt9R7PBBEOAAGxHvsVIWkwbx\r\nlkEYuY6H5DW5SMoTdIzO1zHt+vej6o5Elp8rvg4KEJdC4ATbsflS11XPeRbF\r\nQgNX4dkVX6qDhYWmAlzlT4ZkbQQ166JJV4hKbIkINHIOuuMckNg2WhcWk71R\r\nQNVyPQd9r4hjxfXgDUGwzg8BdeaqZtdvG4yG9/SB/aZU4rq7WKPhW+ah/ASj\r\nPnBWp3Gp4DjVecfvnLRHULjqjTNmYN+xSnmSW2BLypU/fEdqrVh72Pz+UD3A\r\nOaTvZOuEs8Aow9mH1Ygx4MDdw4Io+7h4ytA=\r\n=5afA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.36_1661266065027_0.5833693653910563"},"_hasShrinkwrap":false},"1.33.37--canary.34c454e.0":{"name":"@atk/mise-ui","version":"1.33.37--canary.34c454e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"34c454edf21afb409bb5bf01f7c29ffd1da01891","_id":"@atk/mise-ui@1.33.37--canary.34c454e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-u7cIqP8PH78kNEPr51pLSXd/ntyZG9JLq7/SetucWLrqkbx+6s5kkiGtApDxohx3ih3IDRu72ezRtlNoqlOwSA==","shasum":"3aeecc95f2621b9c3b3688dc46e96b1249b11602","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.37--canary.34c454e.0.tgz","fileCount":901,"unpackedSize":2023655,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFQPCNLUJY+U/99agyKcOpC8UJ4y4iPk4rVZFrxLgjPyAiEAolLGSV8BVQgZvLGuxic2n0n/faJvEVD45XxCbpeo7wc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBRdBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoJRAAobwcNO8UADGcQfoAjV1KCtb2BuTU1OJ5BcOzJnDk8Eva/21y\r\nV7/l5lJEH2qECn2ORqr2QDKLVHjecJChfJGefX76TfzDcNv9lgGJQLHh6akq\r\nzS3FLbHETU0LOuf1LuD0Kbc7duVsge3TVVFFL+ljwOwnOecjmJQClsJHJGac\r\nj2fUy3XgVZ3v+Uk4t6fi/HD0XUFL5ckv5rANzUSoZ1+D4DJ3oW+Yj9nf7Aqj\r\nyRyltgN05nayPlH9PvAA6/eDzY+oU0uWOdDjHh09SeOYlIQ7KiLYVMlG+ozd\r\nNdD9PHtaJvDF24OdM7/1+JmizZYA0trMx23cSxbUki/f0Zw5+rVAK6eLJrLw\r\nVVmo/rDCPk5AoirP0J5DjPgJBkccqf+/++HACsPWatgDfHDxzH37d4eV3CEH\r\n9zt76Ve6pJMpGuNG6tzdbHyXK1bAb/XU3RR8ePtTtZiaFpcCHlA+zq6nuprJ\r\njTawRDSy2kHFzkkDiSyE24xTWC9/21GHMenmNqU1bNBvrAQMIDGnz9em6AJO\r\naI/QDL4AKPa5MbMciMl9bGoTMsP++UkypeeXU5Qkv7YMFtxXD2FiaoACCkjx\r\nQv9nkXqO+II0EtgxqCf4kgUjEc+iFMpXSxzKjROOfYwrsicQh16/RHPyIAV8\r\nP4ibx4rquGjpHAyutK9IemUn7cxp3Crjqwo=\r\n=DXpC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.37--canary.34c454e.0_1661278017000_0.29890587407682756"},"_hasShrinkwrap":false},"1.33.37--canary.f36fd5c.0":{"name":"@atk/mise-ui","version":"1.33.37--canary.f36fd5c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f36fd5c34e798679f837957508189730b8b9648e","_id":"@atk/mise-ui@1.33.37--canary.f36fd5c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-RUbUzDutuHRYn4f0kyhzqBfwmPzNQQPFx5kDp82Vtk//dF3H3Pw/LDTlGOW0Ad478ieJwN3On3n0P3qXhUMwVw==","shasum":"4a92423a619e1ba24b7eebac02c02d236c7450f7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.37--canary.f36fd5c.0.tgz","fileCount":901,"unpackedSize":2022158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwgcEnLOUe5P+8M7ZSZuOHknFtaGLxMH8I8hin6evergIhAIr88LPZt71r9tJjzlM/YoLNrKpKkwYzjbuB0SwZXPMM"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBjjNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4BxAAjn5umzTlhghZrKBq0wBldklbCJgZsmXwhkgkX/qORRxgVolM\r\nDPNRk4Tzb0mpZcjd3FCV08khoq/rInCJHmXvvQZIfcTrY0/Tpp8XekMaetlX\r\ngga9FKHbUhvGzFUY/SlIX8hD6g4xZi65U4dhQ22+V2ccFvkV4fOrVkmvMTGJ\r\nRdgQ+4PFCteCR6aYAEUPUjvTR3hXiTm1x8B7WC+OxVgfdAl5a0LgeGiMlY3K\r\nBhpJzrabM2UqDKkZbDmfCP18dWIm8qyntyNzvI9mWdro0OOe9jjuuIbg1nEV\r\nyPFLDpXb/hZL+/uW1psMA40gskgDbYmAtweW6txqMgSy/8SmTohoYRRGv0DF\r\nNX/qFZ4+XbP1jaybX4nW/QP3s2EB/zIw8DpKxOEJ+/TZql8IOmYzvkC+00Aa\r\nboNtG2lrNfyj/Yx+gwBXd8jTaIyjYOYBkfivcx3g/2J3IcF5bhL+XgaryaD9\r\nlugYvEoRwcMhLUgQdkHzV1MRMwM1iSXu6kyxXbh0zYAcLE6FrhLudZW07npx\r\nTDxfYh0hkqTw0kOIjiiH9A1g6VkBhTaVJ0iCQ0e2yAYXlW+RKkK1AJILfR0V\r\nAL6AfuxBy2gQAeWIM+bTpBkCGlb7+VyJSLpPzpCMTcQv7xfxOSaAkDzoI9NS\r\nsEE9FWOPySCkSVUEQ0REqD1YYTYDLQcdlk4=\r\n=Tm/7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.37--canary.f36fd5c.0_1661352141269_0.1425063722050517"},"_hasShrinkwrap":false},"1.33.37":{"name":"@atk/mise-ui","version":"1.33.37","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"614076e73dbbb5c2fbe18870e14657b5f2e8108b","_id":"@atk/mise-ui@1.33.37","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-+cNh0Q0SIcOvSR2GgldlvTEQHVq0PsnKmu3IwRYULtusSD/Eepgtg5mZri3uYNoUKPRzNRDar/iuGXqa97n/nw==","shasum":"7e7b335a64ed673b52de9eec5570d462b3af5999","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.37.tgz","fileCount":901,"unpackedSize":2022039,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEBa/Z5pFnR/gf/6H74Fd30Ygog38Y1qpG8N6hXmUO2+AiAUK96Wtrzh8t0fNuOiN8MHMpQQKH4jqjsx1Fj3gsMbKQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBjpdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNNw/+LLto+QOkeIyvvLpQm3N5vY2u7k+c4UWERk0nbpPMoIqsIg1g\r\nLQxnSTSbNEjDzEcMRoiMZikn0H03bZ0Q+FVFXLHIrLtc05UA/0gOpkEQBVUF\r\n/oOirbLgEK73dwupAS9JdnRMSVtA5VAVgSgbJjecOtrZB2+cSmv34mXXD5GB\r\ntY0XtvKyJsLTqc9NkKgg5EkFikKOrmh5pQbAn50VpMPqIhdfzhb8qkoGgVwE\r\nGWAJX45Dxb5n5ISpq6st3q2NPcFjAXcfR4shHN8iDTSpzRCHf32f7jZ6BFDS\r\np4Wg3RaidLviwqMWLWyyBm7u+ITlmFCVwdqjGWMlJEFNN1QMLtPZQU/yuT5M\r\nJc7f7A03ulZvu8bpwDfGaXiPP7n9a/KtXprSNzVP7ynp2q5MpAZJdK1fFFmb\r\nZ2Opb3hRRLNMUt7h183zviUSlNvuhq77a+aEVAPOhdUe2/hsxeOgesMLmlLN\r\ndpz1f1yo9uxakWFjd6rvb7trC5TcD9/goTMfks4v5IQnwaMCJByMMLhm4R2A\r\nzjxGU6cz50c6Rpav2b+/BGjzFyo8IwFP6koK3dzKmsiQXgnei1vGCKHwGZlE\r\nvX0z+JN/hHBptuXnVUjLiRqIy1OcIRSSDOWMstrF/PzXa/SPIDRsOp8tLruL\r\nASpfVODsU7lFpBnIrpDRWg8wfwFyus/H3L4=\r\n=GfxW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.37_1661352541481_0.6900781394690776"},"_hasShrinkwrap":false},"1.33.38--canary.d0f8fe1.0":{"name":"@atk/mise-ui","version":"1.33.38--canary.d0f8fe1.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d0f8fe15b34c076a377f2ff64cba4c528c7a2169","_id":"@atk/mise-ui@1.33.38--canary.d0f8fe1.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-D9/id1mqKB248EbzCgckcVUQ8FAjgP169qGurpG/ZPJZZtRXPUjOs0ltpkUsJRugyzdxEuK+5285f7mkaQyZRg==","shasum":"7b28435284edd286ed5016d457a3e3c848f3daa7","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.38--canary.d0f8fe1.0.tgz","fileCount":904,"unpackedSize":2024308,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG1F1dw6+XuI7sxRXXdznjPL5s1EvDewIqyHH8M/01b4AiBEJyS7O0lewx6DTyru/3Wx5oabrQ9u+dbprnC4mTK4Vg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBlVLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqa3A/+NsZQxCDmsiXL/e08+6GE3hmeACn68E/CXRlZS8AwLTiIUJwQ\r\nh4ShdLa9VUVL8Avg7YqJ5+dtN7uY5kZwO16JQ85jZmBYPfYbYyIKMWNAFeC2\r\nEIB3EfDDURih0rNMFL8O+1GLK/2VGUqOqiPcgAMKFN+WmAT9EogoF6jASfpz\r\nWUPgBACm7Xl5/Y2hbGcjAhzxD4LRjkzmd+IgSDDiIOgQ1AgHnIJT70yrYxmS\r\nuOih/4jWRbntgjbDLAhIwQCiR6MY7DYZCwh5xhuhl74qqasLlbxdnxrpZ8w0\r\nmUPNxA4PzWiOSQR6mU3snkCIibikcruQnohc5HGS38IEXSjkg6w+plFuH7FQ\r\n3H2IN2ToRzzRvqSUqIB7ZsOT4oKAJErHfarHR7E0GpH6P+scNq7kiKOzOtKR\r\nQhzfjo5NMYTvOCDjCmRqxsny/wKbw6lv6ogl8/KyCZr5pOksYYlqFmvESlNl\r\nML5MS1y2R2iprc5FRRvHM7a8utqxmxGQgSzyXpPcNr9/f87ZR2StKk4SBdgt\r\neyg5OyE+L7FoRQDG4xxzqh2BqW1k26UjVVXukXpi1KmaZ6hIaXgUI27zNTkN\r\ne802erC7EUcge3KA6mX3iswy0ZM3Xcy2hKY8zh+WFJh2ESfdRCTJ1bRvXAwo\r\nUi5Kt2dlpbJDt7V6Rmv2cIubJvK6XWg9Pfk=\r\n=7LX5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.38--canary.d0f8fe1.0_1661359435222_0.2067478281912385"},"_hasShrinkwrap":false},"1.33.38--canary.72da0a5.0":{"name":"@atk/mise-ui","version":"1.33.38--canary.72da0a5.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"72da0a5d6c00e32e0bc0d2daee403b1cce34b1d3","_id":"@atk/mise-ui@1.33.38--canary.72da0a5.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-a/y4QLzE+Szjwm0KkpVE9iP2oHwyiFovxJhRrpdDV8n7DjUfsghKr/dBUzYsAqrrt3h5S1kNXzUU449lQjhATw==","shasum":"a2e7de882b90422085e1efd80b109b7962d2ee04","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.38--canary.72da0a5.0.tgz","fileCount":901,"unpackedSize":2022104,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB0tz7rU54LP09jyQ1vKh2hqX4uoD6p5yfivqabYAgczAiEAnGhO/rXtXnYrc/S0Fi0kv4Xgb3WoSX16sSn91IAm2PY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBorWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOPw/+OO1Q80licxjozUsSGv2dBVf5POdqADvjDlFYYJucSosmZP+V\r\nzFtZ02qYIqtwZd7H8GKlOSAAaItq7zV6aVWRG0VIkI4bZjLC62YYKQsXLXTA\r\niakzH0OZ5LB8thNInQAbfhUhYm596BBcELS7yzcrhGgGy3ay2AzHhoCMQpFA\r\nUEYPhmSsCji+PURTTyfHD+HqJ0Ho/OmDrVHo/0JNRWKLMXQHthjGZRdm0qtu\r\nMldPkIwKsHw37GzU9DYWo7zvkH6KqkWla7HjSlJw61A51GGl3VJGiUaO1kS8\r\nXpjfa0rFWkEqZ+ruw1V+xleJxIi0DswnamE1/fwM1a06Ja7wI4iUF0WfpXnG\r\ntAPT91z/eWJ0lpwmgZ29cfUmFnJdaKfCESaepCWMC5ptZjSm5NQLLPa4RvBA\r\n9TdmG3aYZRVzdqWTAluFIG+dH21jxANslofckzit5GaawKFSqec6rRKY4Wa7\r\n5ywIhXyk+YYfkZJLVVz/dB4L3hQmAUth0uQydzUUAYs5OrA74mluvdApduqi\r\nSzHKc4Ickui/AU5gjX5ZK4h0i2UHVBHEeF3RqYbJSD0dX69vIliCycRkp864\r\nJNF3VkfqwXIiOjbawT7Dzw5WZGIo2YCaHtCqraVEdQiNEG2BQ78RhEZHMG5G\r\nhEDd2NH+hFU4Mpyt8xm0ObsNA/lGh6rsfDg=\r\n=U87R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.38--canary.72da0a5.0_1661373142587_0.7587953272184718"},"_hasShrinkwrap":false},"1.33.38--canary.0788e88.0":{"name":"@atk/mise-ui","version":"1.33.38--canary.0788e88.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0788e88e4c544b1d011222cfc1924bdd61e2ff52","_id":"@atk/mise-ui@1.33.38--canary.0788e88.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-jaGi9KUJNJUj765hC6+tNkAbKjonQP5Nf5AT4wolmltOl0kxKqqtC17g92MSUD4vM0kgXCNrtGfztA42ukocDw==","shasum":"cbe2d5a77569886fb515c643b20b6499a302dec9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.38--canary.0788e88.0.tgz","fileCount":904,"unpackedSize":2024200,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEnyoymT0dTbwdZlx6J4KWniyP+V3k+eJCZzDy3yrVIxAiBOLPsm5w5FAkMI0nq5G/Rpqgq1UMLPh3SLTrlCdHAjsA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjB7jAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojGg/7Bw6FjwxS5l7vNOxdaoIFFCQqmOasWtBlk1lV9Kp2FIbQ6/QM\r\npl3V62f+1Pu8Hj91W3+EBb2k5y6oJ0S3QeSV6Ew1l0b/A3Vwi+rOQ9Fgwm/K\r\nkrI6U6y9Vx+/r7yOS6YXavbhPkHyN0OgOGnUuvhv7abPJ7C3Sc6LCNZ5yVxV\r\neosum1401GbP5yxUZzgJkss++JSHEsOq/ZEprPLlyRnPpd8O+1nugM8uA668\r\nsDSw4ikMjuqJY4051a36yS5iqUCZr08T2msJmlN3QfXwC/iD+U213apoGrcR\r\nGD7HYrHVc7CKuV8BpZKmgIbyOdSqdJ77H5XyykYkbMACwzK5lHJ0DrZURHsX\r\n8SItzFR6L9tfMJ0ZNXzUQaB4PZPUnb6cd9bvIqxQbHpE8mEOCeuDVm8WsNMl\r\nHLF2Pz/GVs7+HuS4zodytpqk9tbeH/Gk6QDqxxy7EcPwU9s+mKuyeq1ZbzH1\r\nIMW+RFWfwJ7LGkdFCwesDmvalACbBu/YbcUs4cOgGQFy2Z0XecZ97W04QDSr\r\nfocAWeMGTZjs5EDRQjLyVJuGU7YY7RZkwTV9iqAz+19sIPbQ4gERu/zqq5qI\r\naRdTXCVF06xq3habtrvMniNpFlEOz6x95Y+OH9QgWF7F4idfUvJ24sxC4L1t\r\n0VrRjAWLF4gHjTmusgbPqFext+cvbkdfDEY=\r\n=4QG3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.38--canary.0788e88.0_1661450431785_0.08894296661332901"},"_hasShrinkwrap":false},"1.33.38":{"name":"@atk/mise-ui","version":"1.33.38","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"0da4b2727fe710ad701d8763c05d5fbbef91c7f9","_id":"@atk/mise-ui@1.33.38","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-YKw1Q4dL0piYG+rjkM4ns5STyaWy2zJkZL/WFkvipxgME+DznkN3UXmAUxxd6bwcLpvQeO3IN8Ds7MIufYmduQ==","shasum":"69a6179cf9993dcc359b48e50cc22372dfea0d88","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.38.tgz","fileCount":901,"unpackedSize":2022362,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2xVwnXXlpD6na+koZsFSTgubOfQv6P3apslP50iIccAIgE3ESWGJbRuoi34keGGkrrm8RhVTdXfuGx9qfaWOLd1c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCNMUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWIw/9GP2KoEyp7e4qzq0cXfyrNHVcVPwWPuHumgGL0ROinqOy2RXh\r\nDF3pqK9kN6JX5vFLZFmIlOt7V/v+/phmyQ5/DkS8HScsHav5CruBcXhQ1u1r\r\n3HMGevwcqoKSB3tLKs40xQ3GwNFB0E/lTswCqt2u61u5L2PEMacj8NpdpYwN\r\n4gZPbEI+IxJIgYFitmNXuqjflcH7XTwJB4RLu86LYbYg9Qi/HnDKxm3rOHYJ\r\nPjEoL9nX1mJ9cWviNx94EyQvnsDzkE0subHH9/YK2qR6SBpNCrZfTYLk8dyx\r\n9KeVcrQTSUidtdXWJh/SuwUBcnqsxzJUFy4ctIax44ZoYaii/K5I7BhRP2CK\r\n1/3baWoGk5vkjkdSG9Ej0ALCte0CBRRY7/0zAm/YRkgGegFQoMpYjZGseIcU\r\neDboZPXRGCjeNxTP4o1yXhzqOaLtUjI6tHINoUUOmnK2hCcLNPYjhXjx+UTX\r\n+gvqVaOB89U5h3Pv271MeDYwt0DgpueZqlgI6C32kcT+ZVrzPmXk4wAtEQoS\r\nCeh6oEZVipoxXc2m1rCDCcAE48iO3P1DGzLBsxJOlMp89KedL69iqhp8v5hl\r\nNpUdZXQHDx3mXuar7Ms2ZmEPBeM8Hhtw4/cSUzGeH8TX+oZfpm21VCsQISt/\r\nefbUL6GCPHhAr+GygVQg2TMFxX85ngs1EQw=\r\n=lJr0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.38_1661522708670_0.15914594061950327"},"_hasShrinkwrap":false},"1.33.39--canary.89f41fb.0":{"name":"@atk/mise-ui","version":"1.33.39--canary.89f41fb.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"89f41fb088524e7065eda8c3b6e71063a1b18d1e","_id":"@atk/mise-ui@1.33.39--canary.89f41fb.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-f7Gx8b2quKuXmbyfW9Wu8QJvPQGaeSo7IrdUzR8ap/B0SlTIr34VnrGLNWz7LRVgt4foYPj2nLHBkFMR09PaIg==","shasum":"c88e8909593a554d2254439c42435445c4838c45","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.39--canary.89f41fb.0.tgz","fileCount":1012,"unpackedSize":2443390,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUuFOOmgUsbNfSFvIDc10QvD0YwbfXMaUVOBgvrO4sqwIgN4rBtZ5643oG6xBg9YWs6pG/H7SMGFphhQkcM0W6Gh4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGMX2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIew//ZFY/6agUuZaeeD0eZ0VaMKfXuKaRt+/aqJq/6hLBfRx8NvGY\r\nV3S4kvZd8/uwm79QVTfOD0xfZPxbbRWRxzkAcm6X7ykPkYsQLwSgJ16bRoWK\r\neplfUOJ0Q3So61n1+rzwCt6Ec+VnSBVXMmrK2/MR1ZJE1dNlCT2j3jLegP1N\r\nT+BwNkAX+LDfVr53J+xV3MWTdbHYKs34sEfYmqNG/+4Cgt8rGkYCv8kq22cb\r\nZeByfCVP3tvHaYTH1wdOxHR7qAuSTZXIZwXWbb6gF1KfIRtJceF7VamJ1+xp\r\naoPin1NMH+RZdHQe17WTydyLb9OTIONOe5VPGHZdImPf2vgVWd5FqTSa1mgH\r\ntHB+jHYh6td2kp11IEqzA1DTlpjHQgICyyFz8EuuXwhYH/TkUt934wFMntLK\r\ncxjSKidRhtEIMQJn7zQE4QG0Tv87hxlGnKZh9mSU64nFQufVieCK+zjQpmyn\r\nlyfBCzutoUTk1mLq1jHQZWd39mbUZcZ1PdPrCgSUlk3W4q5Sz8KDY/9xD5lu\r\nSsUYRD3J9usdlR98TgWhnIvpwD1n8mQmi+KKb412pp++6c+cp0PPm852143G\r\n4aau+lgYfPOdqV8sFa47uuznclHzrt9Q2/1MizQT2Yjw7msadqRlVJLnJ291\r\nmU2khelY8JSG57H0cvOSTQuHDzehntj2IpE=\r\n=ED7D\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.39--canary.89f41fb.0_1662567926480_0.6778484379284404"},"_hasShrinkwrap":false},"1.33.39--canary.ff5d2ff.0":{"name":"@atk/mise-ui","version":"1.33.39--canary.ff5d2ff.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"ff5d2ff72144aa64318d120a27f9ab1a5aa8d3d3","_id":"@atk/mise-ui@1.33.39--canary.ff5d2ff.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bAwf1wJBv0oO/Rzf6nydn5RvpTkRyJVYyBYMGRxB8ifIniU6hIQ/kVjTR+qoRJbfH6KnZ/vSNq+SvsAe79GQgg==","shasum":"ea0f559c951e22d91341eb7d47010a986fd8a728","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.39--canary.ff5d2ff.0.tgz","fileCount":1012,"unpackedSize":2445687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAeRV8ugifGZGMuDunP3lfifIYuAxopr2iw5vqQnfksFAiEAih/UZHyhGBOPgiWt5Tkk3wDQiselPZehgcmvhOfoQGA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGNV/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxew//SD9GZBu+21h/5aXGNLNK3PZIWdBVzqKPyfyTWFqcKdsiaRGA\r\n/J8xdi0CaXSMHHGWytGNS77cGG84+ZLLx2apg2znnrGrkgyGkP1wssNZ87Pk\r\nwfNraTZyQq4ULlnIU8d3hNibg89T2W0DNupCXwFRrspSHePLpwMaSwu4NU6A\r\nD0zvS4XYZAmFykBDKhYrw9lrNy0XpWXsJKKn9xJUUVRrKY1mJ/XJCZIB3Y7R\r\nWVeGFxRvHnLrm7eVz/rki8YMyWTQgvOAxZHH0tRBzrume46UWSq6uz06vqZ9\r\nadyURn+kHdZ+3V31mos2ZGOBIdMg34epEDRvsieDCTJOK/POv6pH06RusEBj\r\nB38HNarC4szraUPi0hO40E8cwSiq+5KT3CWeOGyrtjnnPS4ABS7Hbsc6z0Ua\r\nXM+00z94AY34qFCrTU+bDT7uGn2Jmf3TawbWrxS1eqIOVaJFrxTbfSHClcEi\r\nG/r81ArQleelZzppLB8hjgUZMtDVK/GIq8/WI2KbGi2Zzx0XTRpHWFuLY2h0\r\nwbzD1j2tYC1H/ojpJlx3JCEcMCajJjSRTBVJjUQWFsN4nuS+jXRpHeU2EwZs\r\niAw3Z+lsLShTiCHIiqI4zhGVqclZqJrxD8uwCUtw+pyjWuoErd+NfMpnIufI\r\n65s1wsb5CIxuSO6pv0cD8GDFvuChwMG4UZc=\r\n=tvfs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.39--canary.ff5d2ff.0_1662571902796_0.8270542927263276"},"_hasShrinkwrap":false},"1.33.39--canary.2351254.0":{"name":"@atk/mise-ui","version":"1.33.39--canary.2351254.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2351254e84d4001c4b306cec6f8dab26c79ce916","_id":"@atk/mise-ui@1.33.39--canary.2351254.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-u60u0in+zBAQ7o+AwEGKcyo4Y4CJHQMDDfRN1svH7Gaa8VCEJ728HoDEKZg+/5bdbo4/zmaYrhOugMg7jgITyg==","shasum":"b16bdd2a9baf7135f838745823f5961183a9bc67","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.39--canary.2351254.0.tgz","fileCount":1012,"unpackedSize":2445690,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICv35ENNstOQAIdOBnhebIJEzk3b+R6do8ED7QGzRoRGAiAkrpk+zuiNrTgeDBTVqKSXfMML6Ls6JVYrJlMBEvX3IA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH32eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpeqg/+LCYOFsuqAAqPkuc2ENq3bh/sYtoEVfNJLIEmoGZIjoMGudsp\r\n/Uwu1DgVa/jYK9lgqF+wgSWFdXYAtyajlutKGHNTKU/f6NAEvUOarqBOjJxr\r\nRR92W6iYGMqcUKmy1eVcIXDaSDkyNRuiVwYKoF7Lm+kGD1XBxMurslFN+jZn\r\n0v2JHtzANgRfHkxA6JNzeXwYRIdTj8gu3LM7Xk7iXB4h2mMaZmdhfCsCywcu\r\nC+crD8motDx9l1ohHQnZjGOCYUyZzCvOCZIKK/LyRQbnW65FLNfLYA5n7opD\r\nfiVIi5v6I6hBJqeI1ZIUhdFX8ZP5tSohJUbLCQ+gg/+YnkmlLUqAnniQXJ0g\r\ncv38w9QzQ7qF3CLXQ02NYLb/tZvofqdQCYC+leDjukZMvr96/vvRcrCveJ94\r\npnKYKX6pPKWo5f0lFrBamJCHLB894Oc43u0LOhyg19aXAz7zCMCt3PiW2r13\r\nWcqD3fGsNnj76dRswIJP8xYj1Q7aZd5+p9UtY+IKCnY5rMTBmgCJ+uaqkTIq\r\ni4GXMXpE1QCuANO1YC0WTiwy0+rXHLN6s1oyuHA9RroDYZMqbZ3UewoT4cdt\r\nJP+EcZl/SP+bZexscN2S6aj9ZphGWHtXYOteuxL9Q0utUYYKT0tKNZ4PhDWv\r\nZ5mQoMVNfNstBYRiJaVfA+22H6SPoQXpGAs=\r\n=uN6L\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.39--canary.2351254.0_1663008158106_0.6918039022292561"},"_hasShrinkwrap":false},"1.33.39--canary.7464fb8.0":{"name":"@atk/mise-ui","version":"1.33.39--canary.7464fb8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7464fb8d605a275e76970489b105df7bc4f9614d","_id":"@atk/mise-ui@1.33.39--canary.7464fb8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xrNoXmW8XhG3QJqAtleP5iAYks3t46HckSTer8mBEBVAZPujNMWuHoFuLGNDE8T7XNnyGP+mK0kMzZfoz3tLLw==","shasum":"b75c057e071edfe0bc11177a39dec8d3af624d04","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.39--canary.7464fb8.0.tgz","fileCount":1012,"unpackedSize":2445690,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA462PFopr9bq7y8Y+gOneF2fkjQT/XIYNu+qXYiTPOXAiEAgPiIe/bFsvUVhuzXNIIeecvyWy0/HOiPHECymjAuYWc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH5WjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5VQ/7BWDA0ykKRtuIBMeO/Xrtqr4Z0GT3fB1oKpeYxsKrFSpAuQl/\r\njP045qmpnG/1UP5NPyBf+h05hLaChklusxpvz78g9t4hL6njuWWhaPSRnAhC\r\nRVG0cvxwaaq/a8MB+95mzDQyT6jRplJ9F+AUIV8TljgK72Jmm/HI65X5VFcP\r\n0osOpzk4fUCnAgmyZV6maUZdAHrv9cwoJq9lmwnyAGHr6JFSdJgsyLYGc+5N\r\ndtYFQ3PS3/ktJrhx6a99ly/dJU9Vm9yCMRJ0/pHeHDGE2DfpYFZ4OOa5CviB\r\nULFRpxJiST3wX8YgSgBLUDHKtXayOYHgRGjHOXaKOgx99ZpdKzuxKYHCGo1v\r\n5fb+HuFC0zuONuzSEGEPEVj+/mrV45ODziF48tbAw1wTNKLLZZNop+AJeQYR\r\naQ3AYFe2bD5glXkvWdgfVhwNHjp7o8PAtbaHRXHJZcwFy+U5WQ7APS+50zR/\r\np5ubfjLFHFyQhoYm95qAIrRRBf/sHx1G9qUKNYJFgghXR4EWqvoQW8xARWj8\r\nY9qV1vOMbPMYR+fSH7LlL122xs16PlKSFQGK1KrF0o4JGuI3ARlEbuLvGcrt\r\nlGYcH4+DEYqXM3rJRiMDc5FORbqDzC7xGZRYvsvsLeQ2FaCkLY9mbgPYfch1\r\ngy3HZsWrISbgWNTCJVBktOmV0oBCV0/E/xU=\r\n=2zLs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.39--canary.7464fb8.0_1663014307527_0.969153379786134"},"_hasShrinkwrap":false},"1.33.39":{"name":"@atk/mise-ui","version":"1.33.39","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"183e0c0065b49798972cb432d382e8c2e1177a5d","_id":"@atk/mise-ui@1.33.39","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-DDzraEbv8NV1WaZeu+G5ff/8mplDsXCUSa1/eq3fCMd2Vpevs93ElhEfFWgqI2oisGmVhe7UV8e/UNhZXvEa+g==","shasum":"240838af3c8c7996c8bc2410d4b08652904f6fd2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.39.tgz","fileCount":901,"unpackedSize":2023875,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDyEntsaMcM7U6TO0vKRMGXujJdgz6w2EAU/elIeN2hWAiAvaCnfCGm3ARwgZgJWzr0PvqCRn2tcheX+dASAVBksCQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjINX6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoViQ/+M/fSmfHN++a+atDia1AA2rmIimjiWAV40QBbQdhlPsNMakHI\r\ns8KCGR1TILS81Afh7D+ZEPK+UL7oDVYs60Ztwdd3rfbF62IcqCIP9YkFLckT\r\nl/tQc1Nmgq3TDzBF6iP89zV8d7sWeWZyxlANnBWW2qZZI1w9MC/ZgQnK3k9F\r\n+tNGMb6OxgXK0gFKew23S3tLXQRk6WeMwfeVhMHgznnYvmUBAmM72yLlvWuq\r\nHIkpeIpZWpGJ/OJaMesAor536nh/u3vha7EOeSumPMZgScMeKuPm1ChD7Mbl\r\nRzyDYk7XMU0Lw0z1PZZjTknfqW9yXEUpa7GsfYDxQCuBuYw7Tv7hTxlBNs+V\r\ncZIXpFytwiz1nRffiueMHtB/0kJ+p68EraDEOSsYBB8c1EFiGS3dYvScqO8C\r\n0mp72PyyXKeEiNYlZjJKtVYU+xJWaCrbJzFvdEYlxpRoPHuPuZrHRIBokvnp\r\nLFXRDh8ZXwGJlZTpDqdbboarCSgwTt1IfXLwbr56gBRS8sOKUqjIkhgaXOTD\r\nDVB5WW+AV2d889qkELQaGVhzxWeiRklFLUAa/SBwAqXW1jywC68a6vQ+OB5w\r\nUXZ5zmiTuCM+COesa2CfzkFLtDJVJjveuCq76Gp88HXZnQjnk5lzhzyJoffs\r\n4V76TPTgicVq5K/GTAFzjdyKzSLDTS++Y20=\r\n=WWpW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.39_1663096313988_0.6978807622659091"},"_hasShrinkwrap":false},"1.33.40--canary.1ddff05.0":{"name":"@atk/mise-ui","version":"1.33.40--canary.1ddff05.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"1ddff0551cbecd7034bc182cc1d6f879e4fd0edb","_id":"@atk/mise-ui@1.33.40--canary.1ddff05.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ivvFFYdub6T07lFFsf1Ron0jnTKRdeBlYdmBGmImrMKg62FP9SFzHRtLn+M/NBVHMWG8QsUaI6fPx3HF1C+GoA==","shasum":"fabd752e6c1f1eda07f3be9e7a210c9f43d21d77","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.1ddff05.0.tgz","fileCount":1012,"unpackedSize":2445810,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5gAsgY6/k21r8TZAgl35Q7K5ZRyuTETkTpuu6DeNbnAiEAiOY7EIBJbVlJ10EPP0EUAoK3CvsUtTpk/TQrBL2f7Qw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJJg4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiDQ/8C1pQk+JyxLL0vjEpdrEytSDQLrQNydR8XQ8dLJYjmDyE+Yig\r\npvya3IU3ViGvuOGwhMcgPuwVdOxseucfm/ByVNz8O1LfRJtw8EJkgkHye1hF\r\nInhlGrY5ioDgQNc6hcuNw6sJHa1GjMq1mE89kbMEmagZpI0CebOALlbHx7Cw\r\nBpiqLCHiSo/06/cmv/ERYJiVx3HTgItbNcHdXXm/yOJGzRPMXLgwSLM59MAA\r\naorUlFKh+UPVPiqSnOITTIuL95/w1+0x4GetbAa7woqpTMpyc0g9XT1gVx6B\r\nVBsWkbLqny/QBPBJ24fyxTlEAweF08Vy2Q/GEGk1khl+nB6DvwC93Y+dLTNP\r\n2elV+notTHmz2ATLFI9J335u/1j4dXdbeyUy7RBc1ZqPfV6M52/cZVwWoWEI\r\noLg3K4OoLu9BgzN3hdb/EkfNsWKHuthIjATO7kaWSXbZfeGMeQf6bnBud1Dq\r\nq2tcxfDOjzslTBINhW3368TSkImIbEWLvdhO24+S8XWk5qNiRs1C7vKpkctn\r\nHlTjJ9xBYVg6TaSMsA9fcVu+kIXy8uKa015L5+1BcIuyXdi83/O2sEo+H58r\r\nGAOsU3gV/mm7Zt0xbkV2v0YNJqkFVMy8kRqMdQR+9UkbjltxtVP5+RU2aqMr\r\nwSM3Q4/8wsZfZuXQxHeEHhc8diPCTirVPaQ=\r\n=jy4b\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.1ddff05.0_1663342647819_0.7571440752537419"},"_hasShrinkwrap":false},"1.33.40--canary.f1bdf12.0":{"name":"@atk/mise-ui","version":"1.33.40--canary.f1bdf12.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f1bdf12253db7553c6eca69d2bcbda7f65c48e68","_id":"@atk/mise-ui@1.33.40--canary.f1bdf12.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-hLLwVn2p7tQhpFof4+eKwH6uWoET6n3X/NPdBn76mvCw5F5Ni4FpsdwOwBFsz8+lHKrkKN9RJog/12vY3BHzww==","shasum":"36a809331301e8b058459e71e369b0e62aedd83d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.f1bdf12.0.tgz","fileCount":1012,"unpackedSize":2447323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDfHP6UmeM5miHgi0xabWTq3Ogz5UP5LyD+JyVelIFNVAiEAmF15WUCe0S+D24XSz6jHCuORuLBhaCKImI8swgus/Qs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJJ11ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxKw//egg4IHjvjIS4iF+1ISAYxiIeua6EIIklg+Un2QoTiRFcPCFk\r\nRUSiQA9+PdqDBfsUv3IdkCaMzC3vudUyPEDZYlKITOs/GgFNqOVa4PaiN+Yj\r\nvTK6BFQC+9D0IrmbXaNctYxLToFAbokP1qW/r16Y4KVWOmgyLiRZsKy2o/2Q\r\nL94f8LHHLWgeDF5ED9uhT6OEhMX6rJ1gvUrYIFvHsn17wvTd5gINbIdIrZ2M\r\nraPTw82Sm7/9/LwyOfjRcwUX5yb2TGhVXFHgU8g7coy/qeLBJDcHWnYZvgv7\r\nNaJIlgjQ5Zmffu39B2NjWJHbGhXpQ6bCz+ezzENBau+om09KI1rHzLxSaxSJ\r\novOiBg5RTa6UMkMa6kK9PBsREiduuQ9vdGRCmpEFY33973O+DNLl1H/tZNNO\r\nnhBZQehRn38NoLINPCvzjwaUpyfjpTLo+eqs7Szu3RYlwX0ZjaAdFjxUpZ/h\r\nbo7JYhHjF56MfCXZDji9mr2oLarsZ/moaTuZqAS3k/1PYtv+tXSCxpZSeFRE\r\nIMPQ6EK+NGx51N1wweF/B2b8p3XuMrSLn8s92iNeEpT2WVXdiKhlXDhu0BA0\r\n3DQiXLhhUH46d2rX/RKkatuFUJ3+JIrnr9ln2DOh/+DeRj2eM4hsK1oYgEAf\r\nQaSHPkDCUCu0Uew3YB70PcJN2TokzKEZniQ=\r\n=UT8A\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.f1bdf12.0_1663343988762_0.31172217270690683"},"_hasShrinkwrap":false},"1.33.40--canary.f1bdf12.1":{"name":"@atk/mise-ui","version":"1.33.40--canary.f1bdf12.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f1bdf12253db7553c6eca69d2bcbda7f65c48e68","_id":"@atk/mise-ui@1.33.40--canary.f1bdf12.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ISi0Vtiv8Lk5vGz612TmhVzrcHxbY24jzTn5D2GsguaTB51hDbZGF4l077QKKGWYAiyqlWVJeHnWsRpP71Cvzg==","shasum":"72ecdb7895b2a511594922ed10866caf2cfa44d9","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.f1bdf12.1.tgz","fileCount":1012,"unpackedSize":2447323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCA0mrZtquHKi3abdAaprjneLj8dc1imkSmacNlyoaYLQIhALtKEy46B1rKTVKwIC9391Z51c5sLOjl+nyrVTxHLHOh"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLJDlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTTw/8C7mp+Phlj3puDTZgs8WN9EzcQcWM/7GMYDqdX5BsUymS2Fo2\r\nR32SBkrY08r7vMbv+jFYxge2dkqcf4oLXzTcPJLmMmP3iBHePoJWQw6KKOAW\r\ncJV0Jk3ra19ZjjJyqNEUF8weNvfK/idBTfAuV/QhlVtinOEwGNfrDOf5bgA6\r\nLMDxTCL5mzQ7qrYI30ZbEK1Iq+0dXWBahNfXVFk57vZj1F1HUvBMQuLYewxD\r\n4hx4esW8ZbPCRQNVT5Jw64BRrJ2zLswjBhVDyqSCEpbJfPKsYsRFcXPQBKyf\r\ncjFdmiiOiBKLNh9SVljnXIh6iCooAscr1qkYkl1Tznrckgh5RJ3A0YhwGjKU\r\npGdcqchXq/zkJ+whpGUl6mi1MHrrVetoY4DWjv872hsZhgsh88DqkjVeBIRH\r\nbR8Fzk8uJRflEN/0R+BOhscJXdKeoyTdtd8Jkx58/KDTninGsI9+lkzzQ/9M\r\nRvd5pNhN18rKfNitgyLjzzppYKrHvbpx7F2dGAeGV909XcrN1YMX9Q4BW2ED\r\nfplWMzC91hckR7z/YgY+/NSb+lMlqC3RoFFXR4XvdJ1x1qdRw/9tbikYWD8A\r\nmuEM31bO7FTCc4NFN9OgqyPa72K46iKtfyWnkxQAM1cpMfK54xkJYZVr5Ke3\r\nfadgfHxKS4jmu4Q8JcRvuMDbynMhx7mqv1I=\r\n=Kesg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.f1bdf12.1_1663865061360_0.8910672236416586"},"_hasShrinkwrap":false},"1.33.40--canary.929f169.0":{"name":"@atk/mise-ui","version":"1.33.40--canary.929f169.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"929f169e7b9b9d14f184f7d3516455005c58dc5f","_id":"@atk/mise-ui@1.33.40--canary.929f169.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-AaxUas7RqRP5eJ92HQ+obcugl6YZXstth1oe5Z3B0bkNry5me0E8HJWk+VCl7utycmnC+sH2PRqtFS0f20diVQ==","shasum":"2f0fc2daccee7a87d84854e992152ffeb7f5f491","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.929f169.0.tgz","fileCount":1022,"unpackedSize":2499297,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/mWthmF0S6snD9DAZb/nrBGY0yQo3aWM15UuMpMrW1wIhALxssO1PR3ka71EN1AZwxQiGmyXmaHMkJPwrfzxZwRvH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWU3DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0hA//dlS8VSb/jeh3ZzPxtKcBvPLIEo+B8iWlmowxnZg5U/zhzFl7\r\nxoo5H/RaN6SZ1+FpffjBDdgXejG3yG49xPTce6WTP20M3HZLfLZZrsj0sjPA\r\nUqWPGkXvVTgCcayBmDeL4Kzb9/UFmR21trmSdzc7mlrsxqSU/w62SAX3BDhS\r\nUg0TseiCoL6lgrBa4RIe51ykdgLvOwgVmCCxEch3DakC/aqYwC2j3/NKuomy\r\nwyXU46KNjPIZ6QM2BjmQgKniq+2B0uKGib9vH9mQ/IVnZD0jPwLzqI1R11oz\r\ngtNfcb8vcnYPYJRaTF/c/lEroJLZqCW3i71YBvpX8pAN9JFCq+gYYzKimdJ+\r\nMLXLF0BWG4u7bJoxbV6aZmEkegAwHyIaMjKvwe+7XL9JjBFXDkXZRoyYZdzI\r\nCkr30PVi03Ip5j/qK3AUQuufVyVsY9RJLZIy2BSXNosXzCo+wOUo9a3AtjVZ\r\nayk1qkp5GrEnHXX9tHqCoKt2zaJsG/uz8eoKlI5TD4DTEm2NkOlxbKQI9ZeS\r\niKpuRc2k2NyRigGFP08Vt/UfkoO37qaSqhWLtPZTjbIGJjzpixhtqVPYr/Ns\r\nZCKWHj/SC/ktGdKA41Q9SkgHAhAsv2Q3Or8Z9cElfXY9WDYe2U9wgwTmDS8k\r\n9+fR5CyMj935akAdIu2CcS8mg9i0yCHhGB4=\r\n=WNZ5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.929f169.0_1666796995258_0.6647800783636715"},"_hasShrinkwrap":false},"1.33.40--canary.929f169.1":{"name":"@atk/mise-ui","version":"1.33.40--canary.929f169.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"929f169e7b9b9d14f184f7d3516455005c58dc5f","_id":"@atk/mise-ui@1.33.40--canary.929f169.1","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-SqmAKDQ134zHdl6M73WIPieThNTTb8A3Dv7OP/Re8afTj7bBXjBA+Q5Te0K1STyk/Xq67y/O/ZK4Dkj56lu3bA==","shasum":"a963dc46128b83c303e92dc434c10b0c54d4beb8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.929f169.1.tgz","fileCount":363,"unpackedSize":1665655,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHWiZZl0bfF9t5DOPFPnkDmcsotgh+xPRoz8y/zaKAZrAiAjZSSjuT0I6A+5kRNoNZZnfSraUhVJ8/D+AKZmnWN3Mg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWWz2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+EA/7BKRHfw6WW90w70pDZsxI0mvt45RApZtRmJSTUPtbnQxrOqIi\r\nhPA1/LBgQIzOirq42Ck/WzKgyMsV99cMV5Dir9qsEDvWY/XCGFos1Hq8l8SC\r\nuaetn/KACv6JCjff4WNY0yGBxb0yl8suT/eHrPtfjtrYdUz23i67529zK1yg\r\nKfMZ8WCQqOPZU3zHON6/fcqxMHtY3wpH8BwxlAeKQ9KgOP3fwo9NtKuMZM3V\r\nsGhOKSs2JH8njK2qHuMNfvEXkYbp2By6/VGmSvo3CnZ7wHuZ9LBLu4YtgmZE\r\nl6K7hjQrDd3feGZpdrnQI2flABI4/xcKcAVGWymBNLzfwDkWjHVsNlzfsO0E\r\nF9p/KzBHZLsWSxmv5646E9b9mVrxH6ODDM3pCwIdMQspvtCo9oxyvt6HcwYR\r\nB3hCiFHDaaPU/FzHuIp9BQqr9rCLCy1zxyI1kzQjMbph8lqIr6j04SKJTD9R\r\nPTTEn1iUYBUxLIGxk4n/++30FA37Uvu8MYx+qWMITYovktItsJGPYJIdCTtv\r\nAVELDIf57CHah1hg3KLVoQ7GUzeRclevusIyK6eM4rqEMSfaTVlBeiEj4UUZ\r\n5rfVGCNh+T5q+VcbMwpImnRq7QLNZUDzGmodTOsCN2NZ1GRtpGNGtxz4R2fj\r\nz3pZLeqEfiPFXMhi6LPp5uSThmVv25ZIs98=\r\n=AmsU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.929f169.1_1666804982460_0.608929852303419"},"_hasShrinkwrap":false},"1.33.40--canary.929f169.2":{"name":"@atk/mise-ui","version":"1.33.40--canary.929f169.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"929f169e7b9b9d14f184f7d3516455005c58dc5f","_id":"@atk/mise-ui@1.33.40--canary.929f169.2","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-kWGQIdutWgJ6eqaSJnmDSiqflBVJqXsvWdSMqlPxgNWFsXZXoXHiuldeqaWDBCGH1qJr4+78jYAwlINvU+MynA==","shasum":"dd02b27c5b9f81ea3ccca26ce0c47cc1d7ede982","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.929f169.2.tgz","fileCount":901,"unpackedSize":2024292,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEiwR5Y8Ti8o4a1LzURTQhbtn7ByQag/1My3612+xwUtAiEA19G3QGIdDRsRF4QWu27sqkVUXekfOnnFMpWL1LvtOKc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWW8mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqybA//XG+BBwiHZRPJadlr9yNLSQS17vAwy8P7wNWkRmetYhVZ6RCt\r\nV/T9sVahspaMpr4xbYI2es6U9jTUfdgR2SmIoiGGGnDSiy+i5myZE0LfTQYs\r\nhG7jie+VFqnZ86zjLafrZ2W6DMzKd2jUhEMLXZgRi2NEhGT/c8C/7bMzP9uf\r\nUhGCT8o4XvZPhpjHSfYG1HY2aZzC2ju9JD/J8c46hyBfK9r3WFT14wNENQIC\r\nRcdrcQUBXZaxlZCL3d2uG3coXNsRlnjKbeLmgAZtNB3eTinztfW68lNHSW3k\r\nWkqBoReXdOT1zUfGOutxvUUV0ACS+2CexwHF4o8dN61EZwchsxV9LYJaXcLF\r\npmNQdp9AaBqDXE7qxLMS5says191t7zG4s1PSi7eU7ooB87+Q/842PgkPeEA\r\n8ZExPGpG7Vtho+aHteI5pxB7CtT7erHiFmb9/dmB6WrvqDOYfM409C/RkbpY\r\nqGjVROuC1oLSIjok6ydUaIhlyZweK1Yi/xEsqtNQz313Ld5d5qvDjcEPlc9O\r\nnjYufBK6hk0ItMWMF8qtw4KbSVJ894QR9IS9BHernNAZu8BSB7JBfZinCPxb\r\nVjzAf+yuzSgdpPut1DEfF81uPIzkQ3tmV6OFjiyWJUjh1Lin1AdPtJYvdZaV\r\nbH7rOggx/ndHE5EnEF8FaKMA1vLGg99OXJ4=\r\n=zJ46\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.929f169.2_1666805541906_0.11510928057976244"},"_hasShrinkwrap":false},"1.33.40--canary.d301b34.0":{"name":"@atk/mise-ui","version":"1.33.40--canary.d301b34.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d301b34d20293601a9f7af4d7ad72d428911c095","_id":"@atk/mise-ui@1.33.40--canary.d301b34.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-MiABTLAcI8x/7frg3CJSANmqM/TYi0sduqGZLQ3vbw38NYSEmf07fR3HmIAUbykDPbexffmpN5X9tdU/PBvrBw==","shasum":"6c11b4a5fc4e3f5444831a82b31e9cb4db42b761","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.d301b34.0.tgz","fileCount":901,"unpackedSize":2024690,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2y01z2pfSZlvPBz11fOZlUPX1Ui6qXIjdY+SM55x23AIgKetglnGk6BXkWJHJYbyyYyaHTsMcFHEkQ89rkvyt47g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWY2NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHgw//RNzcGrSwxWzY/QiepVqMLLn9w3vrUV8qFcVkX+tqsiNmn7yv\r\nKXK5qDgZbsGQwcmGizDcAlNG+sFpD++2HX+IZ7UWdOTBdNxDLS6G6gMfs/Rw\r\nG43cNFKbkqIq8WRzominY0bNrzTwbmPZTonDnR5fEV9QL7McHx+D6/i89p+S\r\nInSdzmfYbQWadszyVjJroUMD23ZXnmjBdy4192IsnTYOI3s00b/YJFbQ1mQT\r\nz7cUbNt+/MNV0SzR1KzD+8Vf31u/N0y6WM8l1M77ttlKwT7zmwswTyEdeZ3m\r\naLyd0qzmNo1UxKa6yuNggeqC6VrygK1/9Rqi6NRlHJPcepWqgZvxaQDdVoqg\r\ns7uAduOch3pZqwn1FxlVDFoGbYWisy9rnNoVnlu2lNjfUPPwyBfRT7DS0a9+\r\nF0W8oppIH2MoMoMhShaN/f+6forghC4cEsovgmWf3GHGSyTzXfMsxev4d97H\r\ngg3ybJVgkQiM9KgiwFhXjfJUpipHZGm8d75wjwU27ImKmAhK7Q4fPa8hWtAm\r\n6l4VlVmpa2DE27qFWFsYqHInzzrPn6qdD8QgBBroUzAovm6RRIJcvU8EgfVn\r\nClHDq/Yj7K3ef8IkQ3PsAsv0ShtayFt/pCNy/a0HO15XSQ9dAb/m+hZyWaSn\r\n+QygFs2n7bblTtPutXvFpGebZq8l4QZ7GYQ=\r\n=hFdj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.d301b34.0_1666813324894_0.8265394323836412"},"_hasShrinkwrap":false},"1.33.40--canary.d7a0689.0":{"name":"@atk/mise-ui","version":"1.33.40--canary.d7a0689.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d7a0689b2432625ca48d5a9d4cc3060cb71e1b01","_id":"@atk/mise-ui@1.33.40--canary.d7a0689.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-2PUoRLdo+5LfaoDEXLar/Y/Qnc06BD3rORGfuB+2z8saawBF0RfuHjQ+mkyMv4X8xkrqXC9ewXTv+nLWvBrNpw==","shasum":"0e1b773f83458fdd8e9e55c0ed42fc64ab4c2e02","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40--canary.d7a0689.0.tgz","fileCount":901,"unpackedSize":2024517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdH1oZQfLdoFUF2kk+SdafPZ85ZrDPdbSdHGzgG0TwigIhAOitTtNFqtot0GnwmbDR6ZHqgN2LRn+tYggvZuVmp8Vm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWv1XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOJQ//WaRRBOya3hWZJcqZFZ5Q3x3/l4y9yzlInQSFEq3B06K07wUR\r\n1emN2a0joYkGTLx6QxjA6Dema67yj3818NaaDOY04amrpxwIkSSqcPUvAKT2\r\nktagmVhD+Qq9nHew46DUD5vniynJhIR7klgRTQZyr7rQ0y/Ts3VYIfjLZpsK\r\nPopNdtEUIZoB7TvvLZDn1VINKGu0FsPVFGEb79baL0zq4+ezc2gy1NES9omE\r\n0JdqrkRRbHX1auTAr5gLXT+280MKEEi3YyiH5LTKYNu+bbVenSKFODlQAnXW\r\nXrSFO/II6b6TdLNGMfK319ObQkfQy3aaBPME/dfBGzVP/y9Yh2zBm5vBHM5x\r\nNgYRDC0hZBs2Fy+E4WIXbmpJakzWlG2BmRoh8U877UPl0s0m4t3jC7t1Rtdh\r\n3s9KKed4sZp0Z6X8lLa+xS/Wg/dzDG4FDj+zRcwbF1y19YG10I/Qq0QNz7L7\r\nuOvDAOjYzMd27rICh1uvT4puSxk3Go5XRPa2uA6a7GCNUjix5Xhs1ZmE1nhH\r\nkmMreTnoGfvQfbEowVUIq5sD/CPG7XX6a5eyNFdgdFpQjl6ShQ4xOuDbq9PG\r\nD86+ImIAY+cDWPQSKbwYmJz/Qvp+KBnvQewPl1qduUIH5N1WaALdWQl2Ddf4\r\nodhQ8eWr3/rUiA0vXLQJwPChGDZlF+GBkQo=\r\n=61ks\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40--canary.d7a0689.0_1666907479582_0.7733540181007954"},"_hasShrinkwrap":false},"1.33.40":{"name":"@atk/mise-ui","version":"1.33.40","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"9bd1172a3d71ff5063dbd8d880e2ef098a3f696c","_id":"@atk/mise-ui@1.33.40","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-tvxYcXXBnjzQ2LDbbhHAxbJvQSXkp9n5D6CASQm2sK2JQtXIGZA0QuqNaDbhgKyGDzUyHT7CBPS/te6fihh5+A==","shasum":"b8b8a7a8a5c515d499e90d804f9976f5aa201cc2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.40.tgz","fileCount":901,"unpackedSize":2025700,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHasza0lqRppvwCskEykpd84zKQZwl7FdMkthNeMCg7eAiEAoajICxvsgOJnlnqBCD4J3N9aWW5uEJoIVh0NIDSGWUM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYn+tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGYQ//dCewX4RCGg0f3VfGZtFz0Gu5QE9iEpFKS62QLOA9+0A4gWdP\r\n3ZP4aMDbvCO5upGYdWbxZq/Ot2hgx5XU0NpZiCkyQvpVMLFCgyAVCGI2/jOS\r\nqHM8uASzBje67zmW0IXkE6RY2G8dE2pvuOqcbuhI7mK7SgR8SIVyWX3+0eNw\r\n1yRMKv2pXmRY6M/Sgc/DK6zwvm12daa8z/XHd7/kdfa1ENUGkRdDX9uNP2d3\r\n43i1ou6pyt/bMgewlad2Jd3y65gdpXaXt3yadZOvcUhlkc1IZ/coUhk3T6ZO\r\nRlF+Mnli9URdNWfPYOor54rqNuBuT1p8UJ9mcwuBwmk7rT68z0bAA8AzzoU8\r\nYrwqBy5l324cGLvrjFvXxiVERKxLU2mi5W+3x87xNXRM4az6KLHnkFVuZQqI\r\ne6xvr+BRMdz731WvorOQCcP0Mbp5G+i61EAyShmSmpjY3tRgTgQH3rbVXsiy\r\n+X9Gn3pcCEOjf8SAUb7r9JFHTec0aFKdsRQu6yNgfsImUqUNl+CW4g4Y6pbZ\r\n+deIw0HjeTRURJdRoAxU3CV1f1gBWFlfXRJ09ia2z/8+LvXm8AYpT363tLgt\r\n25t1OZBrltgRi2hu3dbj9pQK2TpbukqskN/3TrDWWjGWV3Z98sXEC6UPGgtD\r\nBcsMkBRDeEUIoQxQQHHGbcbFKibBGw6Y0cE=\r\n=uJML\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.40_1667399597323_0.4104459597483623"},"_hasShrinkwrap":false},"1.33.41--canary.f3538a4.0":{"name":"@atk/mise-ui","version":"1.33.41--canary.f3538a4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f3538a406af3ed4251158eb0382e7b586d775f9c","_id":"@atk/mise-ui@1.33.41--canary.f3538a4.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-I7Ty0cWa8z8ds2pIM1ZdqxG413FDqvpAix7iMEsjOCKQM9kFCxBuk3hWLXWJd7YFHpJkWCEU72EtdVB/C4DzLg==","shasum":"1aac4ffc050fffec85f9a14e7c9fa7c61a7e07d1","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.f3538a4.0.tgz","fileCount":990,"unpackedSize":2087286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDH26JcoMVDYnJgnjrt70bdPmONf62wal6oYFGmi0rkwIhAOkU+HgUhG50XDKF+07wHTSlTslDZCoQvsSC5fYHEI8W"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY+sZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxGw/+OLPaWAJzP1N8nrSALLipLYBQSBuAT1TKVpbTKAnqS07sY/bq\r\nCxTiqqIHtjQQyOhXzH0DnFhAJXP/ezAuMsLC1H+vLwoGZekjuL2T1fUa+9CW\r\nzcJ8o5IqqYtXpMFvlJv9biTCzN46t/FbUOl9liaZUCQ4K1+FiQDnPbocDNN+\r\nueZ6jfsamJ1dhmsVGg9qSBmSzAqoagxdwB9b3X6DmN/gFlK7+T3X7RQpTeag\r\noCez35WhJuJfV0mmdx9PKoDoj5/mX4BBoKwi358uy4BKbML7gDesZzob/c0S\r\nKk0JYU4hjTq8YrmvOVkGfkUmgg0hZS2178BbMb88LQELZ5Kz4URLOp/eMl2g\r\n8VzC5CElJdHDeWk4We8+TWMmXPW42HrhUFP1sM5uUC51LeosnU+gEDbECua1\r\nNwLmSnv2+rZrPniMAkWScO3et1BGip+QO/gfIiiSdy9IbQsiuyu+iXg3LpO2\r\nWgMY+73jkETxJvOynmDoEzlkEqoiFJ0UExXA8tezhMNxOuPFC76QdCftC3Eb\r\nlZwE2NiuHVYVKPrgxTff/eQZv/CxhPLDe7ZW+IJYmYt32kk81N68a2MzJGtF\r\nGZy8PGRSuWwN5I/aYe/cKscnf/OLBq70oVtRfaSu6SoyyItyrfdXip+GbG53\r\nZmVmyZwyZoIGlTE/c1eoKwzPuknzz8BhCio=\r\n=OABK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.f3538a4.0_1667492633002_0.8226534767764158"},"_hasShrinkwrap":false},"1.33.41--canary.f3538a4.1":{"name":"@atk/mise-ui","version":"1.33.41--canary.f3538a4.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f3538a406af3ed4251158eb0382e7b586d775f9c","_id":"@atk/mise-ui@1.33.41--canary.f3538a4.1","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-l3xibFlN1qv5zAlyKOBr+ye3dBnIwvzXnJmPZD1FUnh5doV/4fci/OtTu3RLWJaaODYhJfbmDaUMrHFawR0yyw==","shasum":"71beec6ccf72bc409844ca066af9c63f0bfe7f48","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.f3538a4.1.tgz","fileCount":990,"unpackedSize":2087286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWtSdcXvTIVVGcorNE/DDT3AVekuwOOj0pg+L9urwJvQIhAKjZpUJOTX/T/tDkF0mePrjv15QzdQ4F3sTzTVB7fvoJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY/ETACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXqA//Y/egVPQQEb+E34Q788Ix1bTM9b54k7I4FhXxiL+5A3ecV768\r\nxNnLyp5vwIgfBt/AaW/oFuvzV9EdiSVCE2793akmREKfn1791PoJuJd1jJUW\r\nuVZ1wZwYXgf1ZbR+Kttus+/TB4DjMn765kgwkyf7H3RloKFvEJy9Tcr2b+TJ\r\nZiDjgZTkvmZJhM0ckq9VnODehg0QvkgiOi2AJ0v+9y4Fqar8MmQEf59HbiPt\r\nHjyIujyG8nt8z6IXw51TR4KMM+mRD/oX11K2umk9g2Bk9nM/1MW2TOh7T+qb\r\nv2xLCz2KfsE01yiRQr8KZz5wPuvHICsYfR3Cy2I3CyL1CKsjRwiTUMg+r1XN\r\nwP613SnL6goJwCUdn1z8mB4vj4rxdFY7ydey/XIl5xFQFihh/tjDIpkp2Azk\r\nY7/JVmDu3YpqkEhsboDRYnsQw/JpsP+Nulsar0RZWF765Ig8kCVy3XYpetf3\r\nTefj18TtCGRE2E3RbqWo+PBiOdIHj/ubTdJV1ktYtfsrwZ75hshDJz4vHd8d\r\nec0G9WGOWdHP9QYG95yCOa4sqB+DlIHSUZ8XClnL4rw13N5UciFeZmnr0Oml\r\nj2MKNmQDAjjK+AAcCJwAgtOGWSVs2rf/qP/kvBnPhioG+rJ7SoRYcEC1z37V\r\nnMsYTRwVCWKftry41IhvvSLKn9ev0szfzto=\r\n=Fgf1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.f3538a4.1_1667494163558_0.49607472055980883"},"_hasShrinkwrap":false},"1.33.41--canary.9bd1172.0":{"name":"@atk/mise-ui","version":"1.33.41--canary.9bd1172.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9bd1172a3d71ff5063dbd8d880e2ef098a3f696c","_id":"@atk/mise-ui@1.33.41--canary.9bd1172.0","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-rOqyQqAFM/A76zj1ZbmGwYf2IF4Bs2oqrthImQ2nTBi3sBOM4i0K4OyA4VdSeLpQk/s9zBOp/fFQn0R4VI9jBA==","shasum":"3a9620b2f8f215dc04aac9f0c0fe497677c89dac","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.9bd1172.0.tgz","fileCount":900,"unpackedSize":2007477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG8JzHdShgSggu753WWSdy/Hf29pNW6RZ6BxoGZe5D0lAiBOAnKb00Lb6X02chY67Ysz4ukXIoYlh/Vn2p4FIi9NCA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZEMaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqH9g/+LnV8qlltmOtteeDVknyv1UZXAuTCSKsOjfu9z3gftDaamMuR\r\nUPEMbQR8JrQ1MpoKg5K7b5iQobOFWSujK6FBRSNjuBIGgv6BqBNhYBzGVlhi\r\nd5TBxijCF9mx8+mVr/Q002zc53fIfa9+L/l7iAJos3s3IDOGdfnpyyn0runo\r\nQLtEFrOYFdjUN8Wf30/kAol8PTGRZH4RTBQ9nbqk6bV5a2TPSEKLeloTNNzT\r\nKbye8NXGubupuOg8Mynee9wWsW0d6+/TOcmfKLP2arLEuicsZVrCNpMj+v3m\r\nDyE8hjzCkr0u3dWGhUraQRnKrU/xJNemn9AHhmgEqEuSyjqqppcK6iT/g++V\r\nwFjuhF5fFl/sijfWzF9HiIihG49kgjVDXASprDBgjZxoqYHN1dQLPTByDKv3\r\n3FsLWRerPI9v4PWSLIRDzA2V4PRA5ptfQ81xe6XU/H0nY1HuwV1gGL9jdvlB\r\n/au3zSAEDkLtcsDrb0F+0ClDKR8ZetfX4OSB0IGwVezJSy8k6vLNYVPOOzg6\r\nAq5Z6S/QI8SxAwo3iI6yQVa7doWhUhgUn04i0fkw5c5zO4K+vrxES7p8Y024\r\nJx31/7xw5zS/E1+VvS8zMxv/OEJMcC2VItIeCThWVJm62GDgvqqRdWkZzU7w\r\n/3Fo7kGrWp6BgdFsiaD89S107QtewmIIjBA=\r\n=M1v0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.9bd1172.0_1667515162272_0.4731493220808862"},"_hasShrinkwrap":false},"1.33.41--canary.f3538a4.2":{"name":"@atk/mise-ui","version":"1.33.41--canary.f3538a4.2","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"f3538a406af3ed4251158eb0382e7b586d775f9c","_id":"@atk/mise-ui@1.33.41--canary.f3538a4.2","_nodeVersion":"16.10.0","_npmVersion":"7.24.0","dist":{"integrity":"sha512-vall2nSeNjNjdSRZIT8ClrTYGt64gkCCxoBFT4oIWvo9tV1a55hfA73YLHZIwvGwgLGyHgfVrkMG+6JUI2sNjg==","shasum":"c46083ead8848016dda66a2a3b11c22626070478","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.f3538a4.2.tgz","fileCount":900,"unpackedSize":2007531,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNuL8e8HRYXZ1kiipYISoAUtuGnkvKG+V6fUBlqdgFugIgO/8Qon2uWXRnXGY0ZEcYX+ecJGosOGahdRAOrzNZ8dE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZRXQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvwRAAidIK6K/IA6u4d4nnCyhC40MNjlI6dSrU3rngCfeTpkixGVMs\r\nht7HSBqs94c4XMjsu2625cQ27y1j3ymQTB1c4zsk6JrmhHu7oKKB93IYBkem\r\nGr9ZY87RZI5GQWnG/nPFK0L7X4F1Re7VU+KHRUJFOIOXxQYFwmv+e7iyy7PG\r\nMyp40nReaI+pVZtcHiHSgIGZxTgKM+3UZSW5ArznOkRWJeM0TtU5V7uEsrPY\r\nbWStxQrC7t4jxyQ3h3cR7Bd861x6JSL1DW66vI0QUGBegQbO1B3l4sZcM1Yy\r\n4ix2yTRJ9wcqstsgT6mHZssL9XVl2b7+H5pBg95DmxHaXT53oazA3ngEb3XS\r\nk0eo7kZqddAIl1D4Ee8slhZAJMGcOtSxRKpflY6iO0u4S2AUkBcAkKF8KSaj\r\nvnjHs4kanM13owNoAqogPCfacrGbIN6U0Jpa2BLBpKWU9jzDRWbgloHShKPZ\r\nbig1VyWoLTJJh0TJ2ThD7azMFo6ExKfJUgh06W5NxIO1J7fgnH7UTnVmbjcX\r\nTYR8ScdOZsNFDcd48QEux2UQZYu3E6eaTATTGHbwMc8VGTYsnX3NO7EeyvyQ\r\n4F5OadJ15k4Tl9O5ttwVS4lTycX0M331w4pYnC8YWm9s4jk46phxM8oLqCij\r\nUJfVnUgI/sfItFmIC/KquHoh/SH3e4+oRjk=\r\n=O3Fs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.f3538a4.2_1667569104300_0.5005185586465037"},"_hasShrinkwrap":false},"1.33.41--canary.4767317.0":{"name":"@atk/mise-ui","version":"1.33.41--canary.4767317.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4767317a2c534301418c9a969a0c9486487360c3","_id":"@atk/mise-ui@1.33.41--canary.4767317.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BtwbsnLXNm4lhur5FVjj5jTJeIkVcSZqyHVMSgZEYouDSneMAXBLcRiIsNgbIioC+/lSs6+rvyXg6nL13x1ZmQ==","shasum":"6d94492bc2470152184540b949f749b9a0012ae0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.4767317.0.tgz","fileCount":903,"unpackedSize":2026340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEjaEAaokM+spw2qcvejSVSe2VF6RGcVyZjpv/jEci3VAiAyEGRMVoqyxzlAp4csPYJpGT4DA9CUBviSaN1J/LwBnA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdkwrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFHRAAjwPGz5hEb8bcBo+YgtcjFKgnwgPnQu093y4UAHkN8oZzFInr\r\nKv1SynV6YmjtbqRw8ynOUUqMQR27H/g7H9EXnq8EsAHa+llENHezcG1FRjCG\r\n8RBVui41hK5Y9ongcJQm1MsFLd5AOLykE0XQ2K0stPe3sF0+9ek18gYh78t9\r\nOmH+/Ht9PMX46V49YRs6qROzx8IJyP1/r24x/PGKjvS8CBEUeF35PwEavJ5N\r\nvzLkh/6cs+Hb8V/bcAmXfqDlTJrJLPhYoQiD2CLV/BdAG5uVoAjZlxf+MZb9\r\nzlY0CnClKUGgqqsLJAVVKP7X0FlWUx4l+VQDc2Cc/VDVE9eFKp+2Pyp+S/tu\r\nyPEiFlzwgggPn96u3N0GLDX6peeM83woZLJJ0AqlW6m++dNZGe9aMe7Y63sV\r\namJAZYNg322uU6zMpLy+Qauwx9p0twpS3kcUNsL2wyNAqpx2P447uzp7KxXs\r\neXxviVMmNurAKv3nq0Nm7W4YYyYL2oxxrb2kx6hTpCu336Ha8H+ZxrAr+69z\r\n+AGtQItFhRuKWoFb9Zkvr+/xRSsMHuYhMAsYfnLMqnFLWK57/gHmv4sI8EcQ\r\nNZ+OGXamjL/f01qOBbN+evdg6Fz46BywJkBnfH6B1TZ/5UOLFRSH5R864aKR\r\npSwQXJoRFOShWwVD7DXc4nNYy4Ie3+tTnrM=\r\n=Pnq/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.4767317.0_1668697131155_0.5207961534644119"},"_hasShrinkwrap":false},"1.33.41--canary.4767317.1":{"name":"@atk/mise-ui","version":"1.33.41--canary.4767317.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"4767317a2c534301418c9a969a0c9486487360c3","_id":"@atk/mise-ui@1.33.41--canary.4767317.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-bPF1oi0Xpd4z2tJerTxERDJbztH2yUrXd5OzPq3wiSA6MpDvMxaalBKUDv9RTepERNOYwd5/z2ujqElsa9st8A==","shasum":"8e0c551b1229f51d555b46b628853bcd8d448629","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41--canary.4767317.1.tgz","fileCount":903,"unpackedSize":2026340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVhtpMWBXQpQYRqvekxqW+cqddGau6HqsIhyDl/9qdQAiEAr8quiafQ7vuQXTF6swpCce51KQRdL15z8VYvHHrGojw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdl/+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxTg/+JUZHtII1ttj05kuJEuoTvjSu8ogINltDOaZPEdB79gY95WRz\r\nZuWulXhCVaLsSGOjcYjDD4TxKJLum7SKsD30bgum3JNNeLl9lrXPKfKzD3IE\r\n0GrTCv7lqMcACDq6X0BRE9NwV8iYDQ3+ljB8yGsU71V5VQMlPtbg5dCNwA9B\r\nZdx6Zx5zCNoj2Un3S/jUaoVc1DQEpiNFZyEYd0edqEm5Eex+fUBTAPTmkSL+\r\n0083i3f8ckQ1s12CBHXTFBB4JYuhmsdeKnK+ud3nyWegHTjTixsGtU8bkWnY\r\nSddnkHqRzCJKQnu5GPM1vi72CZsAPUbvVdiwPaGAJqQZHu3aj1KmiobrXe1a\r\nfshYyTs3RBJxLc5EtA22pGgl9G7CjHsM+sZepJZF81+EZrbvog1wyPQQELip\r\nDr9kx6J5bGtoPCFeO3KI5c1EBV9a1V3rFRr9Fh2Nto5L6vIUjGcDh/zk/imc\r\nUOfPos42kLDTcTj0ehIZ2gYPXmSHpnqfOPgZ1lwUIdDURwjGHtW8PVeWvqiu\r\nB2hLAwyG8tiSIZce+Qxl5Iv4S2mKPgp3KLDG6ORU2lbdyqzltkZVCJawpHMA\r\nlj9DMOqd4ZxCznnp0D8HRmM9RljUkdTgR6siWm0wcfRu6Xos74NYAfTa8vg4\r\ncA0LT4eH8qGgKpo2NyEA7WhL1Oa7KPG9mHo=\r\n=HlE6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41--canary.4767317.1_1668702205733_0.8219635818138751"},"_hasShrinkwrap":false},"1.33.41":{"name":"@atk/mise-ui","version":"1.33.41","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"207f994b97df39d80fb5fdbb15ad0bc911d8a605","_id":"@atk/mise-ui@1.33.41","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-79tfAvhC/LDKa9lud6/w7cEdSVlSLhYK3xzEN+1uD7kaydNAwabcY7EQhl8k/2kaejYzwf2UmF+8C0BW2vTDjg==","shasum":"66bb1aba63e4b51bdf63fe604bd0ef8c60feb647","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.41.tgz","fileCount":903,"unpackedSize":2027622,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALW5KNIWxkNf0fOtQGvSwbtqHMjeIHBf9NTdhit5kIrAiBVnyJfqYiRxH+ynxKgsc93kzmsJpk+TotOpK3W1vot9A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd6DHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwBw//cF9H8KCBrnfTlskuQfSklk99i4U0CaR5Dc+Rvs3iau7H8jpN\r\n4GP0U1o2TJtMlwc3HFJ1AWBBwt6GYflCJkpT9cxTofDqAPlCcuqBL4346J2l\r\n8qREVGXeUV/YnMPC4/mQwHi/vq0UTORbuOy2Xn/EpEgnj/xA8qFYKcOVxyk2\r\nC3Ap4kGXplGmrC1Df73gLLw3OI8ikd2rq4z4mEHCmDGIA/cyOFMuQX6fsYq3\r\nqsbDBYJYop1TZsjKOWJXISVNvpz3qXoPN4UjtUYmnCT1TMtQkiBVnTDEhzAz\r\nDzWnKGJGOLMW9uX5aW/PNj0adPBHHoU6KcRxCR6JAp2NHfzvh+X2AYbwIqgu\r\n0N3zHRkY0BxUaqcitf/HbEn7GpGHCeTE2Gbr1DhztKPaYMLyIbRYQ1dEvBWt\r\n6sMpqso2pMxKYyXvwmPmLdPB6bNLFsDbB58DMDWXlY7TjZeW97y+MC11Djgw\r\nueKtkW2SWdOSNzb1XbHRB6/Br1/yRZNYwEVWQgGeDgpJqK0EbO/U1HmOe46B\r\nua0DkAIkuazppSzDu+DWquqSPF1Zvn6B/tFTOFtsVNk1RvXDTtGtFHd8FahV\r\n3XuGjopj3Ftn9cUu4Ki7F90ZNJGFmgRDZjU8XQQAOiKYcKUO9XUs51iPUElg\r\n2tMra3OiJTvBYVRIxE3SpP0w7v/gMf8ZdEI=\r\n=rr0x\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.41_1668784327320_0.9428689696039323"},"_hasShrinkwrap":false},"1.33.42--canary.24e07dc.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.24e07dc.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"24e07dc1110200164b39b6e110b0a0058540ba69","_id":"@atk/mise-ui@1.33.42--canary.24e07dc.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-IbDDHlkCCsNhYLgHzaBiPCL5hYLm2P9t2iUNblpZhzKosGhedVGVHayMzQAsBjMPAWo9VzdujlQWszjiqalzJw==","shasum":"b5c70931ba569f337013a826cd7f9763a7593bbc","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.24e07dc.0.tgz","fileCount":902,"unpackedSize":2009634,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCGsbH2GlLgxiwexgdu3XMwP6uykRZ0luVUOYFb/DWwAiEAyQJoWsCm4MQm+VIQgiNDOkEcbwCcuDQFVJVjqeWzIic="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXKiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxQw//ZnDwVeuhevSwTgsp+w+J27BPV9AtbSQHsCvHao47LwL9OY3I\r\nCqHRXsMuNVPFS//dfLnEYbYd/nBB2ouAux2tl+ieF+kVsUIF2ppFfP/nV/OB\r\nOQxG/gn6Anln9mirs55OOjMOEovikKZgKVfqa/sG+YA3L4aRvw61TT2xR67C\r\n3Ti5YF9J7jgBYCJ2QgpDKNBJACx8FbVZl3RAizrWvjM7m43AWSCwiBtuhk6L\r\nFdYqPCkfLzmNcLZspEBIvAAt/VTyCxmZ1iaaA4G79M87lsKWI5nWbAmZloA0\r\nmZcMCO/fkLrrVC8NAq2sf3mTWTq5gDINxjiAyTIFN+ccpUCfbQOPxk4Mra1S\r\nlWwF6X86+OXtM+e9KWM87Q2+mtZS7k+5dTAU0yxU68iy1zel2K//Ifx3u7IV\r\nPuCn9KVyl7Qw34WzFmVJMgRGOG37y31wx5yGPikoVG8zCtrFiGFKZIlRl3/+\r\nYxXe048ZaW4YVoh5C3/F4ePDUypRxTa9yNbN13SdJrxQp1+Plq4WG2vPobCA\r\nlFAo0Ryqvr4TJIwPhePB/xfoFiEn3KpF9mPIEXvDjSpT2tsVTfbCqMvsOKhB\r\nTViyZDvw7iv/oW5betCKMyRIazlMtymHyx2PQFsK8eaNUreG5AekoFe44o4I\r\nTVMSd3Qb5jlvIjqXu9mw4j+KETZhn4K4gdk=\r\n=sgSP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.24e07dc.0_1669165730367_0.11652210965250465"},"_hasShrinkwrap":false},"1.33.42--canary.58679be.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.58679be.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"58679bea39d3a0723b5eaa23d468ccbf949682e0","_id":"@atk/mise-ui@1.33.42--canary.58679be.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-YVrpA4Dkj0eh00r2arRll/1A/H68s/E7y7y5eZdHH9bhwrL0V16kH7ZIpY0VaWNw7O0/TVEH28UF8vZfrTTGtw==","shasum":"ff260f99226877f9bd448d11eafa065c327ab014","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.58679be.0.tgz","fileCount":902,"unpackedSize":2009926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJqD+WzoE1VayjP4XnRgEboJmp4hJve1y7p4LbY1yw3AIhAIR3B5SGC7ysSBdRtDhAB54ZMvicYkXg9OCVAxTrF1mG"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXbmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrY4w/9HskSSI1RnAwo40TwmM0ZOtXAcg0rcMSqClJTOFXE/JP+4fx3\r\nsJq/QO97AF/+7x4golpnM4oHApPsjsTmByItaSSeWn2oDpX5Y6IeDCvDTrzY\r\n3DS4tqsN2PdMIdDYgsCUZSQ3HH0Lg1mnZlrZfX3ph9bj08mI8Xa3GTyxGHU5\r\nPfl+uh0f3Iio7Y8QiyaOMoOU3OdxCNw/9XVd02tQsR6t18clARtBn8jQRc7v\r\njLHXFreQTNxvLcBcR8m19G/D6z35xKosMJV0mKdpwut5QI4arKhQSjL9p6PR\r\nC84IJoic+nIT1i144fPIGpgoVqChNS/V8D+R+qfeFXh9EzRCJqYu5w4YjrD0\r\nImtd/lUTTkpto9Nt+TgWFFGuDslDp7h/eRRYjjWGd3F5r8oifvVOgHi8mcmM\r\nfhvYU9u2gbzrgHjE0c1IVjExUBJovXvuEqV827VC6RJWrlJqyQpA87qIFyYz\r\nWqua3FGmqtadG5ga12trC+M1HauXeeqdncn2fWIcsP9TlpBrH1qpP9TRXeqL\r\n3XddhErI2TltZ/ENjVvRv82sucTDDJ9kMPrBDB6x2+3Q1nthss7cn+I0O/Km\r\nI0TOy6uh8oDvSYcVmcN4FzuSU8li8URNHh4P7lIRm6QVlaP5nNe9knrBdB/D\r\nHs579po3qHp07vwZBRTuAvXwtTyaNN57tX4=\r\n=SeDq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.58679be.0_1669166821998_0.9785036866473842"},"_hasShrinkwrap":false},"1.33.42--canary.6dd3290.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.6dd3290.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"6dd32904e794926c2b78b8872f0ce4e1272acd7a","_id":"@atk/mise-ui@1.33.42--canary.6dd3290.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-57FXO9J8k3WzAEGwvJABe9KX4gBf/XGDTjOmqu/pj6EoYAAEUXCWKWJpH/dcTrzUKAXunzd+zE6OipIrvb7Odg==","shasum":"9daefde0313b2a3b5baa5f2b85ebfd08bd16f968","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.6dd3290.0.tgz","fileCount":902,"unpackedSize":2009957,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqnqyrkKz7p6368iyDqgevBTZAyOO5TlH2Mw345tR6OgIgScLddwOMKnus2ORqlbrFs0JbeAYWlWbpji+7PCiOyRk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXfjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHEBAAgAkwuQNWZVT8rrUlaactQ93FnOLvYvByPoIOE9WFajEwWiE4\r\n6LABMYxirS/2CDQqDAZhqoHgs4GTNu/Bov28Az5OqMRSsjZ6vedr2v8hFrtu\r\nPBV2lOkyc3eLCJWJghbUg6MKRLe/2xDYFzO/6EDjVSF+ky2LM5J/erUq3syk\r\nER4WNrjdxjgA1RIcqgYW1DMoBq1G+0MCZLzZpOi6V2WJfTWTWy7lRSGBmIMr\r\nSLjEhKOTBN66U4P3r5VtHiv07KhxgcwJSS+fmklQA4tdvN6LZvRrn7mNYu9q\r\n9kqkLQ8mxsg7O0UXK+IVRV1Liga0NIMZGS8gCUfY2glrgdd7kdCXJW8JILuX\r\njUfVBl55g/qJz6P20FyaFy5o6ksL41wdEXYJvEZYE/fxA0+qW9V6uycPMllj\r\nGJ4IhF0OtyWLvplevsncMhX/dZHbsifUtci/REep6h6yHaDF7IELtV6qtudm\r\nLFlj+RU6tEgEgYeEeuxKgfyPZbXu+sOsHGYyVOgQOfjkWcvK/6NWa1VLIvPG\r\nf9WbKmJn44GbmKJ3lFYEK9yNNI0MMXnN87o+LJkOwBpau/ZYYxFdclpVp3Ux\r\nln2o8+p+WNHNwMJTnziFJlKjZLBU2sPm/Um+5Tb87JgNF8DgXS/Et1GOJwck\r\nKAKqOkN920Z5ytlFJqZr1RNGRiWjw0K1rLk=\r\n=e6hf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.6dd3290.0_1669167074988_0.4317559483585576"},"_hasShrinkwrap":false},"1.33.42--canary.c3e0db2.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.c3e0db2.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c3e0db28276fb9b230709c6db734968a488b4252","_id":"@atk/mise-ui@1.33.42--canary.c3e0db2.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-9l+szOWw3AR6O6pVMdIeP2NXY+Elvv6VYy+emqmvrKI5aFjwZSK/MqCVi+Z+4C7rOsREUHGdO6QOXyKAbsnfDg==","shasum":"52cbecd6beb272b476c3cc5722ab07d8ba12a4e2","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.c3e0db2.0.tgz","fileCount":902,"unpackedSize":2009958,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnpXfyU2gt8DDXZa+1HLM6+7d/4dXDnNRWhU+71Oas4QIgfomeT6yQQm+J70VEwWyb3y2Y7YPXSWvSPX9Wke749NU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXlOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoujRAAnqUnULTo7LUI1Btm4EB3VnTtqurtTDPrzSJYwHAt82wWlyzg\r\nupg2e8GSginPfVHpf8tLkv/WCgUxk1ZJFFmN/Xl9fqOuSEQQABgjSUFyb2lo\r\n3wWA02Vow+GXD3rWOqOJ4QNj6PPe0eapqSMH/L7WqjKBcztdDv0WrypiDX57\r\nvO3NO5tqxIC5w5YOtPxgGfO4sxv/QoVu/YSrdohuHTEuIFNlfbAsbQi02BbZ\r\naVzCU1S/z9dHUqWqS3vawUiydxYVRIDQdhs5WiFjCBSX0+H0KEo0QyP1GoQq\r\nDF3vwLAMaEReDoFisS0BQn3/NTbED+ub0khTOZXM+L+oBxscSAAkm53buMQl\r\nsQLhhPTtKjVU6c1FWhvq+YaWnVsoz76li9CqZO7xgx5NA96S603xAsLb3OYE\r\n+s+SztaUIz9eIyKT6vvZaWQ07bV1BXPzFZ+Agc5YOLVbiaKp3bic2Zq0Oy1c\r\nohnK/SesJZWbQG9TyvHcuqQIr6+jjEZJq8DjDPqEnJPZmGzt3NEn/c5wjYA6\r\nrDSzFwVQgVQJvWz5jyTi8vmjzWLLLAXv5wwWQklkK3vq2VNExJ1Z+EyLKx78\r\n2FWJbQ6bd3R6WVY6Q8wfhmv3TvBAqSHQT7OQM8vyCkg2vZbP8echRE3YevBD\r\n00NggishwJ0iluGCbUMb4pXdSHbufQSo524=\r\n=AYMb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.c3e0db2.0_1669167438084_0.19492845228935107"},"_hasShrinkwrap":false},"1.33.42--canary.7893da4.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.7893da4.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7893da4937e9f12cf9219dae8bb524632338d4de","_id":"@atk/mise-ui@1.33.42--canary.7893da4.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-oQXrYMU1KrF0Zr/GZhAhVWj1VLUxABcenOFfQfcy45P1yc8dRIS5HeT8gpHokSwoGWPwD/mlikG1Pqt5bg2MAQ==","shasum":"5363e70aa80be5e03fceee1a303b63e30078d340","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.7893da4.0.tgz","fileCount":902,"unpackedSize":2010054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRqeVQ0mWKCr5j4B1+5cvkD+1n2TMmAXQ2T6kJx2OMSAiBqtQw7JkztBaVs4dyY7nRmpzJ67uyg4BWoikPUmAhUJQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXq6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGGg//Z9Jn3FojWIoYFXI2JusK+DferA5+5uteJMQRlJs5NRM2GSYT\r\n5wvhd3L9xaXLI48so3VPHRYze+BmL2lnAbx5iMMZP7n9Erk4vI3K4FwsotCi\r\ncKviUY/RaNvNsvLuuT56+4K2tAxPefy1sIbw7sHtjOrdmm7dhIhgG6C0hX5E\r\n+oEcrEDl8oqcAqMuZUcMPjics05it/nSys6o5jAdhO0ACaqGqZRKj9/gu5rI\r\nDnm8k87MqRxa71g9zCgBc6284sG1B6HBTvbORWoTp+fyFBrM67QPC+MftTLe\r\nmJuSUG1fI/wWODzMymMt43I2kXh0wsrtQY2zIdi2jsSHeeiU4OHYN1qxnudb\r\nfFFIt/gP0vNhWes4kuMsu42ZlRkQFdnx75M0polKj4XkHJV5fmxdvaptjxko\r\nbYOFEk8PyhlpPvh+5WusRkuR+RwIIBwORYHmG5X3vnACu/QCfndb86kFaZyX\r\nJGQGeSmQF0uDD+OMIemMlNYnRaCvKY0mM9CRLxDQx96jGHKP2c+TVtcWnd6i\r\nVnNf1sh47fVdhPB79FHhRME8RtDY9YbMvqCAnNRT+bSlnMKcgRqfkeh5Sba3\r\nzvUZIaMgf2SNH5+TxmXnvmmGKM5a3chyfK+g8jqmMBEaTwUV8b2jHvR6GAYN\r\nN6e8Xioh3WlbQkURIg1z6TeWfOhv4axUfG4=\r\n=pQpD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.7893da4.0_1669167802032_0.06556096933484956"},"_hasShrinkwrap":false},"1.33.42--canary.7893da4.1":{"name":"@atk/mise-ui","version":"1.33.42--canary.7893da4.1","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7893da4937e9f12cf9219dae8bb524632338d4de","_id":"@atk/mise-ui@1.33.42--canary.7893da4.1","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-LPYsXo/iQzs9SYbC5IaLLV2gTnNwbefFnuOxLhpgudd1/4LU74QpuoP8BJ7aSgwjxQkZGQScG2LHbV05jn4WVQ==","shasum":"a0f1b72a8b3c38526030c637699448eb324b6946","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.7893da4.1.tgz","fileCount":902,"unpackedSize":2010054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxuwyc9IPt/3AAST/xj5Jena/WMLuBxNgI0C3V+JIaFAiA3T8sMGLAUUm9bSODanIKWWA1sYC3zJre8xk5B6ChDfw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfXtNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZlA/+PPa8IonZ3AaC92pFQHbMFQplBLxgmYbSwIXcAkam9N9X0HSf\r\nVJV70dxIhPvAIKKKdc+earD6hggYbptBoDAdG6fKRBOs9bYtMM8A37zWNBUt\r\nL4oxiWCnuPfju1qVZpvogAxu+3sRxgalmIXtrsOp0IaOH821pc3FjuTwPl1t\r\nANtKdvzXuzB3p1e08Ue0FUlxZW230NUJfq7WnTfSonYq05UmbCOz83kiSmWS\r\nBxDBWoqDoZA7QtKFceE7Y8k1HIAPv12OIhLCFoFVSViX22kdP4LSpCbm2XYw\r\na8zlFOQjPpRqRfr+ZVWli3eAoVoLx0FQI/g/lQ8h+cVG3LxQ6A+pcnXsLu7M\r\nc74r5nJtB5BFugCc2cSEGZCT6Kw9nsR60NkdScKjOhMNoq35Ii6waeLBex3N\r\n2KmHiFWe7KHgS810iJrDMq36ECy3dyeRsIiBW/Akd2KS7E2OHN2/ptNllkpl\r\ntCipe2fK9XgFHHs2i3CAGtyO7fVyIZlb5lcMNPfwTGiU6Dgfsg+gHeJbsZuh\r\nyba/Y82vbTWrJEsHXmAxH/j3Vt+qBC7x5xYDHp+aoEXzfpm+Rcu/TtqKGew2\r\n8uTtzP8+g6ozfKrZBeFrrs2oX/8IJj/vaqXdcnQZL+2xMcnFQyLse7JqcaEz\r\n3BMq4LFvoFJgM+7BLVp/Osz36eTfWHMIOJ4=\r\n=5t6a\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.7893da4.1_1669167949618_0.09533234731279894"},"_hasShrinkwrap":false},"1.33.42--canary.2455d89.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.2455d89.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2455d8973c5fccc5f5097967d259088fa1a2d983","_id":"@atk/mise-ui@1.33.42--canary.2455d89.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-oD1pTe/B/utFtqJTuDZl4rWEfJNDtjp5OiemIZD1ahrvQnVzoyeRTT/ISHBwZvDBpYoafdtQ0OIUMC4DKKyfDQ==","shasum":"1ac9bedf44838b40d1fc7896c83d43cae6c39083","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.2455d89.0.tgz","fileCount":902,"unpackedSize":2010150,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDT8dhhvbER2fXigiDi7aysNWqnyL9Wk2FEm+/bM3xs0QIhAONkBZC0MBh/edt4GmKUOfk9TovRndyz1XbOg6fU/e20"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfX2/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTCQ/8COu0kddMnI+6V7Yok9OZGACLOZkIFj4c4Clt1/q166Iv28PM\r\n4AfNiZUomBUWfMj4afl/Gj4R0ph/vAl6kdQdgPLo+wejSP9WJVLoLgQR+bga\r\n5PKdmVVOAGX0nXkdAVot8fHVpHHdoqrknkvjDH0q1Gv18uEmegKPwqOwEAZJ\r\nXGOfEmFffrZvMHj4bdOhg1fUvGuFjcNjKqdwQm9GexsgYmCwTZL6fEaHa6p7\r\nbhFVAdZxYBVZ2K1z9eIyrXL31aGSBR5kfJRNJq1riMrvJNnUXszKU/0yi2TP\r\nIPQYGdGrvKiRYd28U3+VArgojm7iqJUunX30/znfHfkuH5wrTe/+SdrR2MdZ\r\nIHe0AZv03QjrKyLvEzF/HcfZFe3PC893dCbAuTnmcxAK+wxUvRNiJHjz+REV\r\ndtdqGpQIcdhTY5VvPpcaccAvodKgBwxeoBDwDQMn6W5Bu/WqXYys9xk/9pXf\r\nVrUq/gi8fo/CFqkGyxeyV+MWnISlbrvSfONQT006snkcPRjLd0y1YIKOFsZo\r\nKCaf1T594z7IUPH/7IXjhxxiL2wvdozlAIHA+NJAY7LYf6Llrvl3Y2TH+QOz\r\nxtlnPPPc1iJ6db5NUDeDuxwBnm8ZwOATVO/TiZWb30zfGOAeX8z2+X1Bs6J8\r\nLgiNuBoV3iS0QEICoxU/uyv/VfjeLGjoaNM=\r\n=OapA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.2455d89.0_1669168574730_0.14356224285124086"},"_hasShrinkwrap":false},"1.33.42--canary.25db5f6.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.25db5f6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"25db5f69f5b1f553ae4d39ff7c24d777a25ebecb","_id":"@atk/mise-ui@1.33.42--canary.25db5f6.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-4MA9bFj1ywDCsZ/g9lzMBaV8Zc7fzquTN9A742HDhwvsUmOmgWqq3BS33InkZ5EvmLEiPsztXTXTNSH7YtTgdw==","shasum":"0c3b9eb536cf880485a84458ec3ccee6e0fff434","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.25db5f6.0.tgz","fileCount":902,"unpackedSize":2010182,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG9wmSCl/8VXtDsKxSKS70+4EZQy6AFnKajUHTCuTlE3AiBa0b//Dv0Nc1pOGwmewekL5nkyhD04Xpw93T02uidHjg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfX+NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+yw//RWpFytl8XCRbE98QyEIT+BbIXNsxzAbEkseY7T4PcTwWlFI8\r\nmg6K3mtW5lKIA0gEmOKU0ax8iQQKrCDp8SsUi8UXu6nBtcZbsDPB3oA8BqCB\r\nH8xYssd+bGxoajRvNtzk4PRc0pP8Cw9J3xT5y89SmR5CrjyQBSmGurFPTPng\r\nwLamPyCGHSu48J3add0j0fDpzTe4pnfK8R/Zzl9xx3YZs4MWRFa+9dHXajFl\r\nue69BiAFdDdPB50SgK36yuRK+FhgLNWZTGotvl/AycS7gcVPiKR5eVP2bngV\r\n6p2ZYoSZCjImmdyiCiw877HpX2SVFL5X6xqE5En49U8BHlwelIzaVsufi7SU\r\nPI9FhRv7s4zgZe0Pi5r+mDLt00522Um+UvX/NynH/IH4dGD/3b4Sovt3slHd\r\n/jGet8Hf5x/NxtlD9wBYkvwjH968VjRyHp1/Na70QtXuwL75yHVSOd4jV0Q7\r\n3wzYOALs5ZMwalUNIieV7oqjj9pIlCioYm5WmS0WRm8kDUKGq4QYKkskL/kj\r\nIYzUv8pG+sg67MgbvxFDqF9GTvTZ8ccoNSIWmm3tOafexUOObvEeHBPnxD1/\r\nAli9Ft+0UhW3Lpwn+hyP04sWGSZRJky/mqCMveR9XMTPr5HvP0aU6ju5dYiJ\r\nK9DnUg8IZ5rXcrEcuFq3ZgIWMzh39izfILQ=\r\n=PiD1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.25db5f6.0_1669169037211_0.45606373462087313"},"_hasShrinkwrap":false},"1.33.42--canary.d111ed7.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.d111ed7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d111ed7e90c7144ac5a74bb376d4bf459ef6d3d8","_id":"@atk/mise-ui@1.33.42--canary.d111ed7.0","_nodeVersion":"18.8.0","_npmVersion":"8.18.0","dist":{"integrity":"sha512-qAfE7tn+pCYujxrNwIgBnprI8cpqcbuaTSEZyPt/24sjI82WdKJgJbSEfiWNvaAbKWWwkQz6btOtvlQRF4ut/A==","shasum":"90eddee352ba056fa4e1bd885cc65efe9a878aa8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.d111ed7.0.tgz","fileCount":902,"unpackedSize":2010176,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbqdGBAekVXn7XwAB+ofgVd0QWNkqMHxMLG/9ztIp8vwIgSoJ6a39sycdoZYRITZrZoCwYwGWqVGnXO5scOm3twgI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfkAZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBtA/+LcfwF2a03eprdWsSBUKm4Uw62A/88+GJ9s1VkhJ1QyUB9vlS\r\noihDIdHX1aaQUp3BhljdpI4qk6Hgl0d5IXd3xn1eKaURxkYQK28H7/GEjhLb\r\nnIVGcdmXwbVKEqrntajroC7QZeTiBppMSNDJF5vb7HC5tebYvwxJiqT56GoT\r\n/OFR1IwC2TD58HdbgXWifO50tW0kUoSxr+4nO9u9aEXFdeQEYSvyFZ+2r4Hf\r\n2EmEXXGVOFUkNj/4EO0t2H/a0h2K6EEu/oKRQT8f9167+6JNQFp4IlNn/SK8\r\ncm4ej9TkJp0iqCCXlvp+EWlznkPpEcJq1P7k4iJ4HB+Fi8eqYtjcrOEKiSzV\r\nx5xSXffsLMAoNoy2CIWhPnalz5ECfMHwd10l3JeKIF0GgRyC54R7EpZwCApU\r\ntCzUWIJKdic3T8y2IfS8vc6+UNSurA8lwilnogJUowuCuoCR4fRPy7qFCkxz\r\nCSAKiKkOyNS0rgnXA5IIo07d6BvTVyOwtK5JIW8+PKWTz9lW3DhHW60IZIth\r\n1qpR/aGTQnHuC5JXu8Ioibt1RYRJ5Auuek55vamioNkuf+XzlbCZ5OV7ajYM\r\n2Mz6QzgZBtxGBkVu795GAZJVB+zIn3oDpotBVWzVG8i4SSoPCjhEWWQqXCoC\r\nZR3PlVPbrMbSJYHH43dlnSlsi1ZWZZIUlV8=\r\n=F921\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.d111ed7.0_1669218328887_0.4798545160897887"},"_hasShrinkwrap":false},"1.33.42--canary.29d5cd3.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.29d5cd3.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"29d5cd39e8f42f6c77f219e52740d1bfda18b39d","_id":"@atk/mise-ui@1.33.42--canary.29d5cd3.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-oL5N0ZCQrMS/vgmQ66hvmG63ZJhg9S2LleeNyNMi+h6MpNNjC2goba/nLa8VXm0zyTqzZoUkfGMunJuZLJz68A==","shasum":"e631665821714ff1455336445a0b87883090b5b3","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.29d5cd3.0.tgz","fileCount":905,"unpackedSize":2030368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnXLUw6q16+Mb4M3eW1XH9T0h842JvFOLMb/tLpC3DtwIgAhzOJZFsMz5+6zFVGrISbc/K2X4BbRC03sY2PPTIfm0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh8foACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJcxAAiCjWaW8s/KMfB0jP3SIEclvF4l2DGVVQ9uqRHRk5oGadykLO\r\nV+hMt/FCQx1C/HmlpN03ot2EggZ4yHBS2OVW8zNS2AL1ij/+oj3N49Jcuw5k\r\n5gFPmJeeNmHe4p8675HDkEqsxaCwN18NlOQ+V4QZ49B7qSMFss0Ula+OHqRK\r\nJdrL5ppAbxzc532uGOAOrp1qChm8nFtW6PZTZbOFSD3KfNJNYT5udfkc3v7L\r\nC+LascQsXlLxqoOGIQurzspyOQCD4nmH1Fc5vwsV3Kg2jX3ytu0+LSu9HwPs\r\n8S7O08u92fym5QmjTyRaH4cBysBntnnq3MNj/XL8f10l0ZmYtJBJfcyjuW8e\r\nM8gZdIbcqchhw231CikUXIPZdh7NeLr8ZgUle+zCkXoEDlMLtyNzY9i6MGmT\r\nunrBG3KKK/FFpRlYD3rw1OehvCHyNAdXOj6kSriDebHMtIl+twR9tHx8gNfC\r\nuBTKsrZAu0dcNjZwgyy9WtdIJdhhQv3SW+n8xCj2GsLeN7jk/TFwfSOyYX96\r\nPvAe1Y7CxmiolTVa9yp5j6VCtrsklcDQJdfTHEu1qn1xlxK1GUQ2g/7zb6nQ\r\n7ERMMaTI3d3Dcd0QAEH9oPCQuIh4ndqXfIA9ghd4kBsHvjNKnJPV2VsemukJ\r\nEsL8vFChGW9z8RXRqwtYOt3fKddXsK37Ejk=\r\n=Pane\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.29d5cd3.0_1669842920507_0.29461968395253124"},"_hasShrinkwrap":false},"1.33.42--canary.054fbc7.0":{"name":"@atk/mise-ui","version":"1.33.42--canary.054fbc7.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"054fbc7955936066a7f0d26d0ca9e543e894d2ce","_id":"@atk/mise-ui@1.33.42--canary.054fbc7.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-+renSgL91254zBUNdaivYofm1NBLdyusht9w3niaJmDjCJCN1vcgZ2xWIJd01alIh1Vf7jJ2KRh6iXflb5yXsA==","shasum":"b7a13c16e9e57dad5e89039dbe850846bb00fb18","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42--canary.054fbc7.0.tgz","fileCount":905,"unpackedSize":2030356,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBPn9mIQ49XBfn3HFrcrDm8WFTGagMiXUtUuDd9uleAgAiBqLIrDPfRIlhxGWO0hiEy3g62EeAIpkdu9+Am4RIzvxw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh870ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwTQ//TTdZIiGal7RocoirEuNkTsjE+GVNMFRDzeX81cKTKDH7X851\r\nUI/gAP6MiTSrCN2cD/rUq7GMO1tIhvw3TMwlE9v3BLuJ/YDpvD6T3lMn2QDK\r\nd6dkxBG/yeyjRRj84lpl2L6y+QYRNk80dcW2gc/qN3cslzqncnPcYOdkWMMA\r\n0Quhlyi4oElCeTmoAEr8rxdqOXXoO8uDjMh1d2ew4upj5MjI1eCKTLTv9rTW\r\ntxMWCahaxqjB8GnGvT0dQHUjkmEPdEBGDCbBnA/xIw/QEAuFSDMeXnxw48cr\r\nYQImEkwlCer3GQdAJOA27dLcFN5Jb3gsPsE1xnAWo+/56I0IriEintewlIeI\r\nj61nfArbjxb6feXXBhaHn7PdgIJ2bMxz53K2y2BffVbTcFvdGP7hfpkrHki5\r\nnhVo2mnlIzOw5nWrNeKLF35Z7SD1l8dp4m/i6z4uXd1PXTaHDCHiP9TiJG+l\r\nk5Ht/PmlXsU17meSG6AmeGnntpqJF/Z4OqF43AfVarDNWaGmejJ9l4wv8W52\r\nORGmhObFJ293O3p0bF9pvwwe+SOvmDADFidmkHUFk6lDPb9ylqoZnfhnNy46\r\nMnX0HE6l5Ja5N5I9rLlauLc9kYProUezSK0CH9SsP/fd3W0WRByvq2FCkkIV\r\nYIPcarTGOkJzHyK6BLsQfEu+n6Um0CMacto=\r\n=zArC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42--canary.054fbc7.0_1669844723586_0.9086060700839165"},"_hasShrinkwrap":false},"1.33.42":{"name":"@atk/mise-ui","version":"1.33.42","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"8989563c25419f7f9d73193f2aeb58bb5a706ca6","_id":"@atk/mise-ui@1.33.42","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Wgi1Ba0gz1wJbRregNcomz+e63cZfIdERq6ysJx2MPUSxc+zUY9XE6f1T02heQHEmSuScDylSDlfqyQfm+cNxA==","shasum":"a95c575427dbba2c072b081793899ad286d0a69b","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.42.tgz","fileCount":905,"unpackedSize":2030603,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1/hW1rCGbOy4WoT34brYbhEEJ6bAk1w23Pkv+rIAkVQIgP+9lVM2Fs0gzXT6lM9ho/HBnbCVyyDVy8iYDCQb1yOw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmJqNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi2w/9Et+1adfAtrZCi5aQRX257X3Nz6eMGHUPGWLivmnQGMpL8z3R\r\nhp2Cq+vJKCNhTJP5o/iQJYI/1s3Z277eaLbPovmccc6+lbn5U6Gtb7ADUybI\r\nJTfBW7kRb/dUkz1eN8jOahlsW7XZRKYBhpXvuPbKxO/4ZqebJuh2QI6XoEYH\r\n5Uh890kGMPIIZBvVZbYY+bVdNdgx6FgA5Lol5DzO8TaZLhHtkGUsgqmnKvdK\r\nMQxsjtL0aESSUECJTTmdxgBeLqe6ECbcHNYWX2WBz9qLnZJGwTlIyLRSgPZF\r\nIy5RJpKMkO5PWJRCvU36iqXhSjRThgH6P4FNHvBWsaImzVQBkO8L2vURoNN1\r\neOXBpjAB7smOKendcRB1yEjj9K4gdafJufhEDNqgilOwp5D3nH4n9jUMIUih\r\nGelzEsTez8DiR8/Axr+t6+NzgqLTHDR/CbTrsZ54b9jnHAnTxklBQjaqc/Bk\r\n08nYWBibZWmMbEZhI3QERS9eVWkYRo2aHWTOXovZDnkrapVM2zBrOsNn0Rs9\r\nbRhRp3RX1VaTcrDPvA3o68bd729tdVJo8lL7j3cdlRshmRNw7tiWZ65BwYr+\r\nVylLT9bsMKJxBLklcxMpNiFZEGIy+YlxeYbLRKJnOFaGE5fjMehii+NbORIR\r\nlzlInayKp4go2dG0FoTABgbKeGZi6MkHjEA=\r\n=5Tpo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.42_1670945420757_0.6086489085798097"},"_hasShrinkwrap":false},"1.33.43--canary.c33b297.0":{"name":"@atk/mise-ui","version":"1.33.43--canary.c33b297.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c33b297346f6646d1f35177147da1a30a8c77f0a","_id":"@atk/mise-ui@1.33.43--canary.c33b297.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-D/gw0IZ8kndplZmCg8JwoiPZO044//bKbf8Mf0lWJgi8xJYBTpVxgbHBtbeMfwHms/Lrged3F6bm5NlbsOh8jA==","shasum":"afd97876dc9f8a7cbab1212eb976ec5cce1e4b9f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.43--canary.c33b297.0.tgz","fileCount":907,"unpackedSize":2034481,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKsJNplavDb7ThpdAx0r2DLH2OJpxtIPj8VnPGzY1PyQIhAOjpNp9ebuQxtYCZPVuH7c3OdbRXc8C3mxgxt6L6KCG2"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sDHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVgA/+OeLr9IbEaOJKfYK4Jr/O4tlex51t9lv9wONp48Z02hHLrfto\r\n49v9uL/SAbtfCTETpACTzPHQhjtAVBPqKnPfHpWr2tnsQ3QTLdBORMXZ0ABC\r\nAIad2GhrYU+51dylUBXFrf/Muw3Dxp+QOBP71GXUh8gJ9GtV1WvZKuDqnqBx\r\nfb7qKnyGyGrBHtqnlBhI5XaToeDgu/QTOWyDvy2gmIKiqUJ5lUZVsaB5Km+n\r\nJAnu5lz1S3eS/WKd8j0P4XSX+y9c8z/svUvOvsFIt4raiOrih3n8n8uXpqWN\r\nMTfZvve+rYAOCMa8UWvhVXLpq4ssuipD5DJvUPp1ikTX6dUXVAs4tb9IMxGy\r\nmZQ3Bi9MF0WuByl14Krq9v/nIkPzucyq2CCIs5T0+ht4aW+ZKHyGCDiSMyMv\r\nR9HLGnGMV/bGU7KDLMYDG051sqy+Ynig+QRQ0NWfTt/5AsLEJpPeiNFd/rSF\r\nk5km6UVdkBQWFzGdLPZKHupwGOI5WJPBB96Ibhrs60cPqDj7sGirOfCob4h/\r\nyo7y1dpaMV3RPSuPRDceQ1izVh+PR+Sghoh8D+kDv51ptiEf2KACg2hR95mm\r\nXW662PYu6DqkAiXnWBMrsOYm+kK6U+9tgY7zhW2r1aw2OGshk+uKtZfZrsYR\r\nVfXNslK00frwVQnEVe3y+Wwhe/usD4bJjxg=\r\n=4+bl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.43--canary.c33b297.0_1674756294908_0.5263463934412791"},"_hasShrinkwrap":false},"1.33.43--canary.e63b0d6.0":{"name":"@atk/mise-ui","version":"1.33.43--canary.e63b0d6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"e63b0d6065507b2d92a61efd07ed703256beea48","_id":"@atk/mise-ui@1.33.43--canary.e63b0d6.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-LLTpXP2YdAJ3IYOaKTjL3djPEzIoFf8qiFqRr1SaGSJWeeGIYN4u4ZRoYg1cr20oW0sATPzi/7Cj/V3Wzae1Nw==","shasum":"d306729bfb38d921685f5fbb316bf130209de170","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.43--canary.e63b0d6.0.tgz","fileCount":907,"unpackedSize":2034477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTZ4rEke5p4gGQxmZV/Vo3a7CU+JLS+twG+ScJ9eArVwIgHmGOMis7LqkKy6jscoC5GDagT8ugAjzJmoEn8s9Ih9Q="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sMjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbbA/+NxUP534kcNRcyKHRT//qbUEdoXU/ovbyaWhgxblGISiKuf0b\r\nReR0oUB/hFK7al19L3WKYMf2Zb4tpPfMSpKtO/xRiWSfGxztdTrAshhPFPno\r\njt6hmDaB2pioUBFuBctqD153Qry7Do5Ds01Zuy8kLIOuSVzKqBQP52x76rrE\r\nM8DYcDPg/0g9XgCd9+ewPDCeHU2nVDTQejmcLpW7dsOhATZbh+OV42ABtpv/\r\nX7iL0OHQ50IeWcc8hlLUUHW/8tZLWB8uoBIMBhQQ6Kql7QkiwuHmLCHP9oCI\r\nv0XtMNiJhlNi0FLBNMLKUekKXj1dqnzgMwhuFNruyRe8gSzXpyfmI+CXoEjV\r\npYudkI8p1mfn01DzA9AFmppO/aC1h+0hNoTR/FPpN8Rt8MPjCpL/1PSRu0Mi\r\nHWNeCMqp6Fox/Oerug1uqiGd7QY4qxQSaeStoXgIa38PfhoiKHXQcbDs/9UX\r\nY5QIzu8l4a6Nk00CrZD8LgOaoXZleVbiZfSQa9vukDqUnlVtQbej6hAvURKf\r\nshi3F6tjUqxJDrx67lfsDpYUrr6SrQlPVs88VLktSoO37XpyCJcels0AcYF7\r\n2BskO0SwMoeDgQM5bwU6tZsX8DD+36/W+EWGGJOOyggfwt0Bx8mmbmdoHOhN\r\nuAj3LYNk/tZlLHOLk51rSL9091cm1S/+1os=\r\n=EWba\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.43--canary.e63b0d6.0_1674756899563_0.3325607791722698"},"_hasShrinkwrap":false},"1.33.43--canary.daae47e.0":{"name":"@atk/mise-ui","version":"1.33.43--canary.daae47e.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"daae47e2e958a620598e6450bc5ca98221c8510d","_id":"@atk/mise-ui@1.33.43--canary.daae47e.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tGGlLDE2lKY8E2Xx4jKfZjuZzGSCNT/j4XPKWu9LugCtkGD7NjNbjXz2854obzuxphLFqoVa7wB+hPRw9kKKVg==","shasum":"c55c808c6e599d017d850c2148bd090ff679a058","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.43--canary.daae47e.0.tgz","fileCount":907,"unpackedSize":2034616,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzSTYXZsoFAOaLGmxXaqQbCvWEp8oSdSlD9+mPfAY9pwIhAINLvHtmbbdnWAyiebLUW/3UDBmqI6eJm+U7vwKhn+Su"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sZqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaJQ//fsn6aymAEBbWSF6IijLFFQDtoa9uim+nKwYUKal6LgWlndt0\r\nN9p7yWPYYvkSmIgv/odkj7e8VYM0JKvY8LaXENBdAeaFMILA7h2J3IHWh12H\r\n7ItqJ2uG9UsJqpIfQyBUjyNzY5GVZSr9q3UClqWO/AR4mpWI5uRFaJ47f36D\r\nbZ3THaX6inJCXmC1/84ZtpQJOMN9XOM7Szlk4n690DelgwEFIBF1FxZCdZmg\r\nB2Ey4YcNyWgzCXRr7WldY8nlTbkCOTpRoplD4TfQi2fd3pGhKNfFyvm8qgFn\r\nJ8ku0v1BikGSnP+tP7DTWS3GJXtFw395z5Q5HI4WaYhuFt2Yfl9jJjql8wls\r\nomae9RCthlUQiRJIHPDMGkfdIrbWjCH/S927AUcmpwY9aL00RBcCxw0k6JJn\r\nJZV9UgphSDmDIpAtiqMay7NR2dy3cpC6FL2ztACaUhnr51LYDPtNW1cp/aZZ\r\nygdwNKJkYt3ltTn/+veBo5B7Gznku1M+Sc9+Qelsad/Smquc6DxAhrlaJx+D\r\nj61E6+VCpkkPsRIqN5IOUPjMnhkd6GZyr8XMGqMfBmGH7YAoKwA7nAq06D9b\r\nRV8QqNqiDHOti3Bah2dfXqZpmut4LwVIEOeJl5wNf2usO0vo/cw9xrhMsPIH\r\nqn74Nb7C1kHTuin85FiWGNl8YappHA6KXk0=\r\n=Ptbx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.43--canary.daae47e.0_1674757738309_0.996224426358973"},"_hasShrinkwrap":false},"1.33.43":{"name":"@atk/mise-ui","version":"1.33.43","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"7cc934a33949f723cfb07f16b104d7f1245eaa0a","_id":"@atk/mise-ui@1.33.43","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-i4stNc9x2fdb82656ru2CCr3HE5zna7rwLbdLVehqgv6hOFPHz/pRQMym0bTZqKrdQAoDpyB0ZjnYx7U3283Kw==","shasum":"df40b8cf84bed0df4e0c20389c835cd960cbfbd5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.43.tgz","fileCount":907,"unpackedSize":2034869,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgbwSWuk1BnN2gyf2a7g+8B9QaiPQn7WxTCEskTyipAAiBw2DZ6g6aBmmkkGhBv0OQkK+aRkiVUFGDpK00iffKyvg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj199TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrB1w//e83YsX5kI+N0yAzBTfzLkgXz4S9YkFiy4UlIm6qu4L4p8AUI\r\nvgluMEpxq5fXecpRMLI8Ov/qmFJJ93QzYsotHQcqYgp/2Gdrq0WTpTD/Ymqj\r\ny3oktdz0h97q8Aq6ydjg2mEckvTJYLPJmzVYZo/UwfgZeIU77LWQqX/+7N98\r\ndpWGdPo0lLfFTF9aBymktr+EAGQZrXVlJfuc2WhIF3om4zRBp6ETdTwDedjE\r\nmTkcD5jBokR4os3daJuLO5j/ylm2/BaMV20Lp2W7V5AdiVR4zN1AI98E2N05\r\nLGruu7CbTYCSSqGcRqS36lOfJyJQM2OoN7wCyb5lF017oPKxGRNFZup/4YV+\r\n/fvQDET4epZ7J3I7RdJUM2u+/5AuFB6d0Bh6KwyO5N8eVbHKC85AuKBmN6N/\r\nzhCecqqfIuWJ4U2j9xyFyKQ/o+hmMZvw8cN7vS7+F5gLkntzA3ukAhRp7spR\r\nhMa4KCI95ulSdBfk9VA9aQ/G6AYS1W6vBp2F7Ni0Y/ie8PTVbFiDWcL0SauY\r\nGwYj7RF0LUsxc3COhUh4+iG4ZJGi2jDHlc1reVebuR0GqKmPuICttFGswzK1\r\nSvSfUnRRxAOiI0Z5td0aeY3DOqRciaN7uQC2dCJg7lKG6fYC6wCbpoKtFDli\r\nKQPBP9f89oknVt+6dHAn2FTH7Va7rOS6XrY=\r\n=fi1f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.43_1675091794701_0.1656422812756846"},"_hasShrinkwrap":false},"1.33.44--canary.a861e2f.0":{"name":"@atk/mise-ui","version":"1.33.44--canary.a861e2f.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a861e2f4240f40026595ec1c1c9247faf5f30e0f","_id":"@atk/mise-ui@1.33.44--canary.a861e2f.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-QZXNq2gXWzL2F5JBHk91PGEe/HTX4PzKKDS6SWfVydnqD+J18H6oG/M9bey93k0rLbRHDFr/3PjSJpMiEHCsJw==","shasum":"14d3b78c5d7562ea3e2bee0265d51821688d1b43","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.44--canary.a861e2f.0.tgz","fileCount":907,"unpackedSize":2035957,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGV3JJnotes9QjaHx9ZcS4QgAYBW8V7Bii6jo7lcEN/MAiEA1vfHHUXuBrHDC0IfubTEDRMKVl0p9i9lL7RaVw/9v70="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4RjEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy6A/9FDemmjVDXnfpylk+kSSf1P6AGV8Wmg8E1qbzDMQHq0j1pklc\r\nL9GEPxaWfYYJ/Jg1yO9jYHBxWPL1+W1ZA33sa5s/pdiPWdtk3GR0NDWRQ5F5\r\nPT17RBILU9Wa1f+38mKBeouxJS7KYZtsvelnyHmORxCIZ5LmjbSdMyTo8wo3\r\n02v3WMUHcz1LIcgv2pM1dbvOO8hf54jlslkPHjg1T8GaZ+5nvP+vmXaPTxMb\r\n+4jnFabP1Bb7r2YK3zJ0m7bpiCC6nQf3G13bPk03EiYlZmyIz7sgDGWxB8jb\r\nzr22yNczkymUKPAqXs6HaX1w+hsIeVDZsYXPvy5sKCgQXzDrLBJBEln9HzGB\r\nz4cp3P64EC8qoNDMDm7XpxSKsyWdC/0sLmXtrTFCgE/5ysDmo62SQoRXsDSR\r\nGdIbVf9eLe5T4yVY+3iBe40uy+Ssllky6tQz7GIYChgHsWWGV6C+IVa3XAL/\r\n487/B5tEpiSSNvGpptkPPjrZgITCAwCoBkbs3ZRDLNPJj2Krf56+mKXRMk6o\r\n/vGp6geMh3Ny18LRnZDuj6B7Xe0NFfIQzuo03x+2LmDOu8If86JOoC+gfFM5\r\n63ZJtq0RFYBc5sy8zrjAyyWxFz5mk+TxuO/7XQ9ZwjwRmWrv3gQRA+YgM1+Q\r\nWjJy6NfTZnnzetQ+K65nlG8iz4yX3IA4S10=\r\n=UHhl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.44--canary.a861e2f.0_1675696324644_0.5207701979784534"},"_hasShrinkwrap":false},"1.33.44--canary.482efae.0":{"name":"@atk/mise-ui","version":"1.33.44--canary.482efae.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"482efae599e98efceb6046d0eed565f99064ed97","_id":"@atk/mise-ui@1.33.44--canary.482efae.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-j3u7C+GVJH7t+zo7Gm6ia7GhIXPWs6ylr/RTm8BAWt4u/+k6xxcUpJ4DiaiMpsPptmGhC95jcK/clGbKE/Q0rQ==","shasum":"0420f072be0357a0e488f6a77e980dbf6b55c80f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.44--canary.482efae.0.tgz","fileCount":907,"unpackedSize":2037049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGBGkpUwdkCIQTsMqF0kqTBdCEgG5kAQOWVus/5GV0NuAiBPtXBEL8lJEi4dJBkp7f8CNYjqkV7sZYN8D1+i4L2vGg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj48WwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDJg//aO/c7Fj7VxkOIJ0sHoMecxxIJeGSifTY1PaNM4MUZMXGPKpw\r\n37wevo8RhkkZJW6V8QPcEgUaQ0wMAjAFHt7cQ+k24EEYTeladcN3hVSZRg0V\r\nuIhPZ7UVCy3QbnZGBGCl4rJjNiKQm8/r6P2HGs7kEy6Nd2TQLwbSoT5fSCtD\r\nF004nn44LpF8WUA4pd4Kp2M5V4T4VE7JGVsWhTJxo+F8sb0fT3NeEyXzSENd\r\njgfVRk2OP6DPXAIl/j4gbmhACR7VmYHxI/67wu9tSXNyscUcwzioVZpAIalY\r\nQcQSSTlsaTIXJzzYqfjaXLdGxqUxHU4ZfQjj40iNxbTp1/D5S3uZlUVtI0fh\r\niv8gVHOuomdVDCIgl2NjiNSSdG+KnBv3TqAtI8uY4ToUw0vV4/xxTWhELty+\r\nx06ivDLd6zz7spuB7yHt+/k0ycZSZqmcKwRjwaXfy7wGJBL4dUVg7ekEPcjk\r\nSl3/jy9iCFw4brsJKZyNMEOGL8hwNlEcA0VMP3icDN0PoS4W8zhdThh0wp3O\r\nNJLYfJOK5U2/1YLgLmKzLCLtgGJJ5DWpShaRGHoLrHiwadzOI5GQTZ3JyvC3\r\neekNGvxj6R6zbQvT9/koODTwx31bJvCVy6JJfl+z7UgIbiCvkHkiXcD8rGNu\r\n3fZt3six7ztH/D8yitaZ0Y6mG97vrUknPoA=\r\n=CQ5n\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.44--canary.482efae.0_1675871664391_0.7325159147293292"},"_hasShrinkwrap":false},"1.33.44":{"name":"@atk/mise-ui","version":"1.33.44","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"20754854c89b35e6343413ed2b08187f05867732","_id":"@atk/mise-ui@1.33.44","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-i0kyw5ZuTgPLqUV5ilhy6evNbzTQFoqkp8dm57QtKxa07E+/dWEO5lbA9M6eqJ7WO9NUBl/Kr1Ao1PNAhXqu8Q==","shasum":"0df0c4c910d3f2c2078b6964cf5da7a33d79cef6","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.44.tgz","fileCount":907,"unpackedSize":2037305,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGy9rVEx4cCVxRxMeEUTFfvKRJRel9SZCem5xNz5YOWGAiEAjTthMCN1MYBcfjjbJ4d94PlRXivEKKYJDNHKxFWOAvY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5P0pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNQw/5ANnRffN6CssBAp2xqPJRl39im0q8Zs7PFC812TN3Oi4t+7tM\r\nPyXvc/Gd1d09eXcOQJ+D9XoHb2BuIiuVqxbwaRjTyckDoR+NJETDF0IkPxZj\r\n1C2F5qOUQwXXJTqPA9uF0mcQlPsJsGr4gxMWIzttUPjpSDLuvymBOul/ujye\r\nMWoi0KOLcdJcx0Dg96lIT3wHOGnwT10fFFXkXimW0c3p+7/NG9imHAo3cDdm\r\nd3Ddm8szhMFUUuecSwNOIUslBt/rvVZYFeNcMHfgaVcSCSNUqR0Sy1eKLBhD\r\nM7X0fbtj43NNoTBvb0lOOcq5Ca4NGznsZeVTnZt6CGbzHG0nQZi2H4q54U6y\r\nU4baL72WmzWbmqEYxQM/Yfq5w/qGdBSnYKxyN6Ci7AzAgfq9701qL2nPp1h3\r\n0PHu8ptVjyTdI99zZKy8JLkRBBhfxRbXPtynftjyHtzN5WOBEWv9cB5+BeNr\r\ngaPrk7zFcLXTtU73rhoC2sOGJx196YgWNud1jGU5kvqtpKVQsrK18cV5qHua\r\nMHHp7KOIspcCuGRxUG2qTGUe7XZ9WstuvxF5QHp4bmPmGLTT36E6UAP+njJF\r\nRdpIsvOApgyy4UFMWlQ7oTiLvZNmNPBDl35yKKydsPy3F5KB8XHPsgCHmdKi\r\np4TV5twPo1JLRqrqvyoP1aSbEVh0ud8Zdkw=\r\n=uNKI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.44_1675951401678_0.8751408145614332"},"_hasShrinkwrap":false},"1.33.45--canary.a12bf38.0":{"name":"@atk/mise-ui","version":"1.33.45--canary.a12bf38.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"a12bf38bb3b39d46467cadc2499d700a193f3780","_id":"@atk/mise-ui@1.33.45--canary.a12bf38.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-iAfTHuhEchmu0fA6gJ2uV1tUDryL7srR7caqFUHdevdQj84DqBXzRxJd+4bhrzyTyqXT/voscPp16SBXSc9Q+w==","shasum":"1a3425b5860cdf9a06f1c356f9e4f1a00d29590e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.45--canary.a12bf38.0.tgz","fileCount":906,"unpackedSize":2017927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY/rgZglZ3Ydo7ioFzragD4TsfOW7vscFZFzLxUL9Z2QIhAMf7PLW6sOsgPKQTszx3k9QPGWLvA0DDnDOILvOaEOHo"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/jC/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdhQ//QZQkmyufosL6poF5aTIuMOo3DTGcskcDzE25sJCi2x7GDfEa\r\nLdNZ0f12tX1maygkZcfDrT4V1aJfe6XSe41XmcJyJsVISms7lmSAF4m+/LWd\r\neTFANtgKaUfvSrZfmEmY9x7cXWOOA+enK6jCoKjHfrPtKn9Fi2VJnhu6HKMf\r\np/oOSTMon4x77uzVpUj0tRFBuisp0rvRsSWfnKF916xUWiTPojqqBQ8ciNpv\r\nGDqnTY75SWBNcUAHI8IMccwz2k1fDeXucC/OJbkjihsQGLQ9p9Z5kXd3xTgI\r\nUGThk4EQvJ33eHlmOEtJFggx4f0vjX2ZEjN+hICtHhVFhRVwkxRP+79ziAHL\r\n4MFc6Mbc/GYe4ENTm5Mv3pMd3aQ/+TjoDUYDamu0EPxxb9dA166cizVzqDFx\r\nS2y+WdN7I0kAfT5rZAiMoK9SlNaFDpsAbLl7mqbPO9afMC0IdvquGKshxQbA\r\nt/f9YaMnNmDCIqgwfgYd8UBkFaqTV8pYkjjn2/b0EdBbmKidxa/ZA9wOkvFp\r\nlt5mf0NqeSyXb3PrxPwqquYYiv69aQEMSwsWlPO8LodE0fXWEMZqJFP5vN3j\r\nelkZQeZhI/JcUGGrnH4Tv/hz9qSiRyVfPpk/4l/uusys1z6VBVx11Zn8aarZ\r\nP9A8qCbG7vzKgs7tDhN33UbXNApH/uCJArI=\r\n=l4ig\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.45--canary.a12bf38.0_1677603007496_0.577569310530675"},"_hasShrinkwrap":false},"1.33.45--canary.9657953.0":{"name":"@atk/mise-ui","version":"1.33.45--canary.9657953.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"9657953b79744a4892d90398e2a9b7d8c7959320","_id":"@atk/mise-ui@1.33.45--canary.9657953.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-OJDXJO/sG5n8twtkAnanyjqEwh4LP6OFYs1ovv8dBzfnMZAaPB7G5u/g2My82AktXlHNLYDkHnLXZJk4pvc1Gg==","shasum":"5f9526bda4e17b163080b14b7dd4a6fc6419075f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.45--canary.9657953.0.tgz","fileCount":906,"unpackedSize":2017895,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9KoUcLHPxTu5pi2y53zqZjAzDBcx0r55r56rb6Bdw9AiEApYfMMhiUNUnK9LOrPc/G9Kq7Ku77XC44SPASPRu1wGw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/jyoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrx4w/8DojDirPTFjgMx5i0JdToRdhLhyvqX+LipKFjggx+v4USrKpR\r\nKR+vTgeMRgiedBFlR5pGSBptEo8pvWuSiQuyhgewEBeMyKtl5w12CncHosmo\r\n83OuiDqgPIMPv0LB5p2JV5vDHN0epAjYweKTttFuv7COZc33653lweFhTvVl\r\nwxhaby5QWEnFp7WIwi+0ohLE2aZf//t4GaOXGLlTqDeMziczV7FBGgCE4/HL\r\nQfKy2ZmXjq9y5WJhRAbO/mb64bhLqJOjRT29pFGiU8kS1dTDI+BLWNV9UEmU\r\nCYn77S1n5P0pmbx8Xutrxv8WW+8lLPWDbyNPtgDh7as8t6mqEI2cGh5c65vy\r\nK0q7UXrN7GDsXfNetQcx+oUuBXujVeG3XtXRsBNY6ELsnOTngjlvbRNJgUuz\r\nL2Nnimti5AlPrRguJXFs6f4tWjQrN8SRUPQiPKXtTVv0BF3zBg5cicCZUV6K\r\nhLTbt2LKBK7IFYFmjBv4cBUESZOGEQERTagYeyMBi/T1ITbtg1LKQK90/lgI\r\ncXMPDtgf4Z+lOK2jXdFs7qOR8X3OcJfQl++Tjf3ki0L3vRv5zj5cOtkdkwjW\r\n/I7e0u3pqssC1DoIgA5hFkuCXEGbpo5vm2pZ6EepzdH8l7hHcN9ctHdchFa/\r\nYUZQZuS3EZoUz9aPUakL1yeUFxpIB25fHNQ=\r\n=F3Hl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.45--canary.9657953.0_1677606056252_0.05524638282878325"},"_hasShrinkwrap":false},"1.33.45--canary.d6d816a.0":{"name":"@atk/mise-ui","version":"1.33.45--canary.d6d816a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"d6d816a95f82d5550a1ebed85bc38254700a0a58","_id":"@atk/mise-ui@1.33.45--canary.d6d816a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-PrSoQNrcu7WQiHmUh4EeqpUu7nopkYspu9Q99X+R2c/5vK+7Vc91dNnlwZBb3XR3cjgkW2KV2Khz66wynqmdIw==","shasum":"e530ef6800968e4d18200f0678d1873b78ac8c06","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.45--canary.d6d816a.0.tgz","fileCount":905,"unpackedSize":2038497,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDahwhpQK45atj1YMZfXqxL3plTVU/WEL4J2BJikKTOUQIgMZgsufShC4cm6or4pJYI8/LP/KXC0uICd1cN4+aNErA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAM/2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQnA//URMXQktHauQKy+y0wnvgHMUdFhy0g74WyAhMx0AtC9UKiS80\r\nSBOc9pbBSD3mkJ9V/Q3QLroCn/KligJWPsI/SwcmY0NhFTWzH50huQohLUle\r\n5UzNwojYz8c/SwrIGri/eTc7n8iMhpMTxSTHNjAjBm+Utr4p1ea+ppOt3ayg\r\nmSjh/AR0xV1t2Jd2YsTUN90rC1tI7as9rfAJSLD3GZ3msqnQcj8/ycRqUWtd\r\npvHszMdzVi7oKbhgFE1RmXD8lnphuLW5QkE0OPx9+5k0iguF5H2YcQI2iwVk\r\nh8BPI29b59+HlBKdC8TBh2LvX2UDlvNhdfXtg9nwieTs0W+OKsK4iPbmZ0v/\r\n6BoK5FmF5bzDjXWUst6jIVILBdcNPPCzFGvw2edGKMLyTo0IQukO6RwXRM6+\r\niBLiDOtSnheW592ryJtAHd7/AEYean41ytzTamzxlxkTkqepobCNpGwogHNm\r\nS8UsKKSMByVyak1YBOcgvnTbi4l2SZNGsRCPMAeCV0UHu8h3oVsJKsPlVYTs\r\nc1cwDTF9kOy+W0uuYnqho3XEETR/UIhsbG5AVPfeq9BfisQj3DY4V3PXXrqY\r\n1tearANJskeLwdywgSnCKMsg4cUhASXghJ6AvKCAENkHJaI5176DTjs2Mfmq\r\norqA/6MzdF4AQYwwosThYWdfA5C6qLYwi78=\r\n=tcUC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.45--canary.d6d816a.0_1677774838374_0.501792026640848"},"_hasShrinkwrap":false},"1.33.45":{"name":"@atk/mise-ui","version":"1.33.45","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"4cb9b08147781764f904c98a5d6b9bebe1094f15","_id":"@atk/mise-ui@1.33.45","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-VOo7oYdU0LVVkd7YOPWS6K4d0JMEWFXbEwNY47L3/4TuQss3KZTAf2utT2zRlHUQpUdom+M+dtcOIGmp0LJpTg==","shasum":"1969fbcccceb5685391a34769b048498b0f203ea","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.45.tgz","fileCount":907,"unpackedSize":2037748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBF/NaaLBtNNilvHmr1FlC15J0+0zlt8X4L1t64IkA+bAiBwC29LntF/MYw49SpfFf79IB1+10EB8/YNHpnIW+kPZQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBgiVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyhBAAiwjje3dmPGRSlgsgsHnsK63d/xxgSDYfWVxPm5nF8sfHEsrA\r\nLdD7T9nvBMRwV+bCGqoy/5eLbIKgM6tF5zpeTqGJ/c+UhAzveuQcj+SCco1C\r\n8xVsUDLwHpPg1S6RKkadmTLeSoguADk8M4a066Df0YCBa+JoBpz+JlV2CPRP\r\nAVMpaH8IjypVSKWgGhAUf3EWo7rUbVj5Llyl45boXmZ1q8XALyWtZeQ1qb99\r\n/NEp9oYd6OwfukoS4vvhOwCRjq3B5/OQ+kA0CW7CIB75YIi+y0EmmQ7X2FyQ\r\nK/gE8D43LPP/J/qGwt4tKC4LpQw5scvz/fqbJ2UMBpOCUDWLrXENohINmkQA\r\nmJRtrVRdgrpFFd4v2kFLexXyKHPw2xz4mhGXDpZRk1/Y7yclVeeElr1ZyXbz\r\nqesLZ8OP/cqeNTlKDZgIFBjAvYrvoM03NJ3jsq4Zttk6RfWYJhT0uwi5Qmsk\r\nZ1UzGozahClmvN1z6M1WFpBB+wobU3yBCF2MA0YkvT7AIrqfr2lRCsSyR8ci\r\nBYyPzU5QUVQqxwvITCALPEtAfswdscbaJrdOhIQZ+6RvIKgyNfaRF236gMBt\r\nEbIPl3ykrBDTEFRpGfNRfI6CmcOQsVMAOXUNk8R7ut+/FMogNwQcGH7WU7ez\r\nhw8ou9bdSTu5+u41opF3EK7BTYiwxTPy/XY=\r\n=CsGb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.45_1678117013038_0.04469636548254874"},"_hasShrinkwrap":false},"1.33.46--canary.0ebd0e9.0":{"name":"@atk/mise-ui","version":"1.33.46--canary.0ebd0e9.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0ebd0e9ea485d45a5a89a996cc6f0bd6cb7bfa25","_id":"@atk/mise-ui@1.33.46--canary.0ebd0e9.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-L51izbl8ukj8gA36J+FuBybBv8YhRk8QscFh3qN0NbiCqrc2sWhenIwTMQqHNH/fw+we9NWMetp/bFmLgNkmZw==","shasum":"a334c5068e06c52e99ec6f734b4f8b35166522fb","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.46--canary.0ebd0e9.0.tgz","fileCount":905,"unpackedSize":2038908,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBdAUNvzVsLSPkIQbzDxy8Xtr+hT1KpF99v3N4GxpEgAiAcLNQdUychIZlHUCKd9joQa0hg/7EN7ZbdF18TFFt+lQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB7SlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaHw//ca0Wr+RB2cavX1fyqZsPbtB/t7tP0/5xolLExeO0dony3KwS\r\nz9gSBxNtT9qvULIR+8h9T2ke0LkM3DzP9GmZbVJVbQfn9hbqy3arl57NVmDc\r\nnspkqKcA2WOe50hFVVneKjVHTbx7q7LhOc0pdDy45JC3gFPZlZDECpmbztNM\r\nPnjMQC1yVN7penuvF2OWuUjnEXHHE5VBntM8uXhYxiXlrNJTyY4+7DmS1Mk3\r\nQb/5Z1O/RkxpYUGcwHDaUHzIDapRQdAg1ry6P2bFFA9RzEqOk8+5ikOxbXqb\r\nicCDYxXV0+qIZUnmv0kIqf4vepnh9fPGR/kxEc7ByIWqivyp8gn+fP2b9hmw\r\nPJSagEAyuMOgmlf+68KkeYEhlRz1baxIVMFqXEfg+PDOOO3fji+0qH8s/m7N\r\noZpdfC8YKlIe1cZk59CoFosQIO83hSDIME2wRNhSGXTaQ7mEBD2LdmqZmHyD\r\n+WFfMgXRhSygwigkaVKmNObOUi/VNuGI3bgsdB9R5WoTmT4xRNT2vttKLaoa\r\ntWDGrmTZxv9JvXU/vD4wBOd08K3Pi7NzOF2JeQVaxKQg3iUZzMHKZrGsuV3h\r\nQ5q6jKqMNlJZu8Ek0C9FRb2R9n+MaEflx5ztd94vHPKS/mve+BCKE3hHG99J\r\nPd4YOLJ7PDhUO8fUoYRWxYTnDZfQ1AkLR7M=\r\n=YN/N\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.46--canary.0ebd0e9.0_1678226597243_0.921566018608726"},"_hasShrinkwrap":false},"1.33.46--canary.0d5b1ad.0":{"name":"@atk/mise-ui","version":"1.33.46--canary.0d5b1ad.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"0d5b1ad5de36c6efd447c4c2f25fe9e3511e681c","_id":"@atk/mise-ui@1.33.46--canary.0d5b1ad.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-v+G9KEEBu1WlwllDNIqla/ExJh55n5iVSYQNf206sRgDME0VbOS7nzUlM/KO05S52QlO8eql+ZV1Z/jIyD4OTA==","shasum":"69103e7088fcb74c8e9fa8ac3ca9e9c777bc4c7e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.46--canary.0d5b1ad.0.tgz","fileCount":906,"unpackedSize":2018365,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDU9PRlUYmareiM0BCuLY0uTJtNc/Q6IMsNtkoRwbropAiEA5vp6w0z2MQ0zME0F7JWs1sg++9tpnI4kYV9kZTuYdQU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCfTpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSWw/+IotjAzHjRZZWmVxV8rX0fROyipbn5N4hMsmQLsPvB1Ctd8b2\r\nEwpXi/UwYc7L6hNqhpluINNj/327mQycQfpIymuHP7mQzhjxgLAwahLLImKv\r\n8jiGQp/42jNZXuprR1VPoCSQ7SxxBYD8jLjLRQXv2F1DRteG9HtQCzM7CaUB\r\n94bTKFnX2e4Jx3o++pjYsQLFEZF1YL2MhlhD1GWXtkjdesRMH9qrvifkCUP0\r\nKm6HmE+LGgtSNklfQcf9qa54o71+pOtxaXOHjbMZ82zp2+msoURfffzvDXwm\r\nUvvlqW+6SZ0uuIkZ0dZEyBvTs7hiRfwgQxdUTzSuUB6jOHj4VQ7sIwqfszlq\r\njThttNFVKA2yz7Qx1X5Hvz3/Okm9sixj7Zls0dRokK07QvGTa2tHY1LYTon5\r\nXyEasH0GtQnEkZD0MqX4JHTkIDEHA/TrGXU7YYP4y/lgV9TbjSGTDacyA0PD\r\npvoP2hr2wRmY44njSrub7ugjHKs4RAGdmfJk95LcGaUfIzyhoPJhIQwF77v0\r\n5yuqwg+tXe3oSAXxaH/siLDwug58Jdv0ay9nXT/11dg+4aKT2b98z2oIT9qB\r\nh7LsiMusYfpUTkVpF6ddJ0rkgT5jpZ7vjeY/rnSKjWq4sXUfXw11vv46SzTW\r\nRc1h8vvYiviiMybT2lt9m9V5inpixsPas/E=\r\n=5/SV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.46--canary.0d5b1ad.0_1678374121632_0.6896242431361153"},"_hasShrinkwrap":false},"1.33.46--canary.c138a23.0":{"name":"@atk/mise-ui","version":"1.33.46--canary.c138a23.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"c138a235ce75d01a79adbbb3e706e0ac9eb30fe1","_id":"@atk/mise-ui@1.33.46--canary.c138a23.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-dOJqZLRWyi5qNjqmCMp86SgT/i+/LwfU6PhDbju3DSeSo06QJ40TUQgcHA6KdpJw8gra9VFIaMdP4XcpjkPzpQ==","shasum":"734b945b08f1f044da8c4142baf23068dba31e5e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.46--canary.c138a23.0.tgz","fileCount":906,"unpackedSize":2018400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIER4qRcDXn3+z7zGxN+s2zFtQpLkDEHwpqhl862Mec6CAiBNHPRiRFZdu3ZAZfyRWJ4i2gWdwuTzuSoi38aNmcJSOA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCiSbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ9w//XxMhuYXz3IXtri7Jk+6PQHNAnM9F9T7LwAa+M3ueGrktQWCr\r\n2kNQkHC9o0eJQ1KF/bf7k/JS3oEvfWy/cVMuaDANaQYrDDVlHBGmFleXBQww\r\n9djYTlLlBkkDPPReT0ynnSxFJPLvo/uh2Lay4Ne3yN1lSBW+aNZOzzI8vXMP\r\n+LxPerDa6e4vmjztmiGxJOJOcw5+Tt6Zl25NTSdMEGns9mxFib+aMh+fTM1l\r\nul/Rx2ppdq3GDgq5FelcesQYbnR67CNkunFeYEErGtUexuBUsRBmMH93tFmd\r\nsPguITGsCobH5HAMm3gnyyw/18RFW6WktdpUlRO5+mVT6i/pzNX808OqfdkT\r\n38XKygP694AJ7hponpEJOCdmdKvlUK9TTa9bg+IsxZeyDyqvLi/kwHGonzrX\r\nQZrguzp5BJPRp1S5ZAtdecXwlJxRRIEB9pdK6Vp6Bo2LeDPa9J7iutqhavws\r\nIi85ra5M4ehuesXVRDqKtuZhmeMiVBsY1CI7aDvApz0qE/chGe79pRyg8Yrl\r\nQ6MZ1VVgEBmldBAzdpBePEy9/5NeSJ6yVFaPpmzKKEMTZ7C2hh4X0x08aL8O\r\ncwNrUPNJ5QghMwvtA7Qj5H+x2jPn0x+XZKf52QaTrwsvfTKMqut7W96X+eMk\r\nX6iN+LknTRtB/GlzSgWOvcCM8c/UyaPbL9A=\r\n=vWK+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.46--canary.c138a23.0_1678386331374_0.7235112931285996"},"_hasShrinkwrap":false},"1.33.46--canary.79940b6.0":{"name":"@atk/mise-ui","version":"1.33.46--canary.79940b6.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"79940b61803e10977c27b9192a298cb671635e8d","_id":"@atk/mise-ui@1.33.46--canary.79940b6.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UR6xcNBjZtIj3NJMJpkd8qIhW+L3WXs0XrHlXzwYqgAlLEWvQLJjYXqO5nz6tjFdrfyfZ1Ia4vZP77Ll1E0Wng==","shasum":"99e1d0a73ec4b017c0f45752df14a6c07580e344","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.46--canary.79940b6.0.tgz","fileCount":905,"unpackedSize":2037620,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuwI50anUFGMnfoTHXemxaeNBZpyr/VAbngyqQGLij3AIgJmkJZbQli6EJQ/6Es0ZwzW9s/ve+HfwNggUkgZs7OZo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC1iaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8WBAAnxtKANIK+Rw05YEgzSTsAce5DcS4gQs/49nrRZrPp3wDjlkP\r\nigtJT5+I6qa9A6M1ghF0VflRTHYgVhsOsk9+NJOovx+NnGlHQxjLTbWhS4g0\r\nuBohytNvp90rtZkU7howSeHZFXJ2r91c2R03I+7yEqxMEqNYDyEsqbroc5aG\r\npwOsZiORBMHpjlruvwYwQ1fxEpMFRY8H8s6BvGT2PLiXuhvAD89545GGG0/B\r\nqeofAxNwAo6webrhykiigjwD4xHgwJDo7DLsi8+E58qopkAl8IdRhWvtCADH\r\neV1szgoLU6zJqFR52A068/ACCv/R5joyVdLwiJ1h6VH+dgnIhWMOb00s45Bl\r\nUZyemns/dm+pXPsqo7NrQT2LAQm3C/00BDHXMT7AAo/9HHH7QK0z4RSiE3bO\r\ndXr0E/q0sd5I7mdNx/Tq/+BLyERVK2FTm9Bxvi+RyTbDzn+uEzXmqDBRfVJA\r\nt3KZwS/HsY3Y9sqaXdnsISRe0sC11JoKHMad6LKCv299pii2uzLGVvaOKNjc\r\nZdyX+LGgawH0Uy6r/qbzIipqO49o30UDJvTMkcceFgrMPMTDFrOM1i0N52Ws\r\njyNJeBDU0Itg3+qqfQ0+7nOdHH8lD8UPKKEKG4F54pjYFquZOh3sxg5dUNwX\r\nghtnIfX//8ukuUpioQolgC1C3C87HyQxFeA=\r\n=LsOb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.46--canary.79940b6.0_1678465177842_0.23088202070376052"},"_hasShrinkwrap":false},"1.33.46":{"name":"@atk/mise-ui","version":"1.33.46","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"d16d527867b4ef8bbdaa1d114f621f27c9d76e7c","_id":"@atk/mise-ui@1.33.46","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Eg0SCzXHU6nip6RdzUyTtLoG9cfgBKdvX3Rf9LO4R3WO9kHDFOmpMgDvKyl+13Dupm19OfM+7SATV9sWDEaFOQ==","shasum":"5a502612524dc06c79c48a19eb44f6cf06d52f7e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.46.tgz","fileCount":907,"unpackedSize":2039817,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFCQ6n3JAS/u8Szh8V0DvSahG7U19ERxmC9X6BYR8toWAiApu9sb5ABflIi3CQUu9FBis9ez6jZ8+dZC5RFlDOBe0Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD0QXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Ew/+O0qJmN5Q/b8Ged6Yel6Ea7QqT4RwYMXTXUvDKkUOTE79UoP9\r\nNFptd6k1O9Ti6Jrqba4wIHRiCkHDw2CL0zU4HF1QF3EoTRJ8rWlj0RsEq6no\r\n6U4AFvXgeB3LZMcTT48RA+gqmpd9BQWIgrRTpKiybIOMGaNN+GiS2vg6QQyy\r\nHV4RC5B9j1xVG61X/cIYZKCyvPpsIOf9iKAvcWeKpZ0+U3G252v2LhqXiG+E\r\n2rEZ7PiSxZ9I97sGUQc/QMDgJrPcSZFpPdVW2NeWuiAETdz3vZan1Cr6dkAd\r\nn3WeplcWXkA0t3J2J4ARsyj3+KVQo0K8bYduDVyxyB/nI/ywPEamPNPqo5Cf\r\nndbf7HDbKw/givqmdV9ovfjA1MXEzPxXMr/irDH9v1yQqC8wu6+Pl05tBxmE\r\nVRpZTikt0SrT0HTe1A5fFM6l1Y4nFnfe43t7euJ/yXuD3pH/BVVIaC4aNuPJ\r\nz3dlSileXqdOGWBt9L5+UeQXHTvJNYpJHuEV7l4duGlS3CrlO3WMespJ1Mpm\r\nJ/IbxVoRt9vqGXfGsjE0Q7sNJGP/w2daSDNwpuOWIp0UuUJI3c2OGoD2ncER\r\naw9FVDKKkpY6gsyQD1kg18Dy4GoeUGO8VQAZhtOHoJeSq1kKY0xi1BqTT+fv\r\nlSzXF2tlGiQG9Rhr3LQZahYWcv8aXyg18lc=\r\n=lTj8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.46_1678722071045_0.8447582011412882"},"_hasShrinkwrap":false},"1.33.47--canary.3e31003.0":{"name":"@atk/mise-ui","version":"1.33.47--canary.3e31003.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"3e31003873089958cdbc8a0b774b28a9d0ec8f36","_id":"@atk/mise-ui@1.33.47--canary.3e31003.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2jgDN/Qo4Zn0nG5ijDKAueO4amfcdlHVGTnSr/eLKnql3hcWguokG1NXt1L/8x/a8a0ohlO0yGJWGvJNTe9rlg==","shasum":"7c83208b9824cad9397237239feff73a4990faf0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.47--canary.3e31003.0.tgz","fileCount":906,"unpackedSize":2018483,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE6rQ0IAtaouASSDbXXQUfVa/GxwgIaruvqCBCXHAY15AiAumnrVXjgU+dBPzUWC/NyMXtT7cDbdfo8nf7bfOsnQcA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD1D4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpigQ//SRW+YjpncyKNQqfeEf6OpWsIMiuSX35+hTTxbU2/IvmrciBf\r\nefc6fS9dr4Xh1RH55zdPNJgIrXdn5fhUODJbSzlCrtuQCENgPio0DivNqTUY\r\nQ+QLkKSvTW/vb5rgKj6pcNE9QDJaxd3wsgkbI7pPA2EyzDKjOCGNLU6/4smH\r\nEfBqSV1w08sbShxlK06Lx9xk4j3UiqOsmgWcigyFExyR688RTSlA43GUY+Of\r\ngkeGlMmGxa3agdXEIrGJS3Lovi3IneyIkTItRm6wa6odBi1Uiuep4n/028z5\r\nBWJFCIYCZlKcbYouAgtLFuXjQZwj1HyMQ3fb6DZuRjE6zWx1Z80BiLAjvLOd\r\nHqI+7pCdRpGvd5fxqXYHKbKuF8Z2YanpwbuSijxyNo642k/s5jMkxyw9GerR\r\nsfJ40ass/bhbScLxavRLkYnGRucZGYF4IW29y3tPN+eYaejLeXetA0L9BODF\r\nLCkvAoJN0qFkWNhGq21/IAkEn7LUWhMMeYtCRP2BXtDA4e6ZNUIJLEr2SzfS\r\nF67ENylRo9FyeLWcXMQxE8s010uKwARwCLIONZorqegmK5yayM55nYPY0pz1\r\nL5qzihZ9mujN+nO2P0fpf842jdK6uCI+nouSAeAuAket6bnN3B9Jn7AI4Hkg\r\nztNXhNQR4lPUr5dargWFv0+sSyXtLImoQos=\r\n=fxNl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.47--canary.3e31003.0_1678725367675_0.5891107309204033"},"_hasShrinkwrap":false},"1.33.47--canary.2b45824.0":{"name":"@atk/mise-ui","version":"1.33.47--canary.2b45824.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","types":"./dist/index.d.ts","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"2b4582470abd88a45812f9303f73c273580b60ba","_id":"@atk/mise-ui@1.33.47--canary.2b45824.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-yybGXJ40D7diNG3XMYZd/jctOSI9wMaQHgY54cRgCuC7galkiMiscuNUDW9Rq6Ot+3M90mEFC/maT3NciMkCQA==","shasum":"9b397cbf0b197b93999f613f843b1095f7160226","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.47--canary.2b45824.0.tgz","fileCount":906,"unpackedSize":2018503,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfW85cVUZQDhg81Shkxpvym1vfhIwKoGOJxV4YJU2EcAiEA/HvOZvwqWOYchK/+5UgStq4F3sXRS1Sp6vSBx515oxM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD1wVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQGw/9EeOMJAmV6F8F9VoiYHwGWsXIGFgbrUjZBgBUxk83ZbXF6hbo\r\n3zk2eqOav49Lga3RmNedQUvTgBd7flad6NIi94PsYK1IwKu8JnLsZtvipqvL\r\nU+IKqzOc/PEOWSvfZwK+zUc5QaU3bvoDEIhi2+4qTDRXMd54dRWJvC+VXljp\r\nPlS1k4hfits8Bq2V4wnLiX2xFlftziplLI36Yywk/UBLFkXuKThiidZxqDSs\r\nBWh2GKLW+2KTgcw/zRjdMgb0rQSc7OcWlFtu9hMpb9JTrcbYkVQz3hmmDTn/\r\nbuiklET7iYt3s1NXm+SdTLxVWcoPiYz8qdspiQhLHa+j9Kdny+PCleHmCCKV\r\nXpliOJaYAFBo1spvZavTAYnNYNnrP3BBEvYtltMp8eo43ngYdT9bsQBWkSAe\r\nw9XRm0/nw2BWUJskx54daMNbXzFPXeiEc7IYEtBk5oKk55szvr/lOajAlvQ6\r\nIRA7ja4W943BeDty3TF5tIOv31jx5R30lPrOHiIK7sbrzwTCNJCTvpWPbxnN\r\nIdv0YYxuY5JAWxUScfwFDHzzhJZnTyahAMgxWnrcy9URq8Dp9dphBiV1JrMV\r\nVz8EAYvnWmOaioHewGH2sMLKyIxq2m9TX30ct7BCudbvkC8e46jHh0MevXwR\r\n9quYUZTl2sPt65JB4vYcggXQvIZ0VU2IM8U=\r\n=b2ya\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.47--canary.2b45824.0_1678728213619_0.4075755039740665"},"_hasShrinkwrap":false},"1.33.47--canary.162970a.0":{"name":"@atk/mise-ui","version":"1.33.47--canary.162970a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"162970af5805e71da6eb1d7a7fafada407883b77","_id":"@atk/mise-ui@1.33.47--canary.162970a.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UjWkqcEulckKB2VN147oAEdRMZsbjar2z3EdARBvXI/ZGfirEb08kD0Ihfxyli6EWWN5PXWv3+DCMwRRPclm3g==","shasum":"02a9e1f360fc28f506e75afaae31a036ba91b596","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.47--canary.162970a.0.tgz","fileCount":905,"unpackedSize":2039091,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbmH3n2xvXiENSAgqWI33x71UEFuLwuxyGVSl0mUAygAIhAJiSuj/+rHsQc+fHBb2mxW9AcoOvB8K1SYckB1onCPUy"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGHnNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqw5w/9F7KAdDA5Y4KM3UHZ0SelOkmuZT3CjtXrVtin4h8719c9x9Hh\r\nWXqd4ZAGHJZ6m18Nl7IVoqdKO8W0ZRdbqmVRk9ffGlxKQmjwxmPxK109/LSP\r\n66y+XEYJ2f08dINUCYYtlD0JA8woDu762R2ET/ZEmkZKJ3DDJ6wOir0LTQkA\r\nynTc0n3cWxMiSdwVi28adQG7w8oEO+zmaUvJ2EKGcwtuhYk+/ChK7FzEcm6G\r\n4SpTsHKUyhxEY/Ygp6T2AQQy2Fad2j+9woiinqmFh465zZ7stqFonkfdwrb9\r\nPAIW+x3DB6ULRwiFXp3Jf2negw42Lc/AbKom5Fqj0UyioIwOBZHTQ5DwZeN1\r\nRsUQgvi+MBRzSz+FgU+zjzaRWVcBgBtl5GDxBK2xljeaA6oemQYq9hPvpvVq\r\nV940ZnWUoBo6AjGOUAp2LFSoBgUkk+sKYqmT9+rYqhe83+cMTR94/fGpUgjv\r\nlfXcGQec0Na/3CW4Cq1g2hy5oDl+AkhzdAVItOwiv91l2Jz2sIJ8epp0uIcT\r\n1wPBki+CWsJPSLnm6SEvYwNV8wSUo+UcWhIxESCiiZzrhaoa6vuAtR6A70MI\r\n6q0K77BGm93q3Cc0MGENz9mdW9eZ6OCaqYpyspGntsyYfseM3UQ4L6PSC4Ex\r\nsFk4ZBpqc7nmRHKNEnN+RPs21e0KLYigV4I=\r\n=UEgG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.47--canary.162970a.0_1679325645551_0.5758175537462575"},"_hasShrinkwrap":false},"1.33.47":{"name":"@atk/mise-ui","version":"1.33.47","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"9f6782419687cdb9785581ac6854620a3b72bd98","_id":"@atk/mise-ui@1.33.47","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-d/AawEntjoHX7v+bg8cSpdp25ivVkSgE9zTTV57u4fT0Z4iXQAOvANnTmZg+qHZyXabj6TVn+T6GsYd1rGGj7w==","shasum":"8bcb22e3b09c0d87fb0d174e4da1f4f4ad30dc1f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.47.tgz","fileCount":907,"unpackedSize":2040369,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChJEEp/1qATLsLQthrli2Oss6qJrVqP4ybvQK4PatM8gIgNj+H/M7V4cInoJd7up3wJKTatTCBCeDmy0J1DNW0zKw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIbWIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYig/6AhrqrZ/0xu0zS0J6VCr96UGBbvduJODlbPWTBDwv9pD4AUcb\r\np6uJwntVSiDkvqmJPZsgDMK7ENHkx5v+u1KoW0FiePqeHY1E0kXXOYw9PzQg\r\nyYTdCdj+yJot8lSS4XP36zQL5Vn3EiKe3fmqtt88MlL6iek5IGHNnJd8c44W\r\nqRw2J/CCowawF6wx11/Hhv+PFe9Kp1jqCOyHdn98vMW9a3a+XZSQvLT1lUmC\r\nHsYqHs9b8CbdDiBdS1YVEqIgsciqVJASBQTzRvwJzrVN70KgkF7bPA1sNZev\r\nKyK1ZZSNr+pHBRaIT0E9J/+FRgQtzaVFDRHCvetbAXjlBGFRuHDaZz2SFORa\r\ndWUfj3ne82GpNlUgV9Wzw19pEtp92HiCqY8F1f4rtdRr1d0ajgyZHXHgvWWR\r\nI+5RQGkJQ+oxsJFlTa2F2rMey/xxyZGZsuZxYaRM+zaVIDsFZvCzTWwQZQWi\r\nSiUEA+BJc2BzHgB9AZg0kdNVOn9z07EkJbjAoMtaUCi/S89SFWxPbrC1/ArL\r\n4zkCLJQYSnNLkgHrfVH+o1+t4yS6Ewpdhg9kjHNcN5P7lR0eKnJSYwRQzpnu\r\nKs7Oo7ZorTmxiwUDlBVnd+XIYOWq/TYj1aPJS+1KO6cK3E32QciwrDKmWtc7\r\nc2VP5dy2oYKDb+QVJSXEJ5Kh3pmJ6NCKPRY=\r\n=Q7Ji\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.47_1679930760676_0.7058743081171879"},"_hasShrinkwrap":false},"1.33.48":{"name":"@atk/mise-ui","version":"1.33.48","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"d24d11a07165ad664e64819622ae82151db24e12","_id":"@atk/mise-ui@1.33.48","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-kYYRAVbcpnXbfNIMfE0y3kLCgcmpfU7+4iROLbryhZe6iXtwODyeD06VOiOivrGFNjDZOordKYEXHhAdx2ItYg==","shasum":"f1af9047e19a71f996f059b608271c505037358d","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.48.tgz","fileCount":907,"unpackedSize":2041162,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG24G72GFIaWNGxQE8Wbjjhak7MkVk3nkaKoLdIagsoKAiEA+ntF6Gp7/BEjY+gNACbwmaTbmLE4dgsywhP8YWaf5xs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJG6EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgmA//Rt/imSROJrLQQCkAuf4n1eqxmNaBeZXmWQU6f9lmuPpAfmqZ\r\n63tycH+OCmR/RCmvSDGHGUJXK+OBdfwG2GZ2doa4k08zDxb8w5N1pK4Ivebi\r\nVYBIw6vqklwZ41XUWvB8x5C9e9zHThTkc+MxgeUgV4iO7XV9JgZN5dCkYvhE\r\nSQm6kP874zSJqeXJ+zF/t6JnZ0yLFRlhym/jnu+Exe5oro4XxvcfXV09h8+2\r\n0oKkC1K0VP9aM7S5VTI5Gq+Vtbprzg3hRvLeITNu7MlD4sjDeY+cNjVeRiEJ\r\n8QS8+ZqewOImHZH7GdsD90n3XY8ThQOFEKFHJtuZ1ppFv4Rew3GlJlAvhXLJ\r\n4Ie8YEEOokpNg1aTd+4wiZwgpJRNMLJO/lqaDzCJZrCJbg6ruSOiVIdfsx52\r\nBHJF8ZZz7mHNQ0DRLFuRXOTqyqU4uezfJmfXTSw5oNfiPlsG2xCP1f2WBX9x\r\nGbiFusD2vPlZaymIWimqYhbDBEoh31y2NHPHLPbTqao0QrE4XAl2hhkklGwY\r\nrsk6LDNzJwt33+VrNxk++Yem3LW5X1bJxT+WhMhzcC0rCe1m9MrXEsfgIFZf\r\nVUwTbFIfZG0nbZmp3HM7dpLofkeXsSxbKQ8oE6B7kUVFKdAkS7uUEIZZf4bq\r\ncpa+KppI2P+9ZRO9+FxX4JKNs7Ymu4ChLHA=\r\n=bfMx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"atk","email":"domain.management@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.48_1680109188218_0.6455561504127627"},"_hasShrinkwrap":false},"1.33.49--canary.5692543.0":{"name":"@atk/mise-ui","version":"1.33.49--canary.5692543.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"569254337945cf7181cac2e63097cd28a0521d54","_id":"@atk/mise-ui@1.33.49--canary.5692543.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-rQkP9/eOKRaN64SBToqxWs67SYe3gZveYx2zRBX3ou95LW5HyXS1lvtzYIHu6H+yTEQ6kHId0/ZZjulLtPWAkA==","shasum":"31da996a1a625e89ba62883459855e4de3e1a3d0","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.49--canary.5692543.0.tgz","fileCount":1018,"unpackedSize":2467188,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE5umF/du80hQfaSoqlfcx9hCRpyOMBwn+Od1NjylGZQIhALbgqnKDPFrNdfIws4UJP35Ml0nwM8uawHEChFPo35cf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJwOUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZVQ//Vt3recImaAcJpdIFJgeBwoTz/NcnZB86oTwtw09hV/eLZ51W\r\naWRrmCw6FZVNJ1efeXzhVsMshBJ4d7NwtLW1IYVcZS5JBI7I66Q8inpzX2+N\r\nqXRMklTQCT2HGuWYkY9B+WplcBFXhrVLuMLNBD0yWsq/OKtw3LF/gXFMTADe\r\nFq3k+nxb32oePrXruoKGqxjhxYLndtR6FW9WALX1il+1ahHlUdBYnrEHrocZ\r\nHV32pVZPwhbcDu8Z59eyaAOireWJ4UpPyXYjjyQIOt+NNOYJggQevGRXbnmM\r\nH6zfzEOVSgQa9/PveBdClvnWGyREUWQl18TyDPYGW5lKc4H0WPLeACElHLT/\r\nac7M8khiW/U9CDAE5XveNh1i1/wnY+oRXyfDAhB/lLQF5AngNmeQCN7z3Jod\r\nFMMUQWanmo/j6kGnv9t8bSGavhv4cCXMmpl7fT5i2MGJpQu6YFboAwY26JUa\r\nP3PxteP8i+/eMSxc4NTlQisejTHKTkzXLxZEKKEzRw5lTtp4FQIalWiNkNJp\r\nvBKprtZOOB8yKrfeiGXW8NgEgIB6JASvr+U5zEP6IcdNPH/vfKZId+iXa8HO\r\ncyJROc/H0ZcFRj3Nrj2FphCSMkVza2dtcCkK2Wu8/y5ZsuscFmuvepz638GO\r\nntusSeI4JFVYlOYGe5D58tobHrqv4sWZhwI=\r\n=QPiT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.49--canary.5692543.0_1680278419735_0.36764722577733533"},"_hasShrinkwrap":false},"1.33.49--canary.63a3c5c.0":{"name":"@atk/mise-ui","version":"1.33.49--canary.63a3c5c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"63a3c5cd21221bb6a5b7a2d78b9f018e75e81ffc","_id":"@atk/mise-ui@1.33.49--canary.63a3c5c.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JyqLT3qhCo46xgA43JRteDnUTyIngP3uNtCCdihL3j4wbx6ROvoc5r2qOOpcUzvumxeMiiWn7h1+eah3mLZquQ==","shasum":"83e6be293c37cbadb1e3e5f6e3c8387a4655c3ba","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.49--canary.63a3c5c.0.tgz","fileCount":1018,"unpackedSize":2467188,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWOwlp2S9UgizpxVVryd4X1VO0AV+ROJYI+xIhfOmqlQIhANiafFduPa4b06YGl/aR6QWutM2+2RoOtu9HE6ZYm5cI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkK08BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojoBAAgL1jjjhLubZLDYUvReHr4babSa/qPRpKPaR2cQIlW9wxYUdA\r\nIwQbEAqWVJEgatvzRRgEZAMQLUJUdzwDX2XANaek4Bp6GsMhMHJSCmX7CCrj\r\n2KnPDtBVzCRVQgtLUzzFXgTQoW+C7QT7n96CIzcvUCxYC+eozddc6m8dsVrA\r\nXY68QKm/NfsNLVtnhODnZxSzp3fK8KMBukDSxxpcs56AIUrqwmMLejkdNgSM\r\neO2RlagWFEk/yBPZYthsMwDjQEG8V0URQSIuGjte+qSnegZtw2VaZ6dB552O\r\nJQwJ5Qpv8ItOL+LoDe/2tON/q4yR7zjeLE36Z+n8p5TUfMUaLQkZnRtfbn35\r\nY8UqM3xIUhmK12SfhmlAoyuul9m9lsCgjdhMwxSxZAEw1EzKKocQQ900nBfR\r\npxgAZNwzlh7fyFi8arKq/+ZwgCTrt5QS5FmRf35T6WsmRFRpMsIwEL8crkHK\r\nvDRH3M+CPvolYDERWD7YpsGs0LWAXhyoneewLo4JepU82kXEDOZzOyl5GSye\r\n7dr2xUsQv2Z2wCHSLcuEWAGeZkGZV8B/wGMRgcgML3ElcfDxpViZaXtSaLxt\r\nI7dxzdV8xCWn/BEx3Btix7FMo+m/swC8DxEi2SbZSoRIxAYb9qgLqvrNJW1R\r\nZpcHZWEy3he1QfK0Noc959qPNe0ea2y3AIc=\r\n=De0s\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.49--canary.63a3c5c.0_1680559872821_0.25632650341696994"},"_hasShrinkwrap":false},"1.33.49--canary.126d990.0":{"name":"@atk/mise-ui","version":"1.33.49--canary.126d990.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"126d990c69313507f7a06eaee867ed75c9055f28","_id":"@atk/mise-ui@1.33.49--canary.126d990.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OHMDdGgxckGSxvZqMpH92wBtRMJh9WRwddTfo78zC3KSEYhhog1tNMsmaB9sxvNvt6oRId8DKtWacimC98hfmQ==","shasum":"c21c7412c8c7e693becaed203ae408ff8326379f","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.49--canary.126d990.0.tgz","fileCount":907,"unpackedSize":2041755,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQnERkmPqgesSw2KsbSyem3efYbwjg2rOmWCZbF4I1awIgGupsKPf1kBzFD6L3Yf73rUYb5c2cF2CCKES1u6CKI6Q="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMD12ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQCA/8CfgPpcTCA4SqvTEhK29QTA4icm0NHhhl5y4KPkPivABtGjOg\r\nWbleqWk75+AkgWdFAEnz938XLGu2W8L9zO/43I4JS/fxcpOrkNAQyNmbOPw6\r\nsmkobNn02sYDIcmfx4HUcLZBlt8V9YGapNWAjI3+3ty1G2CWu9rTAtumFNNg\r\n+HwAyucaBFvewBpXP/5qa7rxZ10G04TWnuwRusJKXe6T/A0TrRJYikM0ZvpZ\r\nkkJO7gdb1gQdVMrbjd7xWyHZABcmytdi6n8ef1JVXol7HKe9YoUdE17s2pQn\r\nSmHaceuABztMm1gq5pO9hwFOTLKwPWmxM1REi2A5gzG3ANBXIVCxV5HKFeOO\r\nwI+lonAn189AcTrEHs84mLFP2uC3/p3k0DX27Zxhp2JaD1CZKriuu+lpX3kj\r\naBwb6p+Itl2PckPWhA+Bqbke7HfeCNSnlMp/nE6310ZtxByDbqkurNx+2oni\r\ndtmER05BB/mxCW7osj5fq+XYKC7AxHevUHKAl7IHbPWn/lJIb7iwYG2j3OcT\r\nW9OwPIU5NiP29y/CndVG2XOuvxTXGos7Fc2T8D3pYFEtKII+5PG/hEhMAnC7\r\n9hWVMcUgCFwe5cENEY0XqApKoWWLCQ8pTWPYBbBaMJjchF+Rp5THt0yMQl02\r\nreiVffVHrxwTFKnf1Z/e/I5heEFx4VEP8yg=\r\n=orpJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.49--canary.126d990.0_1680883061926_0.7050441106069638"},"_hasShrinkwrap":false},"1.33.49":{"name":"@atk/mise-ui","version":"1.33.49","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"1a129f65c2897dc1b1c90f318f35862a45065ef0","_id":"@atk/mise-ui@1.33.49","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-fXF6BegenKetYXf54qb52h3QMIhTJ3oFQIXteCg3jJP10H17wgxjm/VKYrSfybT9CkikOneoXTKyBrw6gl0LUw==","shasum":"06b1651806316ef4cb6125d04e4e82a0912cff96","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.49.tgz","fileCount":907,"unpackedSize":2043241,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICfteQ6eRgytBc7+9eEklpUeFZKbiGtXHGlzxvtOrGOVAiEA9fApSsXNKP3AjY3JF3D7dpnU18lv0BCl3oaGvaIm5BM="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.49_1684250825944_0.14103043126844295"},"_hasShrinkwrap":false},"1.33.50--canary.7951fe8.0":{"name":"@atk/mise-ui","version":"1.33.50--canary.7951fe8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7951fe832f5b2b1eda6f6ba28644be156b6a0000","_id":"@atk/mise-ui@1.33.50--canary.7951fe8.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-GKWjf5b7pIgImK/0P/G7+hQvnfSA599D/vttPF7dhYPwZsFZ2aUO0gRs8McMmqvpuuvpiw6jtdVTLpVJnYhXDQ==","shasum":"ceee4b5ca461fb186d5409b0d56629df79eb12df","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.50--canary.7951fe8.0.tgz","fileCount":1020,"unpackedSize":2468980,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVQ6gJX8tJ/kAWZs+EDrg2zSlBZGpiFNimooHN5fH8iwIhAJumgFJ5phrl2wEZrdgbRlJB/7o8QiFKBQCevUaGisAw"}]},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.50--canary.7951fe8.0_1685044333965_0.6203583492722342"},"_hasShrinkwrap":false},"1.33.50":{"name":"@atk/mise-ui","version":"1.33.50","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"520666acd784b75d2087d7c3ddcf70d338362b5b","_id":"@atk/mise-ui@1.33.50","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-jtK8ITMrwNY6nq+o+ntGZYXrDRYw1MSBMinBG3/X19fGc1f+Re0IDlMe+786FQnnSZs5FHbi6mQp81kvInpAcA==","shasum":"521b8645d711dffeae55319e089579c7c50fc3c8","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.50.tgz","fileCount":904,"unpackedSize":2012084,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHb37TgPcNJMccPY3qIms+f6MHU3mztq3RH7xCEYTixqAiBiC1NaFYm1D1TAlJ+dnVg7gtZ7fwFTTWaZiPmMcddmzg=="}]},"_npmUser":{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.50_1685643443074_0.48992878702748976"},"_hasShrinkwrap":false},"1.33.51":{"name":"@atk/mise-ui","version":"1.33.51","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"a53274f3995d3c378d97a061ce5718c66cfd97e5","_id":"@atk/mise-ui@1.33.51","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-HhXGcjBxeudlL1VUwmoShkQteWXp234fqHT0l5V8TjEjvAdNann+aWcxrAtQxhNwKFI9+LxCtBfL1vj0GiFzxw==","shasum":"23bcd64ef25c932464dc548bfd982a1d16a12d2e","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.51.tgz","fileCount":1020,"unpackedSize":2439441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHX0P77G75gtx/U4ieuCgM4s5Rbl+UljPWAamzcDu7n2AiAddKxokmv2UMltsaFIS1fM0cjjM70lJUZA31R2DIssCA=="}]},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.51_1687894088974_0.3508439948304145"},"_hasShrinkwrap":false},"1.33.52--canary.eddd377.0":{"name":"@atk/mise-ui","version":"1.33.52--canary.eddd377.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n#### IMPORTANT\nTravis has been removed from Github which ran the build to provide the version number to add to associated Repos, such as `espresso`. This version will need to be generated manually. In the code editor, enter:\n```\nyarn build && yarn tsc && npx auto shipit\n```\nWait for the build to complete, and the version number will be available to copy into your `package.json`.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"eddd3779c9ddc6cbca4fb0b5c6fe4f564b106c98","_id":"@atk/mise-ui@1.33.52--canary.eddd377.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wkK2hbljAL8hFDDgRYTIMG8kKuM6DmiBDmj9WA8lGyhKzsfPf1zgIfP7JAc6Xd6tvemMErleICjRmA2rMxeIJQ==","shasum":"ec778a618de17be928be332198b27a30323dbebe","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.52--canary.eddd377.0.tgz","fileCount":1020,"unpackedSize":2439805,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSYHbzoW0Q70+4k4BNOQeLNk4B3M5oK0rAFytHYngSbAiEAlyRjL60bzgjJnHi88BIqqO6WqmI+8vysOAYgx44wBD0="}]},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.52--canary.eddd377.0_1689885566230_0.8074879175063703"},"_hasShrinkwrap":false},"1.33.52":{"name":"@atk/mise-ui","version":"1.33.52","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"273f1403f57d1d3ed0eb0d1468a245013962a9de","_id":"@atk/mise-ui@1.33.52","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-jEKVIgAvk+fAxYCdHvAJxxUAoDZ8194HEubpX/Wv4Vl8dRiVNGaY/Ppxvz567IOkPo98aF9jkGMYftejL/Zhuw==","shasum":"57b567630dc361033e48955d45f19c1a56724689","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.52.tgz","fileCount":1020,"unpackedSize":2440244,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmWWm1KGm2jLX9YWfjHE7BDFey1cu/jL6LNqbqw5lUhgIhAI1/apHrT5RuwMMGfPVV5LHUt+IljWDfqb1BHTTo1YoO"}]},"_npmUser":{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.52_1694190060505_0.6406467069428006"},"_hasShrinkwrap":false},"1.33.53--canary.07aa21c.0":{"name":"@atk/mise-ui","version":"1.33.53--canary.07aa21c.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\nNext, merge your PR, and navigate to your package on npm and hang tight for a few minutes while the package is updated.\n\n#### IMPORTANT\nTravis has been removed from Github which ran the build to provide the version number to add to associated Repos, such as `espresso`. This version will need to be generated manually. Before merging to master add 2 labels (patch and release). In the code editor, enter:\n```\nyarn build && yarn tsc && npx auto shipit\n```\nWait for the build to complete, and the version number will be available to copy into your `package.json`.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"07aa21cb428c894adc14b960dae2bf7812f619c5","_id":"@atk/mise-ui@1.33.53--canary.07aa21c.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-rURnnbrLbo0CFzAKoCugh2zJieOVsPuGYMbEabf+F77qFCKfDCtRMw+EgxVw5T5Sz62nW5AhGUC6nfL81bOLtA==","shasum":"627fad1e331b2c7ca01ecd04df510911102b13fa","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.53--canary.07aa21c.0.tgz","fileCount":908,"unpackedSize":2017077,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCr6ViKNzlQo0TYsnVi/no4hvx/GWr5iLW8sQIXMBUFFwIhAP2A56sHYOUUKROvfkNxeUnSUfBeyuNkGtlSlvRtLXvN"}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.53--canary.07aa21c.0_1695881246225_0.892488272800894"},"_hasShrinkwrap":false},"1.33.55--canary.df0c6e8.0":{"name":"@atk/mise-ui","version":"1.33.55--canary.df0c6e8.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\n#### IMPORTANT\nTravis has been removed from Github which ran the build to provide the version number to add to associated Repos, such as `espresso`. This version will need to be generated manually. Before merging to master add 2 labels (patch and release). In the code editor, enter:\n```\nyarn build && yarn tsc && npx auto shipit\n```\nWait for the build to complete, and the version number will be available to copy into your `package.json`.\n\nNext, merge your PR with the two labels and navigate to your package on [npm](https://www.npmjs.com/package/@atk/mise-ui). Hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry. Don't forget to update the version number!\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"df0c6e8b9435eb1120ef48eda7c99f717791703b","_id":"@atk/mise-ui@1.33.55--canary.df0c6e8.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-/niHs1h6Zq8oHxBcwZtIc19+CCHzhrKaGjbdPMeTwIWCOtwwGVlD4YO+wEuPJ6Rp+cY8i65Ck5JSj+/TIUfrAg==","shasum":"55cdc1b1e23502664bafadb2dd041f7bac8b8c56","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.55--canary.df0c6e8.0.tgz","fileCount":906,"unpackedSize":2016268,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFW3PlVrUleFEL5Qlau4d0CMYA/PuHSL5Ypio6ix+j7QIhAOOnuZlofHAOBZgMGRRblVer3V0mHTUsmzBIv+X/y4Fl"}]},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.55--canary.df0c6e8.0_1698341792148_0.5910722152575696"},"_hasShrinkwrap":false},"1.33.55--canary.635f17a.0":{"name":"@atk/mise-ui","version":"1.33.55--canary.635f17a.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Distribute\n\nWhen tests pass, stakeholders have reviewed and approved and other devs have given thumbs up it's time for the release.\n\nTo make sure the release is versioned properly on NPM, you will leverage labels on GitHub. Auto provides a list of labels that will affect\nwhether a new NPM release is a patch, minor or major release. Unsurprisingly, these labels are `patch`, `minor`, `major`. The full list of\nlabels can be found [here](https://github.com/Americastestkitchen/mise-ui/labels).\n\nFor example:\nAdd the `minor` label to the PR. This tells Auto to update the minor version of the package on merge.\n\nLabels are located in the right hand column of the PR.\n\n#### IMPORTANT\nTravis has been removed from Github which ran the build to provide the version number to add to associated Repos, such as `espresso`. This version will need to be generated manually. Before merging to master add 2 labels (patch and release). In the code editor, enter:\n```\nyarn build && yarn tsc && npx auto shipit\n```\nWait for the build to complete, and the version number will be available to copy into your `package.json`.\n\nNext, merge your PR with the two labels and navigate to your package on [npm](https://www.npmjs.com/package/@atk/mise-ui). Hang tight for a few minutes while the package is updated.\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry. Don't forget to update the version number!\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"635f17a82372368a72d4bd30153f36f430675ed6","_id":"@atk/mise-ui@1.33.55--canary.635f17a.0","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-AK9WiU4nY1eaOQmXqKvIVxrmtbanPlwQqUtqXEd2R0uCOkAfRuDL6gNww6UzxUAeNv3Y5RuDaW6q6FCScTjPrg==","shasum":"887d128239193a17496563660cb6a80f8cd04a36","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.55--canary.635f17a.0.tgz","fileCount":906,"unpackedSize":2016268,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB7lhd+U5cUMjbHN7ZGV1CUrIL+knz2qejXG4r+ROR8bAiEAzSP0FIMDg4znuZXMcT4bL7uYNPPV4JA3z8nsZ15D8g8="}]},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.55--canary.635f17a.0_1698342138555_0.8804548465312796"},"_hasShrinkwrap":false},"1.33.55":{"name":"@atk/mise-ui","version":"1.33.55","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","gitHead":"916c2e8a705431e0c53c2e6c7ab80d4486d15b10","_id":"@atk/mise-ui@1.33.55","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-8j/6sSWZqxZgptXxkkA8YrkS5XuAKBCgvnS51G/gpmY93ZOuabnp5te7RSHo47/y0laNI6n904iyYlZj0lN0sQ==","shasum":"2bf6d133e4d1218fed2f79404f7360a6dd20c495","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.55.tgz","fileCount":906,"unpackedSize":2017111,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHdh4N0XJ/oFjgMw0dlatdu7snV4MbgJFARZ9H+/uoZxAiAOlAaPm3bQzs2pMb0l9TRiyhuQhL4ENyaxNXMOrhhJCQ=="}]},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.55_1698342999757_0.23930896116638478"},"_hasShrinkwrap":false},"1.33.56":{"name":"@atk/mise-ui","version":"1.33.56","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"./node_modules/.bin/eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","_id":"@atk/mise-ui@1.33.56","dist":{"shasum":"3cedf8086473698ca86bcb9d48d87e76aa012469","integrity":"sha512-NdcTi/gMjEDdLT6Te94yclVd15Q5wZmhqLD4rtilsVoLPP5M569wi/BnJR8khMe7fANfftwWOjVLhdZKFvVTxA==","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.56.tgz","fileCount":1158,"unpackedSize":2016250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwNmRZgxExVohHML4x1VzSR2DtkzJZpZrmvK6LKEtUaAIhAPoaZ9xIXPkBjQt35aBP9Q7sG/ysrynwrf+KDiGk+buY"}]},"_npmUser":{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.56_1698343378147_0.710539165492388"},"_hasShrinkwrap":false},"1.33.57--canary.7084821.0":{"name":"@atk/mise-ui","version":"1.33.57--canary.7084821.0","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Release\n\nOnce all your code is merged into the `master` branch, you are ready to begin the release process.\n\nTo make sure the Mise is versioned properly for release, please run `yarn publish --tag latest` from the `master` branch. It will tell you the current version of Mise and then prompt you to enter the new vesrion. You can update the major, minor, or patch.\n\nVerify that the latest verison has been published on [NPM](https://www.npmjs.com/package/@atk/mise-ui).\n\nNext, [draft a new release](https://github.com/Americastestkitchen/mise-ui/releases) and add a new tag in github. \n\nYou're now ready to use this new Mise version in other projects!\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry. Don't forget to update the version number!\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md","gitHead":"7084821a6c15defe2339efb3a0486a8f06264bb2","_id":"@atk/mise-ui@1.33.57--canary.7084821.0","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-YllPEAJqW/mj9YFjalmKlm6A8I6ysokYQUQTMd1bzhBHz29tlLJ9+0LfWBubntBL4+jB8+S+wC9ZA/9axn/FWA==","shasum":"2a6844045df0fbb4a3e5d098655c9c17323289b5","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.57--canary.7084821.0.tgz","fileCount":908,"unpackedSize":2016118,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5QQxHBlPOVhRjyk1+fT0C6mO1lcl9zkeBolkH1Xrn6AiB753cCZUWmgf3SdF/XoEtM5/hdZ0lkP87HDI8a2GTCOA=="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.57--canary.7084821.0_1704731255536_0.46134602563186067"},"_hasShrinkwrap":false},"1.33.57":{"name":"@atk/mise-ui","version":"1.33.57","dependencies":{"@babel/plugin-proposal-class-properties":"^7.14.5","@juggle/resize-observer":"^3.3.1","algoliasearch":"^4.0.3","cloudinary-core":"^2.11.4","cross-fetch":"^3.1.4","flickity":"2.2.2","flickity-imagesloaded":"^2.0.0","lodash.memoize":"^4.1.2","lodash.orderby":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.7.2","react-instantsearch-dom":"^6.3.0","react-loadable":"^5.5.0","react-loadable-visibility":"^3.0.2","scrollto-with-animation":"^3.0.4","styled-components-breakpoint":"2.1.1","styled-normalize":"^8.0.7","use-resize-observer":"^8.0.0","verge":"^1.10.2"},"peerDependencies":{"react":">=16","react-dom":">=16","react-instantsearch-dom":"^6.3.0","styled-components":"5.3.0"},"scripts":{"start":"react-scripts start","build":"cross-env BABEL_ENV=production babel src -d dist --ignore 'src/**/*.stories.js','src/**/*.spec.js','src/setupTests.js','src/serviceWorker.js' --extensions '.js,.ts,.tsx,.jsx'","watch":"watch 'yarn run build && yalc push --changed' ./src","test":"jest","lint":"./node_modules/.bin/eslint .","eject":"react-scripts eject","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","release":"auto shipit","tsc":"tsc"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@auto-it/all-contributors":"^10.32.6","@auto-it/released":"^10.32.6","@babel/cli":"^7.14.5","@babel/core":"^7.14.6","@babel/preset-env":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-controls":"^6.4.18","@storybook/addon-docs":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-knobs":"^6.2.9","@storybook/addon-links":"^6.4.18","@storybook/addon-notes":"^5.3.21","@storybook/addon-viewport":"^6.4.18","@storybook/addons":"^6.4.18","@storybook/preset-create-react-app":"^3.2.0","@storybook/react":"^6.4.18","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/flickity":"^2.2.6","@types/node":"^16.4.3","@types/react":"^17.0.15","@types/react-dom":"^17.0.9","@types/styled-components":"^5.1.11","@typescript-eslint/eslint-plugin":"^4.31.1","@typescript-eslint/parser":"^4.31.1","@whitespace/storybook-addon-html":"^5.0.0","all-contributors-cli":"^6.20.0","auto":"^10.32.6","babel-eslint":"^10.1.0","babel-jest":"^24.9.0","babel-plugin-styled-components":"^1.12.0","cross-env":"^7.0.3","eslint":"^7.28.0","eslint-config-airbnb":"^18.2.1","eslint-plugin-babel":"^5.3.1","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.2.0","eslint-plugin-standard":"^4.1.0","jest":"26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-styled-components":"^7.0.3","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"3.3.1","react-test-renderer":"^17.0.2","styled-components":"5.3.0","typescript":"^4.3.5","watch":"^1.0.2"},"description":"Design system and component library for America's Test Kitchen","main":"./dist/index.js","author":{"name":"ATK Front End Dev Team"},"license":"UNLICENSED","auto":{"plugins":["npm","all-contributors","released"],"onlyPublishWithReleaseLabel":true},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"homepage":"https://github.com/Americastestkitchen/mise-ui#readme","_id":"@atk/mise-ui@1.33.57","dist":{"shasum":"c5eda603b6ca9d4d347e6ddca734f96715af44e6","integrity":"sha512-ulomB3HdasL9rbAJqwXrmDdaylydx/QypzSJUfLuD8DR1mqrdf2bmliFrVy1C/OuieivadXbh0+bLZbab6K3oQ==","tarball":"https://registry.npmjs.org/@atk/mise-ui/-/mise-ui-1.33.57.tgz","fileCount":1160,"unpackedSize":2016122,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5ZDeAIZhVWnXDDCBxD6PUqimthX8KhEJOA8AEXkBeggIgIhJpE/FmSYYpxPOlI/VRc6Iz8SFpPZ1PyFZNE+aQIfQ="}]},"_npmUser":{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},"directories":{},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mise-ui_1.33.57_1704754991024_0.5230746614170947"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-12T15:52:13.433Z","0.1.1":"2020-03-12T15:52:13.798Z","modified":"2024-01-08T23:03:11.489Z","0.1.2":"2020-03-16T15:30:06.408Z","0.1.3":"2020-03-18T15:04:28.391Z","0.1.4":"2020-03-18T17:27:17.687Z","0.1.5":"2020-03-30T18:01:53.609Z","0.1.6":"2020-04-02T17:24:56.600Z","0.1.7":"2020-04-08T20:28:37.297Z","0.1.8":"2020-04-09T19:06:00.960Z","0.1.9":"2020-04-13T16:13:45.072Z","0.1.10":"2020-04-17T14:28:02.281Z","0.1.11":"2020-04-21T14:55:42.037Z","0.1.12":"2020-04-23T17:48:33.030Z","0.1.13":"2020-04-28T19:38:35.848Z","0.1.14":"2020-04-29T19:45:08.313Z","0.1.15":"2020-05-01T14:18:33.968Z","0.1.16":"2020-05-01T19:34:41.538Z","0.1.17":"2020-05-11T18:22:59.249Z","0.1.18":"2020-06-04T15:22:50.107Z","0.1.19":"2020-06-04T18:17:23.057Z","0.1.20":"2020-06-04T18:50:00.115Z","0.1.22":"2020-06-08T16:54:48.087Z","0.1.23":"2020-06-11T20:58:47.946Z","0.1.24-canary.4b1b228f.0":"2020-06-16T17:32:36.967Z","0.1.24-canary.a015cad0.0":"2020-06-16T20:46:32.890Z","0.1.24-canary.08799cf8.0":"2020-06-17T14:37:14.724Z","0.1.24-canary.a86cbf1f.0":"2020-06-19T15:22:31.885Z","0.1.24-canary.edc8f548.0":"2020-06-22T14:35:40.573Z","0.1.24-canary.ecf08a6a.0":"2020-06-22T18:06:39.806Z","0.1.24-canary.2ab35294.0":"2020-06-22T18:57:09.785Z","0.1.24-canary.508fc2ce.0":"2020-06-22T19:09:53.502Z","0.1.24-canary.3ded8194.0":"2020-06-22T19:57:26.790Z","0.1.24-canary.6a295717.0":"2020-06-22T20:37:11.529Z","0.1.24-canary.fb6ce94d.0":"2020-06-22T20:47:26.105Z","0.1.24-canary.1dcce0ce.0":"2020-06-22T21:31:43.618Z","0.1.24-canary.c2b62050.0":"2020-06-23T14:13:55.291Z","0.1.24-canary.983ae2ea.0":"2020-06-23T14:49:26.262Z","0.1.24-canary.28027c28.0":"2020-06-23T15:48:14.355Z","0.1.24-canary.ef6d916d.0":"2020-06-23T17:44:30.879Z","0.1.24-canary.2b0cc37e.0":"2020-06-23T18:18:09.723Z","0.1.24-canary.b71461ea.0":"2020-06-23T18:26:15.031Z","0.1.24-canary.3bfae46e.0":"2020-06-24T13:21:03.602Z","0.1.24-canary.fb59701e.0":"2020-06-24T15:23:40.572Z","0.1.24-canary.8811e2ab.0":"2020-06-25T19:49:39.012Z","0.1.24":"2020-06-29T17:00:09.488Z","0.1.25-canary.cb6188f2.0":"2020-07-08T19:15:08.154Z","0.1.25":"2020-07-09T14:52:18.992Z","0.1.26-canary.1c43d3da.0":"2020-08-04T19:41:40.713Z","0.1.26-canary.5203e142.0":"2020-08-05T15:54:54.531Z","0.1.26-canary.f4db097b.0":"2020-08-10T18:30:56.477Z","0.1.26-canary.2eead303.0":"2020-08-10T18:38:44.318Z","0.1.26-canary.6bd04488.0":"2020-08-10T19:26:47.423Z","0.1.26-canary.df5829ea.0":"2020-08-10T20:59:13.080Z","0.1.26-canary.45493423.0":"2020-08-10T21:21:19.064Z","0.1.26-canary.3cca20ac.0":"2020-08-11T13:39:35.239Z","0.1.26-canary.5abdab3e.0":"2020-08-11T13:48:43.666Z","0.1.26-canary.27ac386e.0":"2020-08-11T13:59:29.942Z","0.1.26-canary.e25fd15c.0":"2020-08-11T14:38:26.320Z","0.1.26-canary.1a5e5c1b.0":"2020-08-11T19:30:20.744Z","0.1.26-canary.90826954.0":"2020-08-12T16:38:30.441Z","0.1.26-canary.d5e2781d.0":"2020-08-12T18:39:55.634Z","0.1.26-canary.186a6c20.0":"2020-08-12T20:18:32.708Z","0.1.26-canary.ac5851ac.0":"2020-08-12T20:24:37.997Z","0.1.26":"2020-08-13T14:05:20.216Z","0.1.27-canary.40751239.0":"2020-08-13T15:47:44.620Z","0.1.27":"2020-08-13T16:53:14.303Z","0.1.28-canary.7b7ee1a8.0":"2020-08-17T14:41:11.273Z","0.1.28-canary.c35c4135.0":"2020-08-25T13:21:05.304Z","0.1.28-canary.9a8351a7.0":"2020-08-27T14:49:38.764Z","0.1.28-canary.d44fe0c3.0":"2020-08-28T16:28:26.275Z","0.1.28-canary.0f887c95.0":"2020-08-31T14:00:13.473Z","0.1.28-canary.7d3df2e4.0":"2020-08-31T19:59:14.768Z","0.1.28-canary.8b831bbd.0":"2020-09-02T15:51:16.880Z","0.1.28-canary.0602ad86.0":"2020-09-04T14:24:03.713Z","0.1.28-canary.36d37626.0":"2020-09-09T13:57:52.573Z","0.1.28-canary.bb629a6c.0":"2020-09-09T19:12:31.637Z","0.1.28-canary.afb9ae82.0":"2020-09-15T15:40:50.037Z","0.1.28-canary.8eca971e.0":"2020-09-15T19:12:04.204Z","0.1.28-canary.ba27f589.0":"2020-09-16T19:16:59.663Z","0.1.28-canary.bce47994.0":"2020-09-17T13:06:10.844Z","0.1.28-canary.8681c792.0":"2020-09-17T13:34:57.195Z","0.1.28-canary.45b9b442.0":"2020-09-17T13:47:58.562Z","0.1.28-canary.b749a385.0":"2020-09-17T13:50:21.952Z","0.1.28-canary.aa1e2a90.0":"2020-09-17T18:06:19.599Z","0.1.28-canary.8601d604.0":"2020-09-21T16:07:15.874Z","0.1.28-canary.6cb84236.0":"2020-09-23T14:08:35.949Z","0.1.28-canary.93e8e756.0":"2020-09-23T19:10:52.717Z","0.1.28-canary.8cdb53c5.0":"2020-09-24T13:43:27.823Z","0.1.28-canary.3c739a84.0":"2020-09-24T15:04:32.540Z","0.1.28-canary.131488e5.0":"2020-09-25T15:07:45.406Z","0.1.28-canary.585a3437.0":"2020-09-28T16:20:44.538Z","0.1.28-canary.a36353b6.0":"2020-09-28T18:32:27.693Z","0.1.28-canary.804d86c5.0":"2020-09-29T18:11:38.420Z","0.1.28-canary.45df51eb.0":"2020-09-30T13:00:37.420Z","0.1.28-canary.77e7c95c.0":"2020-10-02T16:09:04.534Z","0.1.28-canary.d75b6f3a.0":"2020-10-02T16:54:11.669Z","0.1.28-canary.83d25902.0":"2020-10-05T19:43:32.100Z","0.1.28-canary.9395e56f.0":"2020-10-06T14:02:56.769Z","0.1.28-canary.918e7214.0":"2020-10-06T14:34:33.568Z","0.1.28-canary.8c4ee2e5.0":"2020-10-06T20:39:36.221Z","0.1.28-canary.20e0cfa7.0":"2020-10-07T17:55:15.485Z","0.1.28-canary.99b58597.0":"2020-10-08T15:38:02.798Z","0.1.28-canary.4a56a55f.0":"2020-10-08T20:45:01.053Z","0.1.28-canary.b18fe78a.0":"2020-10-13T17:57:42.280Z","0.1.28-canary.f19d57a7.0":"2020-10-14T13:13:16.018Z","0.1.28-canary.d96af383.0":"2020-10-14T16:57:28.325Z","0.1.28-canary.89c7018c.0":"2020-10-14T19:03:19.415Z","0.1.28-canary.1f7a674f.0":"2020-10-19T17:28:09.082Z","0.1.28-canary.4acca8d4.0":"2020-10-21T14:31:38.542Z","0.1.28-canary.3e4d3cbf.0":"2020-10-22T14:20:16.301Z","0.1.28-canary.3edaaf3a.0":"2020-10-22T17:11:39.170Z","0.1.28-canary.b5a85205.0":"2020-10-22T19:03:56.155Z","0.1.28-canary.660a7dd0.0":"2020-10-22T19:41:15.262Z","0.1.28-canary.7bae2618.0":"2020-10-23T13:30:45.318Z","0.1.28-canary.b0b48aa8.0":"2020-10-27T14:55:13.397Z","0.1.28-canary.08ca76e2.0":"2020-10-28T13:37:55.258Z","0.1.28-canary.0cf7a432.0":"2020-10-28T15:17:40.670Z","0.1.28-canary.6e9da9af.0":"2020-10-28T19:03:57.341Z","0.1.28-canary.9cc96f8a.0":"2020-10-29T17:33:48.557Z","0.1.28-canary.470a552f.0":"2020-10-29T18:33:02.979Z","0.1.28-canary.51ee97fd.0":"2020-10-29T20:48:06.937Z","0.1.28-canary.34de7fe2.0":"2020-10-29T21:00:59.699Z","0.1.28-canary.7524867b.0":"2020-10-30T17:07:14.993Z","0.1.28-canary.309809df.0":"2020-11-02T16:46:33.946Z","0.1.28-canary.1c19002f.0":"2020-11-03T14:35:56.864Z","0.1.28-canary.6639cf60.0":"2020-11-05T21:20:19.326Z","0.1.28-canary.e851a431.0":"2020-11-09T14:18:04.604Z","0.1.28-canary.7a84c117.0":"2020-11-10T16:10:11.637Z","0.1.28-canary.fa98ffa4.0":"2020-11-11T18:05:05.630Z","0.1.28-canary.1ea1dd18.0":"2020-11-16T19:19:33.079Z","0.1.28-canary.50bf6b81.0":"2020-11-16T21:30:49.676Z","0.1.28-canary.461296d2.0":"2020-11-17T14:13:23.837Z","0.1.28-canary.923c171c.0":"2020-11-19T17:02:05.266Z","0.1.28-canary.99b63aef.0":"2020-11-19T17:51:24.025Z","0.1.28-canary.99b63aef.1":"2020-11-19T17:54:29.122Z","0.1.28-canary.1b94b629.0":"2020-11-19T20:49:53.002Z","0.1.28-canary.98ae6e00.0":"2020-11-24T19:37:11.869Z","0.1.28-canary.9ea99813.0":"2020-11-30T15:19:10.408Z","1.0.0":"2020-12-02T15:05:06.686Z","1.0.1-canary.51e9e230.0":"2020-12-02T18:20:22.335Z","1.0.1-canary.c0a8ed79.0":"2020-12-02T21:17:34.133Z","1.0.1-canary.bdcbfc88.0":"2020-12-09T17:23:48.781Z","1.0.1-canary.61b54898.0":"2020-12-10T16:12:45.199Z","1.0.1-canary.595e4075.0":"2020-12-10T20:12:34.636Z","1.0.1-canary.d74ce2c6.0":"2020-12-11T14:42:44.994Z","1.1.0":"2020-12-17T15:02:37.585Z","1.1.1-canary.3fbc60b0.0":"2020-12-21T15:12:05.129Z","1.1.1":"2020-12-22T14:58:06.027Z","1.1.2":"2020-12-22T16:06:28.585Z","1.1.3-canary.2ad82464.0":"2021-01-04T14:28:24.869Z","1.1.3-canary.6fe496c8.0":"2021-01-04T18:15:00.709Z","1.1.3-canary.3f240c9f.0":"2021-01-04T20:47:52.375Z","1.1.3-canary.a893c5d8.0":"2021-01-04T21:04:04.999Z","1.1.3-canary.b225faa2.0":"2021-01-05T15:03:57.422Z","1.1.3":"2021-01-05T17:40:27.903Z","1.1.4-canary.a1e1247b.0":"2021-01-07T17:46:43.103Z","1.1.4-canary.77dd712e.0":"2021-01-21T16:39:53.197Z","1.1.4-canary.14b57844.0":"2021-01-26T13:31:14.990Z","1.1.4-canary.5cc7efd9.0":"2021-01-29T15:56:04.423Z","1.2.0-canary.fee09cdb.0":"2021-02-02T14:13:42.785Z","1.1.4-canary.964352c6.0":"2021-02-02T19:10:11.058Z","1.1.4-canary.a9dd13d7.0":"2021-02-02T19:11:25.260Z","1.1.4-canary.f9d1f665.0":"2021-02-02T19:47:26.385Z","1.1.4-canary.c0193e8d.0":"2021-02-03T14:50:10.006Z","1.1.4-canary.c0193e8d.1":"2021-02-03T15:15:20.360Z","1.1.4-canary.65dea865.0":"2021-02-05T15:19:04.872Z","1.1.4-canary.de632778.0":"2021-02-08T21:16:53.459Z","1.1.4-canary.2a04babd.0":"2021-02-09T17:19:22.784Z","1.1.4-canary.17936418.0":"2021-02-09T21:58:43.381Z","1.1.4-canary.18d83451.0":"2021-02-09T22:22:21.006Z","1.1.4-canary.ea02ab2b.0":"2021-02-10T15:27:28.104Z","1.1.4-canary.f853b14c.0":"2021-02-10T15:31:23.032Z","1.1.4-canary.e3df10d5.0":"2021-02-10T16:22:48.265Z","1.2.0":"2021-02-11T14:50:35.259Z","1.2.1-canary.0b14e4ce.0":"2021-02-11T15:22:09.544Z","1.3.0":"2021-02-11T17:58:24.053Z","1.3.1-canary.1caba534.0":"2021-02-12T14:17:05.771Z","1.3.1":"2021-02-16T14:24:32.608Z","1.3.2":"2021-02-16T21:51:00.324Z","1.3.3-canary.aaae6c34.0":"2021-02-17T16:39:18.405Z","1.3.3-canary.eb67e6cb.0":"2021-02-17T16:55:30.436Z","1.3.3-canary.36c89458.0":"2021-02-17T17:12:45.768Z","1.3.3-canary.c411e88f.0":"2021-02-18T16:30:46.323Z","1.3.3":"2021-02-18T18:49:52.169Z","1.3.4-canary.767d7e6f.0":"2021-02-19T16:33:10.700Z","1.3.4-canary.11a134c2.0":"2021-02-22T15:09:12.972Z","1.3.4-canary.7edfe199.0":"2021-02-22T16:51:00.416Z","1.3.4-canary.798c8fe7.0":"2021-02-22T18:48:11.029Z","1.4.0":"2021-02-24T14:41:16.738Z","1.4.1-canary.ab4a440a.0":"2021-02-26T17:52:07.361Z","1.4.1":"2021-03-02T14:42:39.001Z","1.4.2-canary.dd314166.0":"2021-03-02T18:35:51.199Z","1.4.2-canary.17df1f31.0":"2021-03-02T18:38:50.913Z","1.4.2-canary.50818e44.0":"2021-03-03T17:25:07.635Z","1.4.2-canary.50818e44.1":"2021-03-03T17:25:53.028Z","1.4.2-canary.5d9bd693.0":"2021-03-04T19:05:40.325Z","1.4.2-canary.cb11f4f8.0":"2021-03-04T20:11:18.168Z","1.4.2-canary.46ca541c.0":"2021-03-04T20:39:04.163Z","1.4.2-canary.86423d98.0":"2021-03-08T19:11:04.454Z","1.4.2-canary.8df36ad0.0":"2021-03-09T21:47:42.942Z","1.4.2-canary.66038019.0":"2021-03-11T21:24:08.408Z","1.4.2-canary.0d0609b7.0":"2021-03-15T13:17:25.965Z","1.4.2-canary.c39c9282.0":"2021-03-15T19:03:52.654Z","1.4.2-canary.889e4a12.0":"2021-03-17T14:33:45.003Z","1.4.2-canary.7a60fd3f.0":"2021-03-19T14:13:53.480Z","1.4.2-canary.ad7be7e5.0":"2021-03-19T16:38:40.562Z","1.4.2-canary.a9b77bbf.0":"2021-03-22T14:20:30.082Z","1.4.2-canary.ae7fc743.0":"2021-03-22T15:38:22.275Z","1.4.2-canary.bc51192d.0":"2021-03-22T16:12:11.729Z","1.4.2-canary.17e6cfed.0":"2021-03-22T16:15:42.586Z","1.4.2-canary.02f39d09.0":"2021-03-22T16:40:31.835Z","1.4.2-canary.a922e447.0":"2021-03-22T20:45:26.983Z","1.4.2-canary.14874243.0":"2021-03-23T15:48:33.861Z","1.4.2-canary.fa37339f.0":"2021-03-23T16:22:31.647Z","1.4.2-canary.8b679341.0":"2021-03-23T20:08:23.452Z","1.4.2-canary.8b679341.1":"2021-03-24T20:28:42.154Z","1.4.2-canary.5ed3f62a.0":"2021-03-29T17:30:40.812Z","1.4.2-canary.2cf7ce36.0":"2021-03-29T20:22:56.210Z","1.4.2-canary.b2e06fda.0":"2021-03-29T20:53:26.876Z","1.4.2-canary.b2e06fda.1":"2021-03-29T21:06:20.679Z","1.4.2-canary.b254c562.0":"2021-03-30T13:18:08.901Z","1.4.2-canary.0368bf4a.0":"2021-04-01T16:59:31.216Z","1.5.0":"2021-04-05T13:25:23.787Z","1.5.2":"2021-04-05T14:11:33.432Z","1.5.3-canary.0c4a23c6.0":"2021-04-05T16:38:21.690Z","1.5.3-canary.290dd953.0":"2021-04-05T19:55:28.449Z","1.5.3":"2021-04-06T13:47:22.206Z","1.5.4-canary.acc02691.0":"2021-04-08T18:55:21.574Z","1.5.4-canary.8238b32c.0":"2021-04-08T19:35:18.862Z","1.5.4-canary.e393f0bf.0":"2021-04-12T16:04:48.279Z","1.5.4-canary.86af63e2.0":"2021-04-16T13:52:40.260Z","1.5.4-canary.f49a8a1e.0":"2021-04-21T16:26:27.213Z","1.5.4-canary.801fac7b.0":"2021-04-22T13:43:20.158Z","1.5.4-canary.347fd833.0":"2021-04-22T15:03:28.219Z","1.5.4-canary.79275098.0":"2021-04-22T16:50:35.333Z","1.5.4-canary.70655173.0":"2021-04-22T17:07:29.015Z","1.5.4-canary.37594739.0":"2021-04-22T17:27:53.918Z","1.5.4-canary.a548f0cb.0":"2021-04-23T13:08:59.684Z","1.5.4-canary.9f83fd83.0":"2021-04-27T16:06:55.660Z","1.5.4-canary.7736058f.0":"2021-04-28T17:53:38.046Z","1.5.4-canary.8b098b49.0":"2021-04-28T17:59:50.458Z","1.5.4-canary.8b098b49.1":"2021-04-28T18:17:59.061Z","1.5.4-canary.7f73193f.0":"2021-04-29T13:11:16.688Z","1.5.4-canary.e5003d67.0":"2021-04-29T13:56:16.928Z","1.6.0":"2021-04-29T17:50:25.966Z","1.7.0":"2021-04-29T21:04:22.749Z","1.7.1-canary.b5143dfc.0":"2021-04-30T14:10:12.170Z","1.7.1-canary.a4a9d052.0":"2021-04-30T18:10:49.205Z","1.7.1":"2021-04-30T19:14:56.025Z","1.7.2":"2021-05-03T13:44:59.262Z","1.7.3-canary.a2650c07.0":"2021-05-03T14:37:40.978Z","1.7.3-canary.07c3fc90.0":"2021-05-03T16:44:43.603Z","1.7.3":"2021-05-03T18:30:46.902Z","1.7.4-canary.5762a2c5.0":"2021-05-03T20:00:27.547Z","1.7.4-canary.b069dda3.0":"2021-05-04T18:22:43.841Z","1.7.4-canary.5549b579.0":"2021-05-04T20:09:05.144Z","1.7.4-canary.d91ae825.0":"2021-05-06T14:16:18.618Z","1.7.4":"2021-05-06T19:22:36.836Z","1.7.5-canary.e25309de.0":"2021-05-06T20:55:06.881Z","1.7.5-canary.ade5c616.0":"2021-05-10T16:17:01.391Z","1.7.5-canary.650eedd9.0":"2021-05-11T14:47:37.104Z","1.7.5-canary.650eedd9.1":"2021-05-11T14:48:25.292Z","1.7.5-canary.650eedd9.2":"2021-05-11T15:24:04.048Z","1.7.5-canary.cd94bd9b.0":"2021-05-13T18:28:44.239Z","1.7.5-canary.a919e425.0":"2021-05-13T19:44:29.812Z","1.7.5-canary.7ce67224.0":"2021-05-18T13:54:37.988Z","1.7.5-canary.89d5b1da.0":"2021-05-19T19:23:17.231Z","1.8.0":"2021-05-19T19:30:48.578Z","1.8.1-canary.db555a4a.0":"2021-05-24T20:16:49.573Z","1.8.1-canary.495a3bec.0":"2021-05-26T18:37:08.382Z","1.8.1-canary.cb6b7f1d.0":"2021-05-26T18:40:53.537Z","1.8.1":"2021-05-26T19:20:10.930Z","1.8.2-canary.92a0ec9d.0":"2021-05-26T20:48:24.953Z","1.8.2-canary.38b81ca7.0":"2021-05-27T13:33:03.734Z","1.8.2-canary.c48ad418.0":"2021-06-01T15:26:45.215Z","1.8.2-canary.28ebe8a0.0":"2021-06-01T17:41:24.272Z","1.8.2-canary.534fb5cc.0":"2021-06-01T20:10:16.109Z","1.8.2-canary.3c1c3d2d.0":"2021-06-02T16:04:29.383Z","1.8.2-canary.0bc7518a.0":"2021-06-03T18:37:19.297Z","1.8.2-canary.1cf09f18.0":"2021-06-04T14:46:30.705Z","1.8.2":"2021-06-09T17:44:24.492Z","1.8.3-canary.30133147.0":"2021-06-14T14:07:30.365Z","1.8.3-canary.5f1c9b72.0":"2021-06-14T18:43:24.416Z","1.8.3-canary.716f6a57.0":"2021-06-15T13:52:59.227Z","1.8.3-canary.6532d5bc.0":"2021-06-15T13:55:43.949Z","1.8.3-canary.6532d5bc.1":"2021-06-15T13:56:21.466Z","1.8.3-canary.ad43693f.0":"2021-06-15T19:40:22.931Z","1.8.3--canary.23bfd52.0":"2021-06-17T18:13:04.338Z","1.8.3--canary.de50a72.0":"2021-06-17T18:40:10.832Z","1.8.3--canary.89b52e3.0":"2021-06-17T19:03:34.288Z","1.8.3-canary.abf22a89.0":"2021-06-22T15:07:10.323Z","1.8.3-canary.e52da172.0":"2021-06-23T13:43:38.622Z","1.9.0":"2021-06-24T14:31:25.333Z","1.9.1-canary.a3752ab1.0":"2021-06-24T15:55:49.861Z","1.10.0":"2021-06-29T13:40:49.658Z","1.11.0":"2021-06-29T16:07:44.293Z","1.11.1--canary.1a0809c.0":"2021-06-30T19:38:11.553Z","1.12.0":"2021-06-30T20:40:46.042Z","1.12.1--canary.4530a19.0":"2021-07-01T15:15:06.877Z","1.12.1--canary.f9eb05c.0":"2021-07-01T16:46:54.336Z","1.12.1--canary.1b95232.0":"2021-07-01T17:55:44.642Z","1.12.1--canary.124528a.0":"2021-07-06T13:40:30.087Z","1.13.0":"2021-07-06T19:02:12.303Z","1.14.0":"2021-07-07T14:17:55.431Z","1.14.1-canary.71dab8d6.0":"2021-07-07T16:15:17.695Z","1.14.1-canary.71dab8d6.1":"2021-07-07T18:16:41.601Z","1.14.1--canary.78a0311.0":"2021-07-09T13:55:18.902Z","1.15.0":"2021-07-09T15:14:51.158Z","1.16.0":"2021-07-12T13:58:56.677Z","1.16.1--canary.492ec1e.0":"2021-07-12T16:30:14.889Z","1.16.1--canary.37ebc48.0":"2021-07-12T17:49:04.748Z","1.16.1--canary.4945e14.0":"2021-07-12T19:24:17.018Z","1.16.1-canary.88b00cb5.0":"2021-07-13T20:00:53.956Z","1.16.1--canary.f92c766.0":"2021-07-14T15:31:12.959Z","1.16.1--canary.976df64.0":"2021-07-16T14:45:25.536Z","1.16.1--canary.23f0c11.0":"2021-07-16T15:31:42.050Z","1.16.1--canary.8701c2a.0":"2021-07-20T16:20:52.208Z","1.16.1--canary.0164adb.0":"2021-07-20T17:56:45.337Z","1.16.1-canary.49f2e0b4.0":"2021-07-20T18:49:40.913Z","1.16.1--canary.9e50ea4.0":"2021-07-21T13:42:08.491Z","1.16.1-canary.f67eb3b1.0":"2021-07-21T14:15:07.563Z","1.17.0":"2021-07-26T14:44:08.158Z","1.17.1--canary.29bce88.0":"2021-07-27T17:33:39.522Z","1.17.1--canary.b8a6fcf.0":"2021-07-27T18:05:15.191Z","1.17.1--canary.2f8e0f7.0":"2021-07-27T19:17:36.156Z","1.17.1--canary.f92e2c0.0":"2021-07-28T15:07:42.631Z","1.17.1--canary.f92e2c0.1":"2021-07-28T15:33:43.920Z","1.17.1--canary.f92e2c0.2":"2021-07-28T17:24:23.657Z","1.17.1--canary.f92e2c0.3":"2021-07-28T17:25:03.444Z","1.17.1--canary.2f8e0f7.1":"2021-07-28T19:37:17.566Z","1.17.1--canary.b8a6fcf.1":"2021-07-29T13:25:44.177Z","1.17.1--canary.f67eb3b.0":"2021-07-29T20:40:36.229Z","1.17.1--canary.773551a.0":"2021-07-30T16:14:42.321Z","1.17.1--canary.8e6935e.0":"2021-08-02T13:41:39.515Z","1.17.1--canary.687c4fb.0":"2021-08-02T15:45:19.552Z","1.17.1--canary.54b2199.0":"2021-08-02T18:50:12.242Z","1.17.1--canary.5d814ad.0":"2021-08-02T19:00:08.177Z","1.18.0":"2021-08-03T13:27:48.386Z","1.18.1--canary.51a9408.0":"2021-08-03T13:45:03.312Z","1.19.0":"2021-08-03T13:58:37.647Z","1.19.1--canary.d892c21.0":"2021-08-04T18:41:52.787Z","1.19.1--canary.04b8e1b.0":"2021-08-04T20:57:58.496Z","1.20.0":"2021-08-05T19:39:04.178Z","1.20.1--canary.b4105c3.0":"2021-08-13T13:35:27.215Z","1.20.1--canary.811a7f4.0":"2021-08-16T16:19:24.459Z","1.20.1--canary.948e1be.0":"2021-08-16T19:56:43.503Z","1.20.1--canary.4862711.0":"2021-08-17T17:02:32.455Z","1.21.0":"2021-08-18T15:32:16.761Z","1.21.1--canary.000acfe.0":"2021-08-18T21:00:36.606Z","1.21.1--canary.e201b8e.0":"2021-08-18T21:09:34.165Z","1.21.1--canary.5943131.0":"2021-08-19T16:43:05.182Z","1.21.1--canary.76d6a74.0":"2021-08-23T14:11:17.790Z","1.21.1--canary.76d6a74.1":"2021-08-23T14:12:06.218Z","1.21.1--canary.0d6fc37.0":"2021-08-26T14:56:50.267Z","1.21.1--canary.73300f6.0":"2021-08-31T15:06:54.619Z","1.21.1--canary.d237aae.0":"2021-08-31T17:16:52.088Z","1.21.1--canary.72e551e.0":"2021-09-01T18:09:46.503Z","1.21.1--canary.a2d4e53.0":"2021-09-01T20:47:59.183Z","1.21.1--canary.38888d2.0":"2021-09-01T22:52:03.015Z","1.21.1--canary.78f5014.0":"2021-09-02T20:33:22.733Z","1.21.1--canary.13e1f75.0":"2021-09-08T15:17:18.585Z","1.21.1--canary.927f63c.0":"2021-09-09T16:08:16.447Z","1.22.0":"2021-09-09T17:41:53.220Z","1.23.0":"2021-09-09T17:49:08.690Z","1.23.1--canary.173cd45.0":"2021-09-13T13:21:13.996Z","1.23.1--canary.8851f93.0":"2021-09-13T13:53:07.433Z","1.23.1":"2021-09-13T14:58:32.469Z","1.23.2--canary.01699c9.0":"2021-09-13T18:12:32.017Z","1.23.2--canary.9ad0075.0":"2021-09-13T18:16:24.808Z","1.23.2--canary.e0b6917.0":"2021-09-15T13:05:03.152Z","1.23.2--canary.5cfdb90.0":"2021-09-17T13:41:19.975Z","1.23.2":"2021-09-20T13:08:14.775Z","1.23.3":"2021-09-20T13:28:45.507Z","1.23.4--canary.e3c21aa.0":"2021-09-20T15:40:49.616Z","1.23.4--canary.7702843.0":"2021-09-20T16:35:34.241Z","1.23.4--canary.de75a3b.0":"2021-09-20T17:31:44.035Z","1.23.4--canary.180eca7.0":"2021-09-20T17:59:37.986Z","1.23.4":"2021-09-20T19:16:33.942Z","1.23.5--canary.23cccb5.0":"2021-09-21T19:16:35.273Z","1.23.5--canary.d611717.0":"2021-09-22T17:12:45.819Z","1.23.5--canary.d611717.1":"2021-09-23T12:56:16.715Z","1.23.5--canary.5d94187.0":"2021-09-23T14:47:54.053Z","1.23.5--canary.05d12cf.0":"2021-09-23T15:02:16.401Z","1.23.5--canary.05d12cf.1":"2021-09-23T15:13:42.754Z","1.23.5--canary.87c2247.0":"2021-09-23T15:17:06.434Z","1.23.5--canary.132b983.0":"2021-09-23T15:21:07.415Z","1.23.5--canary.0b65b6e.0":"2021-09-23T15:23:39.313Z","1.23.5--canary.ef520f7.0":"2021-09-23T15:43:42.669Z","1.23.5--canary.8bd22b9.0":"2021-09-27T15:08:55.305Z","1.23.5":"2021-09-27T15:37:00.101Z","1.23.6--canary.7f2cc97.0":"2021-09-27T19:42:33.934Z","1.23.6--canary.468dfce.0":"2021-09-28T13:17:33.928Z","1.23.6":"2021-09-29T13:41:25.874Z","1.23.7--canary.6b5763d.0":"2021-09-29T14:21:56.511Z","1.23.7--canary.90931c4.0":"2021-09-29T17:40:03.282Z","1.23.7--canary.d126a48.0":"2021-10-05T13:42:26.435Z","1.23.7":"2021-10-05T14:07:45.513Z","1.23.8--canary.9260c12.0":"2021-10-05T19:42:08.564Z","1.23.8--canary.bd2935c.0":"2021-10-05T19:45:14.322Z","1.23.8--canary.89ca114.0":"2021-10-05T19:47:53.675Z","1.23.8--canary.40af813.0":"2021-10-05T20:47:31.570Z","1.23.8--canary.40af813.1":"2021-10-06T15:03:40.364Z","1.23.8--canary.40af813.2":"2021-10-06T17:23:44.998Z","1.23.8--canary.dc2fca0.0":"2021-10-08T16:00:19.169Z","1.23.8--canary.9070bc4.0":"2021-10-08T16:02:46.805Z","1.23.8--canary.5c7e4b7.0":"2021-10-08T16:04:18.217Z","1.23.8--canary.e067057.0":"2021-10-11T14:38:11.068Z","1.23.8--canary.dfda098.0":"2021-10-11T14:51:50.715Z","1.23.8--canary.5b9ca87.0":"2021-10-12T15:45:01.861Z","1.23.8--canary.b6a9ea9.0":"2021-10-12T17:40:51.425Z","1.23.8--canary.8c19cc3.0":"2021-10-13T18:59:17.730Z","1.23.8--canary.6324a08.0":"2021-10-14T16:02:42.397Z","1.23.8":"2021-10-14T19:32:28.501Z","1.23.9--canary.68ca7d5.0":"2021-10-15T13:53:47.526Z","1.23.9--canary.441a665.0":"2021-10-15T14:54:28.620Z","1.23.9--canary.4f193b1.0":"2021-10-21T18:16:10.578Z","1.23.9--canary.ae52614.0":"2021-10-21T20:44:30.071Z","1.23.9--canary.6324a08.0":"2021-10-22T13:39:37.639Z","1.23.9--canary.2de44a1.0":"2021-10-22T14:12:26.238Z","1.23.9--canary.ae52614.1":"2021-10-22T14:12:57.939Z","1.23.9--canary.9028c7a.0":"2021-10-22T15:58:42.944Z","1.23.9--canary.ba0f3b1.0":"2021-10-25T20:43:50.615Z","1.23.9--canary.6e966e2.0":"2021-10-26T15:30:25.152Z","1.23.9--canary.6129477.0":"2021-10-26T17:37:19.917Z","1.23.9":"2021-10-26T17:44:37.237Z","1.23.10--canary.2137213.0":"2021-10-26T18:43:19.634Z","1.23.10--canary.9abb553.0":"2021-10-26T19:17:45.482Z","1.23.10--canary.9abb553.1":"2021-10-26T19:21:49.986Z","1.23.10":"2021-10-26T19:37:36.420Z","1.23.11--canary.bef20f6.0":"2021-10-27T13:17:09.026Z","1.23.11":"2021-10-27T14:11:17.067Z","1.23.12":"2021-10-29T13:27:56.452Z","1.23.13--canary.49b968e.0":"2021-10-29T13:45:01.136Z","1.23.13":"2021-10-29T15:18:42.121Z","1.23.14--canary.0ee3dc8.0":"2021-11-01T17:28:25.275Z","1.23.14--canary.81c0d2f.0":"2021-11-02T01:49:59.160Z","1.23.14--canary.9d478bc.0":"2021-11-02T01:58:42.253Z","1.23.14--canary.2679e38.0":"2021-11-02T02:06:32.521Z","1.23.14--canary.9871bdd.0":"2021-11-02T14:25:58.734Z","1.23.14--canary.95c1ff5.0":"2021-11-02T17:33:21.244Z","1.23.14--canary.8f0eab9.0":"2021-11-02T19:33:43.992Z","1.23.14--canary.d36c3db.0":"2021-11-02T20:19:37.629Z","1.23.14--canary.aa3947a.0":"2021-11-03T15:32:38.434Z","1.23.14":"2021-11-03T16:03:24.133Z","1.23.15--canary.d58cf30.0":"2021-11-03T19:52:27.501Z","1.23.15":"2021-11-04T19:09:37.617Z","1.23.16--canary.f891e3a.0":"2021-11-04T20:20:22.776Z","1.23.16--canary.f2ca2c0.0":"2021-11-05T13:45:33.293Z","1.23.16--canary.2ebf507.0":"2021-11-08T20:07:03.699Z","1.23.16--canary.73e73cd.0":"2021-11-09T19:42:01.009Z","1.23.16--canary.a6c9496.0":"2021-11-09T20:18:12.934Z","1.23.16--canary.3082297.0":"2021-11-10T14:49:25.913Z","1.23.16":"2021-11-10T15:58:48.842Z","1.23.17":"2021-11-10T17:21:57.757Z","1.23.18--canary.9699d3a.0":"2021-11-12T17:00:53.317Z","1.23.18":"2021-11-17T16:19:43.766Z","1.23.20":"2021-11-17T20:24:17.279Z","1.23.21":"2021-11-17T20:37:59.809Z","1.23.22":"2021-11-18T17:58:39.110Z","1.23.23--canary.80a5ecc.0":"2021-11-22T16:31:39.711Z","1.23.23--canary.03af88e.0":"2021-11-23T04:59:01.089Z","1.23.23--canary.6b4d8a6.0":"2021-11-23T13:27:48.016Z","1.23.23--canary.ab2716e.0":"2021-11-23T14:24:16.319Z","1.23.23--canary.c54a38a.0":"2021-11-23T15:31:27.305Z","1.23.23--canary.b4ba3b6.0":"2021-11-23T15:41:00.607Z","1.23.23--canary.20ce8e1.0":"2021-11-23T16:22:41.578Z","1.23.23--canary.40a6616.0":"2021-11-23T16:45:23.685Z","1.23.23--canary.5b8b281.0":"2021-11-30T18:25:13.199Z","1.23.23--canary.b285662.0":"2021-11-30T18:35:49.052Z","1.23.23--canary.2a00313.0":"2021-11-30T18:40:55.638Z","1.23.23--canary.cf10465.0":"2021-11-30T19:46:53.893Z","1.23.23--canary.b285662.1":"2021-11-30T20:20:54.773Z","1.23.23--canary.ae52b7c.0":"2021-12-01T17:12:41.493Z","1.23.23--canary.19be9a5.0":"2021-12-01T17:26:51.372Z","1.23.23--canary.11b692c.0":"2021-12-01T18:25:39.785Z","1.23.23--canary.c909397.0":"2021-12-01T18:45:17.755Z","1.23.23--canary.b79bb97.0":"2021-12-01T19:05:43.195Z","1.23.23--canary.02f71cd.0":"2021-12-01T19:30:42.559Z","1.23.23--canary.cfe4d5a.0":"2021-12-01T19:42:18.909Z","1.23.23--canary.cfe4d5a.1":"2021-12-01T22:28:05.418Z","1.23.23--canary.1f1736b.0":"2021-12-02T16:11:00.331Z","1.23.23--canary.6c95d5c.0":"2021-12-02T17:33:15.972Z","1.23.23--canary.c5d469d.0":"2021-12-02T17:47:58.880Z","1.23.23--canary.e1025c3.0":"2021-12-06T16:49:05.764Z","1.23.23--canary.f70e1fa.0":"2021-12-06T20:35:29.903Z","1.23.23--canary.c1576f3.0":"2021-12-06T21:07:42.359Z","1.23.23--canary.0c5a3eb.0":"2021-12-07T14:43:00.213Z","1.23.23--canary.17a4eb4.0":"2021-12-07T15:05:56.580Z","1.23.23--canary.17a4eb4.1":"2021-12-07T15:13:43.137Z","1.23.23--canary.3a1ce73.0":"2021-12-07T20:31:19.974Z","1.24.0":"2021-12-10T14:40:36.782Z","1.25.0":"2021-12-14T19:39:18.884Z","1.25.1--canary.8ce8de9.0":"2021-12-15T17:58:46.121Z","1.25.1--canary.577.3a2872f.0":"2021-12-15T22:40:18.596Z","1.25.1--canary.99f67df.0":"2021-12-16T14:57:35.426Z","1.26.0":"2021-12-16T15:33:45.021Z","1.26.1--canary.577.febc9c1.0":"2021-12-20T21:58:03.478Z","1.26.1--canary.577.febc9c1.1":"2021-12-20T22:03:18.904Z","1.26.1--canary.577.0c02f5e.0":"2021-12-21T22:07:06.606Z","1.26.1--canary.577.0c02f5e.1":"2021-12-21T22:14:42.535Z","1.26.1--canary.577.15ede60.0":"2021-12-21T23:20:28.400Z","1.26.1--canary.577.15ede60.1":"2021-12-21T23:40:30.548Z","1.26.1--canary.577.15ede60.2":"2021-12-21T23:45:02.482Z","1.26.1--canary.577.e32032f.0":"2021-12-22T21:26:14.442Z","1.26.1--canary.577.e32032f.1":"2021-12-22T21:27:50.110Z","1.26.1--canary.594.081e8ff.0":"2022-01-04T18:19:45.085Z","1.27.0":"2022-01-04T18:23:12.188Z","1.27.1--canary.577.de4cdff.0":"2022-01-04T21:54:24.265Z","1.27.1--canary.595.e791698.0":"2022-01-05T21:12:35.500Z","1.27.1--canary.577.129c4ac.0":"2022-01-06T17:07:28.112Z","1.27.1--canary.577.129c4ac.1":"2022-01-06T17:24:00.570Z","1.27.1--canary.4d7d714.0":"2022-01-06T21:10:32.521Z","1.27.1--canary.0686bc4.0":"2022-01-07T02:57:06.736Z","1.27.1--canary.ee230c2.0":"2022-01-07T13:20:35.123Z","1.27.1--canary.577.10be363.0":"2022-01-07T16:59:53.444Z","1.27.1--canary.9f6d57f.0":"2022-01-07T17:55:31.774Z","1.28.0":"2022-01-10T19:21:18.281Z","1.28.1--canary.a36aabf.0":"2022-01-11T16:24:13.512Z","1.29.0":"2022-01-11T16:41:55.689Z","1.29.1--canary.950e1f8.0":"2022-01-11T20:54:35.547Z","1.29.1--canary.577.70e9683.0":"2022-01-11T22:20:27.974Z","1.29.1--canary.6e37081.0":"2022-01-11T22:46:36.631Z","1.29.1--canary.aa7e064.0":"2022-01-12T15:49:07.065Z","1.29.1--canary.aa7e064.1":"2022-01-12T15:51:19.481Z","1.29.1--canary.577.054d22e.0":"2022-01-14T17:03:50.882Z","1.29.1--canary.e734623.0":"2022-01-18T14:19:28.524Z","1.29.1--canary.577.098ad56.0":"2022-01-18T17:26:45.799Z","1.29.1--canary.577.68b902f.0":"2022-01-18T17:35:43.200Z","1.29.1--canary.577.00e2018.0":"2022-01-18T20:04:13.202Z","1.29.1--canary.75532f8.0":"2022-01-18T20:47:59.144Z","1.29.1--canary.577.1cf3836.0":"2022-01-18T21:20:37.140Z","1.29.1--canary.577.ac90480.0":"2022-01-18T21:33:45.619Z","1.29.1--canary.2facf22.0":"2022-01-19T18:03:50.039Z","1.29.1--canary.577.d62104b.0":"2022-01-19T19:56:38.409Z","1.29.1--canary.577.c8b40d3.0":"2022-01-19T20:08:01.295Z","1.29.1--canary.a9be9b9.0":"2022-01-19T21:42:52.950Z","1.29.1--canary.577.1a93648.0":"2022-01-19T22:27:31.066Z","1.29.1--canary.9793eb0.0":"2022-01-20T15:33:50.749Z","1.29.1--canary.a9be9b9.1":"2022-01-20T17:03:18.730Z","1.29.1--canary.577.ea9fb93.0":"2022-01-20T17:10:39.536Z","1.29.1--canary.577.20dbaa3.0":"2022-01-20T17:37:49.408Z","1.30.0":"2022-01-20T19:22:33.955Z","1.30.1--canary.75532f8.0":"2022-01-20T20:34:25.963Z","1.30.1--canary.860d349.0":"2022-01-20T20:44:49.927Z","1.31.0--canary.577.cf17e34.0":"2022-01-20T20:49:05.874Z","1.31.0--canary.577.2df3bb3.0":"2022-01-20T21:22:54.018Z","1.31.0--canary.577.e97d733.0":"2022-01-20T21:36:08.758Z","1.31.0--canary.577.9ac92c1.0":"2022-01-20T22:37:54.156Z","1.31.0--canary.577.a54e76e.0":"2022-01-21T22:36:47.580Z","1.31.0--canary.577.9b694e0.0":"2022-01-21T23:12:06.868Z","1.30.1--canary.d27f75d.0":"2022-01-24T13:24:57.628Z","1.30.1--canary.d27f75d.1":"2022-01-24T13:38:09.415Z","1.30.1--canary.6e446d6.0":"2022-01-24T13:42:24.921Z","1.30.1--canary.5d1ba3e.0":"2022-01-24T13:43:09.135Z","1.30.1--canary.6c4df6d.0":"2022-01-24T13:45:37.533Z","1.30.1--canary.6c4df6d.1":"2022-01-24T13:49:45.907Z","1.30.1--canary.6c4df6d.2":"2022-01-24T14:04:53.959Z","1.30.1--canary.4abeacd.0":"2022-01-24T14:18:43.154Z","1.30.1--canary.5e9fae7.0":"2022-01-24T14:27:11.719Z","1.30.1--canary.5e9fae7.1":"2022-01-24T14:49:04.099Z","1.31.0--canary.577.2773610.0":"2022-01-24T15:23:24.233Z","1.31.0--canary.577.81a0035.0":"2022-01-24T15:24:48.802Z","1.31.0--canary.577.7bdc895.0":"2022-01-24T17:15:51.448Z","1.31.0--canary.577.44d3ac2.0":"2022-01-24T18:18:24.192Z","1.30.1--canary.93ea172.0":"2022-01-24T18:21:36.263Z","1.31.0--canary.577.5070906.0":"2022-01-24T18:29:26.524Z","1.31.0--canary.577.09346de.0":"2022-01-24T18:52:54.344Z","1.31.0--canary.577.0e9d4c2.0":"2022-01-24T18:57:16.528Z","1.31.0--canary.577.b378275.0":"2022-01-24T19:04:21.927Z","1.30.1--canary.42919cc.0":"2022-01-24T20:54:52.873Z","1.31.0--canary.577.e4c5594.0":"2022-01-24T21:23:05.307Z","1.31.0--canary.577.2f06ca6.0":"2022-01-24T21:39:14.768Z","1.31.0--canary.577.86901d2.0":"2022-01-24T21:58:31.463Z","1.30.1--canary.e2ff2da.0":"2022-01-25T12:24:11.966Z","1.30.1--canary.a668eff.0":"2022-01-25T14:27:40.698Z","1.30.1--canary.4a5b251.0":"2022-01-25T14:33:00.041Z","1.30.1--canary.adb4079.0":"2022-01-25T14:37:03.001Z","1.31.0--canary.577.e40e530.0":"2022-01-25T17:16:32.567Z","1.31.0--canary.577.888f50b.0":"2022-01-25T17:40:51.616Z","1.31.0--canary.577.4840223.0":"2022-01-25T18:22:21.753Z","1.31.0--canary.577.b082a05.0":"2022-01-25T19:04:10.739Z","1.30.1--canary.401b3c4.0":"2022-01-25T20:57:51.356Z","1.31.0--canary.577.103b9b7.0":"2022-01-26T16:32:51.929Z","1.31.0--canary.577.d11b998.0":"2022-01-26T18:42:23.652Z","1.31.0--canary.577.5b68e5b.0":"2022-01-26T22:20:09.052Z","1.31.0":"2022-01-27T17:35:59.757Z","1.31.1--canary.577.37e488a.0":"2022-01-27T18:59:18.512Z","1.31.1--canary.577.d609999.0":"2022-01-27T19:09:01.503Z","1.31.1--canary.577.05d4a45.0":"2022-01-27T19:51:10.128Z","1.31.1--canary.577.cf9c276.0":"2022-01-27T20:09:52.108Z","1.31.1--canary.577.3cee472.0":"2022-01-27T22:44:55.158Z","1.31.1--canary.577.1ce5fbf.0":"2022-01-27T23:06:31.436Z","1.31.1--canary.577.db03bb6.0":"2022-01-27T23:19:36.815Z","1.31.1--canary.577.26f3146.0":"2022-01-27T23:23:14.700Z","1.31.1--canary.577.84ec435.0":"2022-01-27T23:26:25.719Z","1.31.1--canary.4dad25e.0":"2022-01-28T13:30:58.117Z","1.31.1--canary.577.9ce06f5.0":"2022-01-28T16:17:41.822Z","1.31.1--canary.577.f4326fd.0":"2022-01-28T16:45:11.511Z","1.31.1--canary.cdeda3c.0":"2022-01-28T17:16:37.522Z","1.31.1--canary.cdeda3c.1":"2022-01-28T17:56:18.886Z","1.31.1--canary.52a9259.0":"2022-01-31T12:36:52.286Z","1.31.1--canary.a23b9bd.0":"2022-01-31T14:19:28.960Z","1.31.1--canary.a23b9bd.1":"2022-01-31T14:23:05.672Z","1.31.1--canary.264d937.0":"2022-01-31T14:28:17.757Z","1.31.1--canary.a23b9bd.2":"2022-01-31T14:35:51.932Z","1.31.1--canary.ac4f90c.0":"2022-01-31T14:40:27.237Z","1.31.1--canary.9d2e299.0":"2022-01-31T14:53:32.201Z","1.31.1--canary.8c53c09.0":"2022-01-31T14:59:40.897Z","1.32.0":"2022-01-31T16:29:40.102Z","1.32.1--canary.dc30c1b.0":"2022-01-31T20:03:03.371Z","1.32.1--canary.070e322.0":"2022-01-31T22:16:59.557Z","1.32.1--canary.8e2dd9a.0":"2022-02-01T15:00:50.211Z","1.32.1--canary.92cbc9a.0":"2022-02-01T16:54:07.035Z","1.32.1--canary.e8c1aed.0":"2022-02-01T18:52:09.137Z","1.32.1--canary.616.3bf4dca.0":"2022-02-01T19:43:44.379Z","1.32.1--canary.aaa583d.0":"2022-02-02T17:38:09.099Z","1.32.1--canary.616.8dc3384.0":"2022-02-02T18:23:02.246Z","1.32.1--canary.616.4b855e4.0":"2022-02-02T18:46:15.249Z","1.32.1--canary.616.0f7187f.0":"2022-02-02T19:19:40.439Z","1.32.1--canary.616.bf16f02.0":"2022-02-02T19:47:32.493Z","1.32.1--canary.616.946563c.0":"2022-02-02T19:51:58.819Z","1.32.1--canary.577.efeb1b5.0":"2022-02-02T22:03:38.174Z","1.32.1--canary.577.f85ab59.0":"2022-02-02T22:46:51.799Z","1.32.1--canary.577.1dba3cc.0":"2022-02-02T22:49:25.071Z","1.32.1--canary.7222b1f.0":"2022-02-03T15:39:35.588Z","1.32.1--canary.c9fd1dc.0":"2022-02-03T18:13:47.295Z","1.32.1--canary.cc3dfa7.0":"2022-02-03T18:30:32.685Z","1.32.1--canary.cc3dfa7.1":"2022-02-03T18:38:43.340Z","1.32.1--canary.04a0d13.0":"2022-02-03T18:49:03.298Z","1.32.1--canary.8a90cc3.0":"2022-02-04T13:38:34.932Z","1.32.1--canary.619.05720a3.0":"2022-02-04T16:19:02.201Z","1.32.1--canary.577.749e650.0":"2022-02-07T14:00:12.424Z","1.32.1--canary.1ae3445.0":"2022-02-07T14:41:50.444Z","1.32.1--canary.bf6c554.0":"2022-02-07T15:40:40.925Z","1.33.0":"2022-02-07T19:51:32.191Z","1.33.1--canary.4494abb.0":"2022-02-08T14:32:46.395Z","1.33.1--canary.ce84848.0":"2022-02-08T15:39:59.747Z","1.33.1--canary.fb72764.0":"2022-02-08T20:56:58.562Z","1.33.1--canary.37ad120.0":"2022-02-08T21:33:20.813Z","1.33.1--canary.1b7e907.0":"2022-02-09T15:54:38.677Z","1.33.1--canary.e19de24.0":"2022-02-09T16:08:24.381Z","1.33.1--canary.04fb9cc.0":"2022-02-09T16:36:20.565Z","1.33.1--canary.a798aed.0":"2022-02-09T18:31:13.932Z","1.33.1":"2022-02-09T18:33:48.729Z","1.33.2--canary.818b070.0":"2022-02-09T20:12:45.769Z","1.33.2--canary.fb595fb.0":"2022-02-10T11:55:43.076Z","1.33.2--canary.4bf696d.0":"2022-02-10T14:54:24.524Z","1.33.2--canary.db73130.0":"2022-02-10T15:08:58.355Z","1.33.2--canary.b85e580.0":"2022-02-10T16:14:53.158Z","1.33.2--canary.e81263a.0":"2022-02-10T21:02:00.103Z","1.33.2--canary.d160261.0":"2022-02-10T22:55:14.491Z","1.33.2--canary.2c378f8.0":"2022-02-10T23:15:39.361Z","1.33.2--canary.64e2590.0":"2022-02-11T12:59:56.223Z","1.33.2--canary.e063d08.0":"2022-02-11T13:34:32.957Z","1.33.2--canary.121b9aa.0":"2022-02-11T14:33:05.491Z","1.33.2":"2022-02-11T14:44:16.743Z","1.33.3--canary.626.dd66475.0":"2022-02-11T17:48:02.779Z","1.33.3--canary.67dda1c.0":"2022-02-11T19:33:34.818Z","1.33.3--canary.39b06f2.0":"2022-02-14T14:13:03.633Z","1.33.3":"2022-02-14T16:56:44.307Z","1.33.4--canary.f409823.0":"2022-02-14T19:33:01.188Z","1.33.4--canary.b212e91.0":"2022-02-14T19:49:13.485Z","1.33.4--canary.dc31ea6.0":"2022-02-14T20:06:55.106Z","1.33.4--canary.c49186f.0":"2022-02-15T17:45:16.955Z","1.33.4--canary.0c3cdf5.0":"2022-02-16T13:22:20.062Z","1.33.4--canary.6e361dd.0":"2022-02-16T13:55:46.164Z","1.33.4--canary.14863b2.0":"2022-02-16T13:57:52.666Z","1.33.4--canary.203689f.0":"2022-02-16T14:04:07.032Z","1.33.4":"2022-02-16T14:34:19.867Z","1.33.5--canary.635.0e1b3c4.0":"2022-02-16T15:10:22.340Z","1.33.5--canary.2fd553b.0":"2022-02-16T15:45:03.107Z","1.33.5--canary.14863b2.0":"2022-02-16T16:16:20.338Z","1.33.5--canary.635.3578b08.0":"2022-02-16T18:18:17.190Z","1.33.5--canary.14863b2.1":"2022-02-16T18:34:16.269Z","1.33.5":"2022-02-16T21:44:39.222Z","1.33.6":"2022-02-17T14:23:11.128Z","1.33.7--canary.c483c06.0":"2022-02-17T15:11:23.034Z","1.33.7--canary.f2ac782.0":"2022-02-17T15:20:36.042Z","1.33.7--canary.f2ac782.1":"2022-02-17T15:21:03.127Z","1.33.7--canary.5d7e8c3.0":"2022-02-17T15:34:35.107Z","1.33.7--canary.0ed006e.0":"2022-02-17T15:49:27.755Z","1.33.7--canary.374a052.0":"2022-02-17T16:48:07.560Z","1.33.7--canary.5f29d88.0":"2022-02-17T20:21:36.063Z","1.33.7--canary.5f29d88.1":"2022-02-17T20:27:54.070Z","1.33.7--canary.5f29d88.2":"2022-02-17T20:28:32.466Z","1.33.7--canary.ec52084.0":"2022-02-17T21:08:45.179Z","1.33.7":"2022-02-17T21:22:26.081Z","1.33.8":"2022-02-18T14:50:48.052Z","1.33.9--canary.6235ad7.0":"2022-02-18T15:50:41.179Z","1.33.9--canary.e7acc61.0":"2022-02-18T15:58:50.025Z","1.33.9":"2022-02-18T17:09:15.956Z","1.33.10--canary.d7fe5bd.0":"2022-02-18T17:11:27.037Z","1.33.10--canary.3533750.0":"2022-02-22T15:52:24.949Z","1.33.10--canary.7390c64.0":"2022-02-22T16:32:12.066Z","1.33.10--canary.e5cbbe5.0":"2022-02-22T18:00:22.849Z","1.33.10--canary.bc4ac02.0":"2022-02-22T19:07:50.978Z","1.33.10--canary.4d73246.0":"2022-02-22T19:39:01.423Z","1.33.10--canary.6f18181.0":"2022-02-22T20:08:39.117Z","1.33.10--canary.aa0b800.0":"2022-02-22T20:15:33.372Z","1.33.10--canary.7e5cfae.0":"2022-02-22T20:39:14.909Z","1.33.10--canary.9d4a1ab.0":"2022-02-22T20:47:38.199Z","1.33.10--canary.de7819b.0":"2022-02-22T21:34:03.296Z","1.33.10--canary.158fb78.0":"2022-02-23T19:55:28.760Z","1.33.10--canary.3ca0241.0":"2022-02-23T20:51:23.602Z","1.33.10--canary.d1db488.0":"2022-02-23T21:15:41.806Z","1.33.10--canary.3ca0241.1":"2022-02-23T21:59:08.226Z","1.33.10--canary.80ef777.0":"2022-02-23T22:01:43.935Z","1.33.10--canary.7cec20a.0":"2022-02-23T22:05:23.755Z","1.33.10--canary.0666b73.0":"2022-02-23T22:12:41.643Z","1.33.10--canary.3ea8da8.0":"2022-02-23T22:33:34.042Z","1.33.10--canary.06e8c70.0":"2022-02-23T22:40:53.291Z","1.33.10--canary.9b37543.0":"2022-02-23T22:51:19.938Z","1.33.10--canary.9aa12d5.0":"2022-02-24T14:58:02.459Z","1.33.10--canary.b5b8d0a.0":"2022-02-24T15:29:14.264Z","1.33.10--canary.efcea18.0":"2022-02-24T15:31:56.446Z","1.33.10--canary.057f383.0":"2022-02-24T15:38:24.898Z","1.33.10--canary.edbc218.0":"2022-02-24T15:44:06.209Z","1.33.10--canary.ef836af.0":"2022-02-24T15:47:58.352Z","1.33.10--canary.cfc8264.0":"2022-02-24T15:54:40.452Z","1.33.10--canary.cbe988f.0":"2022-02-24T16:14:57.817Z","1.33.10--canary.f5611c2.0":"2022-02-24T16:20:04.420Z","1.33.10--canary.8437376.0":"2022-02-24T16:29:30.243Z","1.33.10--canary.aa11c7b.0":"2022-02-24T16:38:32.300Z","1.33.10--canary.05523a3.0":"2022-02-24T16:57:10.866Z","1.33.10--canary.6fbd437.0":"2022-02-24T18:36:07.762Z","1.33.10--canary.7fd465b.0":"2022-02-24T18:49:53.741Z","1.33.10--canary.a951b85.0":"2022-02-24T19:53:59.401Z","1.33.10--canary.b4ad625.0":"2022-02-25T15:29:10.213Z","1.33.10--canary.1ad56cf.0":"2022-02-25T15:32:52.664Z","1.33.10--canary.4e3b614.0":"2022-02-25T16:17:12.478Z","1.33.10--canary.a27318d.0":"2022-02-25T16:34:44.888Z","1.33.10--canary.9398ac0.0":"2022-02-25T17:02:47.509Z","1.33.10--canary.84309da.0":"2022-02-25T17:19:21.017Z","1.33.10--canary.21aaa76.0":"2022-02-28T13:57:40.395Z","1.33.10":"2022-02-28T21:48:57.956Z","1.33.11--canary.dc5a845.0":"2022-03-01T14:19:25.392Z","1.33.11--canary.4bed7ef.0":"2022-03-01T21:49:02.882Z","1.33.11--canary.b2ce95d.0":"2022-03-02T17:30:15.746Z","1.33.11--canary.55a5e1f.0":"2022-03-03T18:19:31.506Z","1.33.11--canary.9a304df.0":"2022-03-03T18:42:03.401Z","1.33.11--canary.9e1b44e.0":"2022-03-03T18:50:50.918Z","1.33.11--canary.89450de.0":"2022-03-03T19:11:56.134Z","1.33.11--canary.f69dbd3.0":"2022-03-04T01:14:38.215Z","1.33.11--canary.d02db46.0":"2022-03-04T14:02:17.991Z","1.33.11--canary.b75c538.0":"2022-03-04T14:37:49.853Z","1.34.0--canary.577.34c5cbd.0":"2022-03-04T16:38:39.495Z","1.33.11--canary.283ae01.0":"2022-03-04T17:23:58.093Z","1.33.11--canary.9408235.0":"2022-03-04T17:36:26.624Z","1.33.11--canary.588147d.0":"2022-03-07T14:38:29.252Z","1.33.11--canary.173e8e4.0":"2022-03-07T14:58:27.118Z","1.33.11--canary.b8b483e.0":"2022-03-07T15:30:29.123Z","1.33.11--canary.b0f5b24.0":"2022-03-07T20:47:50.509Z","1.33.11--canary.fcaa2b0.0":"2022-03-07T21:29:17.091Z","1.33.11--canary.69439f8.0":"2022-03-08T14:08:53.679Z","1.33.11--canary.4cc212b.0":"2022-03-08T14:25:02.509Z","1.33.11--canary.ae309bb.0":"2022-03-08T18:58:52.373Z","1.33.11--canary.8eac163.0":"2022-03-09T21:33:45.714Z","1.33.11--canary.9c273e0.0":"2022-03-10T20:59:24.816Z","1.33.11--canary.0e4be1d.0":"2022-03-11T13:55:32.157Z","1.33.11--canary.ac668d8.0":"2022-03-11T19:57:44.216Z","1.33.11--canary.5496f9a.0":"2022-03-14T16:08:10.163Z","1.33.11--canary.45d3ad1.0":"2022-03-14T18:30:08.914Z","1.33.11--canary.6ff7159.0":"2022-03-14T19:39:41.286Z","1.33.11--canary.7114a29.0":"2022-03-14T23:39:51.584Z","1.33.11--canary.5496f9a.1":"2022-03-15T00:43:02.691Z","1.33.11--canary.5e82e0b.0":"2022-03-15T15:08:07.699Z","1.33.11":"2022-03-15T15:58:24.077Z","1.33.12--canary.5375028.0":"2022-03-15T18:39:18.181Z","1.33.12":"2022-03-16T13:42:58.507Z","1.33.13--canary.e11a56d.0":"2022-03-16T16:16:43.171Z","1.33.13--canary.de7b8a3.0":"2022-03-16T16:21:27.249Z","1.33.13--canary.c2c8ef5.0":"2022-03-16T16:24:22.381Z","1.33.13--canary.57b35b6.0":"2022-03-16T16:54:35.448Z","1.33.13--canary.4a1ab89.0":"2022-03-16T17:09:16.565Z","1.33.13--canary.0803e6b.0":"2022-03-16T17:14:04.446Z","1.33.13--canary.11ca484.0":"2022-03-16T17:18:29.835Z","1.33.13--canary.197180a.0":"2022-03-16T17:21:21.410Z","1.33.13--canary.27f9c04.0":"2022-03-16T17:24:26.444Z","1.33.13--canary.bc38e55.0":"2022-03-18T15:18:50.071Z","1.33.13--canary.e1e8c07.0":"2022-03-21T17:53:23.411Z","1.33.13--canary.941f95a.0":"2022-03-23T12:50:58.800Z","1.33.13--canary.d7ed47e.0":"2022-03-23T18:14:09.218Z","1.33.13--canary.c75f7e1.0":"2022-03-24T20:22:58.343Z","1.33.13":"2022-03-24T21:04:23.581Z","1.33.14--canary.e1e8c07.0":"2022-03-25T14:01:36.955Z","1.33.14--canary.5aa7e6b.0":"2022-03-28T23:35:40.936Z","1.33.14--canary.56106d0.0":"2022-03-29T14:40:16.411Z","1.33.14--canary.933085c.0":"2022-03-29T21:15:52.493Z","1.33.14--canary.d985f99.0":"2022-03-30T14:48:15.360Z","1.33.14--canary.d211014.0":"2022-03-30T15:11:02.274Z","1.33.14--canary.a2f176d.0":"2022-03-30T15:19:49.560Z","1.33.14--canary.8074063.0":"2022-03-30T16:08:02.501Z","1.33.14--canary.4590bcc.0":"2022-03-30T21:47:46.305Z","1.33.14--canary.fe571c8.0":"2022-03-31T13:18:34.472Z","1.33.14--canary.3fb17b7.0":"2022-03-31T14:24:20.269Z","1.33.14--canary.b6493d3.0":"2022-04-01T15:26:06.229Z","1.33.14--canary.126536b.0":"2022-04-04T14:33:25.220Z","1.33.14--canary.df4fb68.0":"2022-04-04T18:08:55.273Z","1.33.14--canary.3e3fdd5.0":"2022-04-04T19:05:23.383Z","1.33.14":"2022-04-04T20:27:01.249Z","1.33.15--canary.75c8a66.0":"2022-04-05T13:45:29.611Z","1.33.15--canary.f27dfbd.0":"2022-04-05T18:33:08.349Z","1.33.15--canary.f27dfbd.1":"2022-04-05T18:52:32.942Z","1.33.15--canary.6085006.0":"2022-04-05T19:10:49.674Z","1.33.15--canary.4691b7e.0":"2022-04-06T17:20:43.025Z","1.33.15--canary.c0ac45f.0":"2022-04-06T19:50:32.976Z","1.33.15--canary.a7e100c.0":"2022-04-08T16:19:32.083Z","1.33.15--canary.ca11794.0":"2022-04-08T16:21:55.625Z","1.33.15--canary.49f474b.0":"2022-04-08T16:41:59.951Z","1.33.15--canary.5dc8fae.0":"2022-04-11T11:45:45.872Z","1.33.15--canary.a052a55.0":"2022-04-11T12:08:40.155Z","1.33.15--canary.4cc359f.0":"2022-04-11T13:28:46.175Z","1.33.15--canary.084078f.0":"2022-04-11T18:58:31.828Z","1.33.15--canary.79a2dcd.0":"2022-04-12T03:43:52.841Z","1.33.15--canary.816cfa2.0":"2022-04-12T20:03:58.900Z","1.33.15--canary.aa0859f.0":"2022-04-12T20:16:49.499Z","1.33.15--canary.aa0859f.1":"2022-04-12T21:12:35.108Z","1.33.15--canary.ff5269e.0":"2022-04-12T21:30:31.627Z","1.33.15--canary.deaffbc.0":"2022-04-13T14:50:13.054Z","1.33.15--canary.5bf32ce.0":"2022-04-13T16:43:24.397Z","1.33.15--canary.2b0dcc3.0":"2022-04-13T17:05:27.624Z","1.33.15--canary.60583c4.0":"2022-04-13T17:17:33.541Z","1.33.15--canary.14e32cc.0":"2022-04-13T18:49:29.760Z","1.33.15--canary.6e9afc6.0":"2022-04-13T19:35:14.542Z","1.33.15--canary.9c8d7f7.0":"2022-04-13T19:51:28.503Z","1.33.15--canary.e1db398.0":"2022-04-13T20:05:43.398Z","1.33.15--canary.be1fd36.0":"2022-04-13T20:23:28.908Z","1.33.15--canary.cdeeeb8.0":"2022-04-13T20:31:30.699Z","1.33.15--canary.435318e.0":"2022-04-13T20:34:05.070Z","1.33.15--canary.6febb06.0":"2022-04-13T20:35:16.590Z","1.33.15--canary.7d75fe9.0":"2022-04-14T13:34:51.019Z","1.33.15--canary.dd1aec8.0":"2022-04-14T13:48:54.743Z","1.33.15--canary.ba6fa4f.0":"2022-04-14T13:52:09.524Z","1.33.15--canary.10b7957.0":"2022-04-14T13:55:29.977Z","1.33.15--canary.39e926f.0":"2022-04-14T15:38:42.948Z","1.33.15--canary.63fdba9.0":"2022-04-14T16:55:06.638Z","1.33.15--canary.fa1ada0.0":"2022-04-14T19:19:17.738Z","1.33.15--canary.f4393e6.0":"2022-04-19T12:52:58.900Z","1.33.15--canary.afe0307.0":"2022-04-19T17:00:40.996Z","1.33.15--canary.5fdc4df.0":"2022-04-19T18:32:19.926Z","1.33.15--canary.6f67394.0":"2022-04-19T19:31:17.702Z","1.33.15--canary.687f08e.0":"2022-04-19T20:09:26.098Z","1.33.15":"2022-04-19T20:34:40.630Z","1.33.16--canary.14d0e6d.0":"2022-04-20T16:07:55.329Z","1.33.16--canary.9e0f923.0":"2022-04-20T16:44:29.678Z","1.33.16--canary.1d4111a.0":"2022-04-21T20:30:42.594Z","1.33.16--canary.786b180.0":"2022-04-21T20:36:48.917Z","1.33.16--canary.c525d82.0":"2022-04-25T16:26:37.547Z","1.33.16--canary.3177e5e.0":"2022-04-25T16:57:08.915Z","1.33.16--canary.2fdb7cc.0":"2022-04-25T17:05:02.226Z","1.33.16--canary.f3e75b6.0":"2022-04-25T17:44:38.169Z","1.33.16--canary.57d6d88.0":"2022-04-25T19:27:32.336Z","1.33.16":"2022-04-26T15:13:29.369Z","1.33.17--canary.0e5cb57.0":"2022-04-26T18:18:15.055Z","1.33.17--canary.4c29f12.0":"2022-04-26T18:33:42.155Z","1.33.17--canary.db0d713.0":"2022-04-26T19:07:34.714Z","1.33.17--canary.e429e39.0":"2022-04-26T19:48:10.935Z","1.33.17--canary.a598650.0":"2022-04-27T13:56:01.669Z","1.33.17--canary.b1fed4e.0":"2022-04-27T14:05:04.510Z","1.33.17--canary.db0d713.1":"2022-04-27T17:51:35.119Z","1.33.17--canary.1712ae7.0":"2022-04-27T18:10:12.471Z","1.33.17--canary.1712ae7.1":"2022-04-27T18:57:10.853Z","1.33.17--canary.1712ae7.2":"2022-04-27T18:58:01.616Z","1.33.17--canary.6b6e636.0":"2022-04-28T20:28:50.446Z","1.33.17--canary.89448a9.0":"2022-04-28T21:33:46.100Z","1.33.17--canary.6c53f2b.0":"2022-04-29T13:54:28.361Z","1.33.17--canary.e361a19.0":"2022-05-02T13:49:14.115Z","1.33.17--canary.e3b848d.0":"2022-05-02T19:55:06.126Z","1.33.17--canary.733c831.0":"2022-05-02T20:24:00.150Z","1.33.17--canary.560584d.0":"2022-05-02T20:28:03.644Z","1.33.17--canary.611de35.0":"2022-05-04T13:54:21.232Z","1.33.17--canary.cf2a50c.0":"2022-05-04T15:57:29.979Z","1.33.17--canary.aea8143.0":"2022-05-05T17:04:26.771Z","1.33.17--canary.5ca1b7d.0":"2022-05-05T21:39:01.347Z","1.33.17--canary.5ca1b7d.1":"2022-05-05T22:19:39.226Z","1.33.17--canary.2496226.0":"2022-05-06T13:06:21.527Z","1.33.17--canary.968f416.0":"2022-05-06T15:05:45.153Z","1.33.17--canary.8fd94a0.0":"2022-05-06T15:23:48.398Z","1.33.17--canary.fb46224.0":"2022-05-09T13:15:03.519Z","1.33.17--canary.d15767a.0":"2022-05-09T14:02:48.939Z","1.33.17--canary.7768cdd.0":"2022-05-09T14:22:23.428Z","1.33.17--canary.7cbb6d5.0":"2022-05-09T15:19:41.944Z","1.33.17--canary.8cc12f0.0":"2022-05-09T15:49:59.045Z","1.33.17--canary.536da34.0":"2022-05-09T20:18:25.068Z","1.33.17--canary.a13d081.0":"2022-05-09T21:02:23.340Z","1.33.17--canary.72c491b.0":"2022-05-10T13:49:25.758Z","1.33.17--canary.240c20f.0":"2022-05-10T16:21:48.386Z","1.33.17--canary.6aff775.0":"2022-05-10T18:09:01.546Z","1.33.17--canary.1b53f7b.0":"2022-05-10T19:58:29.605Z","1.33.17--canary.d1a1a8b.0":"2022-05-10T20:02:18.595Z","1.33.17--canary.db63c82.0":"2022-05-10T20:07:20.594Z","1.33.17--canary.74df642.0":"2022-05-10T20:46:45.705Z","1.33.17--canary.ae17f5e.0":"2022-05-10T20:51:36.286Z","1.33.17--canary.d5efc8f.0":"2022-05-10T21:05:35.139Z","1.33.17--canary.de0ce5b.0":"2022-05-11T13:55:19.280Z","1.33.17":"2022-05-11T14:08:57.730Z","1.33.18--canary.dc6d3c7.0":"2022-05-11T14:27:16.264Z","1.33.18--canary.55a9745.0":"2022-05-11T14:33:27.349Z","1.33.18--canary.a694ac9.0":"2022-05-11T16:07:58.680Z","1.33.18--canary.731e41f.0":"2022-05-12T13:14:53.140Z","1.33.18--canary.cfb450c.0":"2022-05-12T13:40:56.136Z","1.33.18--canary.30cac9f.0":"2022-05-12T15:47:57.065Z","1.33.18--canary.96b9988.0":"2022-05-13T14:45:28.001Z","1.33.18--canary.8b23326.0":"2022-05-16T13:15:48.919Z","1.33.18--canary.3008965.0":"2022-05-16T16:49:16.495Z","1.33.18--canary.40126dd.0":"2022-05-17T20:36:07.341Z","1.33.18--canary.35e5001.0":"2022-05-17T20:43:47.961Z","1.33.18--canary.69f6820.0":"2022-05-18T15:02:13.877Z","1.33.18--canary.303be25.0":"2022-05-18T15:54:51.464Z","1.33.18--canary.8a1c48d.0":"2022-05-18T16:34:17.418Z","1.33.18":"2022-05-18T18:55:05.055Z","1.33.19--canary.0a9dcfd.0":"2022-05-18T19:48:15.592Z","1.33.19--canary.0a9dcfd.1":"2022-05-19T13:22:34.184Z","1.33.19--canary.0a9dcfd.2":"2022-05-19T13:38:03.514Z","1.33.19--canary.b59a6ff.0":"2022-05-19T14:52:55.627Z","1.33.19--canary.b59a6ff.1":"2022-05-19T17:24:00.173Z","1.33.19--canary.82b9bb2.0":"2022-05-19T17:27:38.476Z","1.33.19--canary.80149ad.0":"2022-05-19T19:37:10.771Z","1.33.19--canary.90bf2e9.0":"2022-05-20T12:29:13.346Z","1.33.19--canary.6158474.0":"2022-05-20T13:47:31.063Z","1.33.19--canary.d6cbe7a.0":"2022-05-20T14:24:26.593Z","1.33.19--canary.cdf68ec.0":"2022-05-20T14:39:24.530Z","1.33.19--canary.d27ec09.0":"2022-05-20T14:48:32.958Z","1.33.19--canary.765afdc.0":"2022-05-20T15:53:09.725Z","1.33.19":"2022-05-20T16:35:25.658Z","1.33.20--canary.e4695c5.0":"2022-05-20T18:40:56.554Z","1.33.20--canary.155c1fd.0":"2022-05-23T04:44:52.117Z","1.33.20--canary.5385d6f.0":"2022-05-23T11:26:05.999Z","1.33.20--canary.11d658f.0":"2022-05-23T12:13:15.440Z","1.33.20--canary.db52e84.0":"2022-05-23T12:20:45.748Z","1.33.20--canary.74f0909.0":"2022-05-23T12:38:21.017Z","1.33.20--canary.dbc26fd.0":"2022-05-23T19:16:47.704Z","1.33.20--canary.764c628.0":"2022-05-23T20:18:12.416Z","1.33.20--canary.cdf68ec.0":"2022-05-24T14:58:38.507Z","1.33.20--canary.52f081b.0":"2022-05-24T16:02:16.731Z","1.33.20--canary.241e2c7.0":"2022-05-24T16:23:02.269Z","1.33.20--canary.6f851cb.0":"2022-05-24T16:30:34.207Z","1.33.20--canary.aa3d416.0":"2022-05-24T18:17:05.156Z","1.33.20--canary.676f821.0":"2022-05-24T18:29:36.592Z","1.33.20--canary.35e3305.0":"2022-05-24T18:38:22.735Z","1.33.20--canary.170e5b0.0":"2022-05-24T19:18:17.747Z","1.33.20--canary.74f0909.1":"2022-05-24T19:59:44.022Z","1.33.20--canary.764c628.1":"2022-05-24T20:01:27.350Z","1.33.20--canary.65c1d76.0":"2022-05-25T13:07:36.769Z","1.33.20--canary.1e96b9c.0":"2022-05-25T14:42:05.581Z","1.33.20--canary.69e9de1.0":"2022-05-25T15:34:48.205Z","1.33.20--canary.922f33b.0":"2022-05-25T15:48:24.693Z","1.33.20--canary.1e02f23.0":"2022-05-25T15:53:37.128Z","1.33.20--canary.a5efeb7.0":"2022-05-25T18:01:03.164Z","1.33.20--canary.e54162b.0":"2022-05-25T18:19:32.200Z","1.33.20--canary.a66c8ac.0":"2022-05-25T18:26:12.499Z","1.33.20--canary.a66c8ac.1":"2022-05-25T18:45:10.122Z","1.33.20--canary.a66c8ac.2":"2022-05-25T18:46:36.263Z","1.33.20--canary.922f33b.1":"2022-05-25T19:22:28.583Z","1.33.20--canary.ac08c3a.0":"2022-05-25T19:31:40.059Z","1.33.20--canary.922f33b.2":"2022-05-25T19:47:32.782Z","1.33.20--canary.ca9276d.0":"2022-05-25T21:13:39.091Z","1.33.20--canary.b42617f.0":"2022-05-25T21:26:17.333Z","1.33.20--canary.e69ee4d.0":"2022-05-25T22:23:54.686Z","1.33.20--canary.e69ee4d.1":"2022-05-25T22:25:55.140Z","1.33.20--canary.8cc75bc.0":"2022-05-26T02:51:35.254Z","1.33.20--canary.de5a5c1.0":"2022-05-26T07:18:50.933Z","1.33.20--canary.3dc6e19.0":"2022-05-26T15:09:49.290Z","1.33.20--canary.437899a.0":"2022-05-26T15:22:27.911Z","1.33.20--canary.a077035.0":"2022-05-26T15:50:38.866Z","1.33.20--canary.dac0507.0":"2022-05-26T16:47:56.255Z","1.33.20--canary.7e919ee.0":"2022-05-26T17:01:57.351Z","1.33.20--canary.9028b9a.0":"2022-05-26T19:26:02.196Z","1.33.20--canary.10c4bc2.0":"2022-05-26T20:10:49.587Z","1.33.20--canary.806ac7f.0":"2022-05-26T20:31:56.978Z","1.33.20--canary.38846e9.0":"2022-05-26T20:34:43.770Z","1.33.20--canary.9284d24.0":"2022-05-26T21:04:27.725Z","1.33.20--canary.2865e0e.0":"2022-05-26T21:09:29.979Z","1.33.20--canary.e14ec1a.0":"2022-05-27T11:42:46.693Z","1.33.20--canary.c9516e9.0":"2022-05-27T15:25:46.468Z","1.33.20--canary.3a215bc.0":"2022-05-27T16:02:30.317Z","1.33.20--canary.240ef6d.0":"2022-05-31T16:31:06.668Z","1.33.20--canary.a4f0d6e.0":"2022-05-31T16:42:46.705Z","1.33.20--canary.d92ed3e.0":"2022-05-31T17:27:27.250Z","1.33.20--canary.393a658.0":"2022-05-31T18:55:55.701Z","1.33.20--canary.0d5246c.0":"2022-05-31T20:13:55.236Z","1.33.20":"2022-05-31T20:18:08.369Z","1.33.21--canary.93f6410.0":"2022-05-31T21:34:06.494Z","1.33.21--canary.9669cd3.0":"2022-06-01T07:11:22.227Z","1.33.21--canary.b6e2e57.0":"2022-06-01T13:22:22.785Z","1.33.21--canary.dc29b4b.0":"2022-06-02T07:44:59.271Z","1.33.21--canary.65adbc8.0":"2022-06-02T16:54:13.122Z","1.33.21--canary.ea6a86f.0":"2022-06-02T18:03:54.762Z","1.33.21--canary.59d8beb.0":"2022-06-03T14:58:51.868Z","1.33.21--canary.c03ae47.0":"2022-06-03T16:21:18.256Z","1.33.21":"2022-06-06T13:48:07.696Z","1.33.22--canary.4140208.0":"2022-06-07T14:25:46.933Z","1.33.22--canary.8dc9d9e.0":"2022-06-07T15:15:38.560Z","1.33.22--canary.6d50f7b.0":"2022-06-07T18:08:38.474Z","1.33.22--canary.6d50f7b.1":"2022-06-07T18:28:28.168Z","1.33.22--canary.6d50f7b.2":"2022-06-07T19:02:25.958Z","1.33.22--canary.91eeffe.0":"2022-06-08T13:55:36.861Z","1.33.22--canary.805bb0d.0":"2022-06-08T16:14:53.211Z","1.33.22--canary.c19cc13.0":"2022-06-09T15:49:38.047Z","1.33.22--canary.ac4aa49.0":"2022-06-10T17:05:45.670Z","1.33.22--canary.6d6cf63.0":"2022-06-13T20:05:25.145Z","1.33.22--canary.c3abb19.0":"2022-06-13T21:11:09.173Z","1.33.22--canary.ff89fb3.0":"2022-06-14T19:08:33.361Z","1.33.22":"2022-06-15T13:55:55.833Z","1.33.23--canary.562104d.0":"2022-06-15T14:40:34.931Z","1.33.23--canary.c5eee9c.0":"2022-06-15T18:52:00.489Z","1.33.23":"2022-06-15T19:24:36.886Z","1.33.24--canary.32e4e2a.0":"2022-06-16T14:11:11.015Z","1.33.24--canary.66e93d5.0":"2022-06-21T15:12:24.775Z","1.33.24--canary.de4ac5c.0":"2022-06-21T17:10:04.749Z","1.33.24--canary.884ef9d.0":"2022-06-21T19:12:25.029Z","1.33.24":"2022-06-21T19:47:13.911Z","1.33.25--canary.75c4ce3.0":"2022-06-22T14:09:09.382Z","1.33.25--canary.7851bef.0":"2022-07-01T15:34:45.903Z","1.33.25--canary.f5de5a9.0":"2022-07-01T16:40:45.876Z","1.33.25--canary.4a8944e.0":"2022-07-01T16:56:43.844Z","1.33.25--canary.1f7405d.0":"2022-07-01T16:59:06.140Z","1.33.25":"2022-07-05T15:09:35.779Z","1.33.26--canary.bdd5f29.0":"2022-07-06T15:07:56.605Z","1.33.26--canary.778aa6f.0":"2022-07-06T15:51:10.331Z","1.33.26--canary.657cef7.0":"2022-07-06T21:35:58.472Z","1.33.26--canary.8403cc3.0":"2022-07-07T12:58:29.350Z","1.33.26--canary.47ba1dc.0":"2022-07-07T13:02:40.583Z","1.33.26--canary.51d0b64.0":"2022-07-07T13:32:48.138Z","1.33.26--canary.0214b6b.0":"2022-07-07T13:36:22.356Z","1.33.26--canary.7bf0367.0":"2022-07-07T14:02:54.124Z","1.33.26--canary.39a58a2.0":"2022-07-07T14:17:53.337Z","1.33.26--canary.80dcfc7.0":"2022-07-08T16:51:51.251Z","1.33.26":"2022-07-11T21:18:45.927Z","1.33.27--canary.5bc3e3b.0":"2022-07-13T16:02:07.308Z","1.33.27--canary.4c1edc6.0":"2022-07-13T19:23:50.831Z","1.33.27--canary.5bc3e3b.1":"2022-07-14T20:35:59.949Z","1.33.27--canary.429f3d5.0":"2022-07-18T20:28:21.288Z","1.33.27--canary.429f3d5.1":"2022-07-18T20:41:39.579Z","1.33.27--canary.b69caa2.0":"2022-07-19T16:07:20.275Z","1.33.27":"2022-07-22T14:35:37.367Z","1.33.28--canary.9a73c2f.0":"2022-07-25T14:27:48.273Z","1.33.28--canary.212a98d.0":"2022-07-25T15:18:14.953Z","1.33.28--canary.94549ba.0":"2022-07-26T13:51:25.726Z","1.33.28--canary.ed50ae9.0":"2022-07-26T13:59:33.171Z","1.33.28--canary.74014f0.0":"2022-07-26T14:13:21.251Z","1.33.28--canary.5490e89.0":"2022-07-26T14:34:33.731Z","1.33.28":"2022-07-26T15:04:39.846Z","1.33.29--canary.dc0473c.0":"2022-07-26T17:29:11.743Z","1.33.29--canary.0d9811d.0":"2022-07-26T19:08:53.242Z","1.33.29--canary.5d07c2b.0":"2022-07-26T19:18:52.247Z","1.33.29--canary.ad5506f.0":"2022-07-26T19:24:04.137Z","1.33.29--canary.a7c45ce.0":"2022-07-26T19:42:11.287Z","1.33.29--canary.08be211.0":"2022-07-27T17:15:17.879Z","1.33.29":"2022-07-27T19:10:50.490Z","1.33.30":"2022-07-28T14:17:53.800Z","1.33.31--canary.9dbf66c.0":"2022-07-29T15:29:51.857Z","1.33.31--canary.b7a337a.0":"2022-07-29T16:11:35.479Z","1.33.31--canary.08b9d65.0":"2022-08-01T15:15:48.040Z","1.33.31--canary.2a7e4c8.0":"2022-08-01T15:28:25.423Z","1.33.31--canary.f8a9848.0":"2022-08-01T16:11:49.055Z","1.33.31--canary.28dc194.0":"2022-08-01T16:17:59.597Z","1.33.31--canary.7892f7f.0":"2022-08-01T16:50:06.014Z","1.33.31--canary.6c8f156.0":"2022-08-01T19:08:24.359Z","1.33.31--canary.80db47a.0":"2022-08-02T14:58:39.114Z","1.33.31--canary.80db47a.1":"2022-08-02T15:05:07.827Z","1.33.31--canary.8c87d4d.0":"2022-08-02T15:38:53.182Z","1.33.31--canary.d2b062c.0":"2022-08-02T18:49:53.933Z","1.33.31":"2022-08-03T20:43:05.394Z","1.33.32--canary.279557b.0":"2022-08-03T21:13:03.134Z","1.33.32--canary.9e893e5.0":"2022-08-03T21:15:03.969Z","1.33.32":"2022-08-04T16:08:24.019Z","1.33.33--canary.5d87a4d.0":"2022-08-05T13:54:08.586Z","1.33.33--canary.66081ce.0":"2022-08-08T16:09:54.942Z","1.33.33--canary.35b3e78.0":"2022-08-09T18:53:59.545Z","1.33.33":"2022-08-10T16:21:47.000Z","1.33.34--canary.d02c5f5.0":"2022-08-15T14:33:56.704Z","1.33.34--canary.d02c5f5.1":"2022-08-15T14:48:47.906Z","1.33.34--canary.d02c5f5.2":"2022-08-15T15:07:51.672Z","1.33.34":"2022-08-17T16:37:56.204Z","1.33.35--canary.8c159b8.0":"2022-08-19T16:16:01.704Z","1.33.35--canary.1f09089.0":"2022-08-22T18:04:22.442Z","1.33.35":"2022-08-23T14:24:48.901Z","1.33.36":"2022-08-23T14:47:45.287Z","1.33.37--canary.34c454e.0":"2022-08-23T18:06:57.319Z","1.33.37--canary.f36fd5c.0":"2022-08-24T14:42:21.543Z","1.33.37":"2022-08-24T14:49:01.760Z","1.33.38--canary.d0f8fe1.0":"2022-08-24T16:43:55.466Z","1.33.38--canary.72da0a5.0":"2022-08-24T20:32:22.813Z","1.33.38--canary.0788e88.0":"2022-08-25T18:00:32.049Z","1.33.38":"2022-08-26T14:05:08.889Z","1.33.39--canary.89f41fb.0":"2022-09-07T16:25:26.751Z","1.33.39--canary.ff5d2ff.0":"2022-09-07T17:31:43.095Z","1.33.39--canary.2351254.0":"2022-09-12T18:42:38.574Z","1.33.39--canary.7464fb8.0":"2022-09-12T20:25:07.848Z","1.33.39":"2022-09-13T19:11:54.264Z","1.33.40--canary.1ddff05.0":"2022-09-16T15:37:28.053Z","1.33.40--canary.f1bdf12.0":"2022-09-16T15:59:48.979Z","1.33.40--canary.f1bdf12.1":"2022-09-22T16:44:21.728Z","1.33.40--canary.929f169.0":"2022-10-26T15:09:55.455Z","1.33.40--canary.929f169.1":"2022-10-26T17:23:02.732Z","1.33.40--canary.929f169.2":"2022-10-26T17:32:22.191Z","1.33.40--canary.d301b34.0":"2022-10-26T19:42:05.131Z","1.33.40--canary.d7a0689.0":"2022-10-27T21:51:19.808Z","1.33.40":"2022-11-02T14:33:17.537Z","1.33.41--canary.f3538a4.0":"2022-11-03T16:23:53.277Z","1.33.41--canary.f3538a4.1":"2022-11-03T16:49:23.820Z","1.33.41--canary.9bd1172.0":"2022-11-03T22:39:22.506Z","1.33.41--canary.f3538a4.2":"2022-11-04T13:38:24.521Z","1.33.41--canary.4767317.0":"2022-11-17T14:58:51.384Z","1.33.41--canary.4767317.1":"2022-11-17T16:23:26.034Z","1.33.41":"2022-11-18T15:12:07.620Z","1.33.42--canary.24e07dc.0":"2022-11-23T01:08:50.635Z","1.33.42--canary.58679be.0":"2022-11-23T01:27:02.292Z","1.33.42--canary.6dd3290.0":"2022-11-23T01:31:15.290Z","1.33.42--canary.c3e0db2.0":"2022-11-23T01:37:18.428Z","1.33.42--canary.7893da4.0":"2022-11-23T01:43:22.296Z","1.33.42--canary.7893da4.1":"2022-11-23T01:45:49.946Z","1.33.42--canary.2455d89.0":"2022-11-23T01:56:15.014Z","1.33.42--canary.25db5f6.0":"2022-11-23T02:03:57.471Z","1.33.42--canary.d111ed7.0":"2022-11-23T15:45:29.112Z","1.33.42--canary.29d5cd3.0":"2022-11-30T21:15:20.827Z","1.33.42--canary.054fbc7.0":"2022-11-30T21:45:23.972Z","1.33.42":"2022-12-13T15:30:21.040Z","1.33.43--canary.c33b297.0":"2023-01-26T18:04:55.194Z","1.33.43--canary.e63b0d6.0":"2023-01-26T18:14:59.814Z","1.33.43--canary.daae47e.0":"2023-01-26T18:28:58.553Z","1.33.43":"2023-01-30T15:16:35.038Z","1.33.44--canary.a861e2f.0":"2023-02-06T15:12:04.880Z","1.33.44--canary.482efae.0":"2023-02-08T15:54:24.625Z","1.33.44":"2023-02-09T14:03:21.903Z","1.33.45--canary.a12bf38.0":"2023-02-28T16:50:07.724Z","1.33.45--canary.9657953.0":"2023-02-28T17:40:56.458Z","1.33.45--canary.d6d816a.0":"2023-03-02T16:33:58.692Z","1.33.45":"2023-03-06T15:36:53.393Z","1.33.46--canary.0ebd0e9.0":"2023-03-07T22:03:17.438Z","1.33.46--canary.0d5b1ad.0":"2023-03-09T15:02:01.920Z","1.33.46--canary.c138a23.0":"2023-03-09T18:25:31.653Z","1.33.46--canary.79940b6.0":"2023-03-10T16:19:38.098Z","1.33.46":"2023-03-13T15:41:11.296Z","1.33.47--canary.3e31003.0":"2023-03-13T16:36:08.028Z","1.33.47--canary.2b45824.0":"2023-03-13T17:23:33.852Z","1.33.47--canary.162970a.0":"2023-03-20T15:20:45.850Z","1.33.47":"2023-03-27T15:26:00.911Z","1.33.48":"2023-03-29T16:59:48.459Z","1.33.49--canary.5692543.0":"2023-03-31T16:00:19.979Z","1.33.49--canary.63a3c5c.0":"2023-04-03T22:11:13.045Z","1.33.49--canary.126d990.0":"2023-04-07T15:57:42.200Z","1.33.49":"2023-05-16T15:27:06.393Z","1.33.50--canary.7951fe8.0":"2023-05-25T19:52:14.239Z","1.33.50":"2023-06-01T18:17:23.323Z","1.33.51":"2023-06-27T19:28:09.140Z","1.33.52--canary.eddd377.0":"2023-07-20T20:39:26.527Z","1.33.52":"2023-09-08T16:21:00.799Z","1.33.53--canary.07aa21c.0":"2023-09-28T06:07:26.506Z","1.33.55--canary.df0c6e8.0":"2023-10-26T17:36:32.390Z","1.33.55--canary.635f17a.0":"2023-10-26T17:42:18.921Z","1.33.55":"2023-10-26T17:56:39.980Z","1.33.56":"2023-10-26T18:02:58.636Z","1.33.57--canary.7084821.0":"2024-01-08T16:27:35.797Z","1.33.57":"2024-01-08T23:03:11.316Z"},"maintainers":[{"name":"jaslakson","email":"jason.aslakson@americastestkitchen.com"},{"name":"atk","email":"domain.management@americastestkitchen.com"},{"name":"tom.tornese","email":"tom.tornese@americastestkitchen.com"},{"name":"jess.bon","email":"jess.bon@americastestkitchen.com"},{"name":"harry-atk","email":"harry.scheuerle@americastestkitchen.com"},{"name":"jennerthomas","email":"jenner.thomas@americastestkitchen.com"},{"name":"twoodman","email":"timothy.woodman@americastestkitchen.com"},{"name":"leo-atk","email":"leonardo.pereira@americastestkitchen.com"},{"name":"oddwili-atk","email":"audrey.magwili@americastestkitchen.com"},{"name":"taylordorin","email":"taylor.dorin@americastestkitchen.com"}],"description":"Design system and component library for America's Test Kitchen","homepage":"https://github.com/Americastestkitchen/mise-ui#readme","author":{"name":"ATK Front End Dev Team"},"bugs":{"url":"https://github.com/Americastestkitchen/mise-ui/issues"},"license":"UNLICENSED","readme":"Mise en place is a French term for having all your ingredients measured, cut, peeled, sliced, grated, etc, before you start cooking. In the same light, *Mise UI* is a design system and component library for America’s Test Kitchen.\n\nThe current state of the master branch can be viewed here: https://mise-ui.netlify.com\n\n### To start the app:\nRun `yarn run storybook` and wait for a browser window to open `localhost:9009`\n\n### Storybook\nMise UI is a [Storybook](https://storybook.js.org) app built with [React](https://reactjs.org). Storybook is an isolated UI development environment for UI components. Stories are written in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format).\n\n### Visual review\nTo review work with others, push your branch to `origin/staging`. Netlify will build and deploy to http://staging--mise-ui.netlify.com. The master branch is always viewable here: https://mise-ui.netlify.com\n\n### Workflow\n\n#### Create a branch\n```git checkout -b create-avatar-list-component```\n\n#### Code and commit\n```git commit -am \"Added AvatarList and stories\"```\n\n#### Document your code\n\nAdd comments to your components which Storybook will use as documentation.\n\nFor example:\n\n```\n/**\n * A list of Avatars, ellipsized to at most 3. Supports passing only a subset of the total user count.\n */\nexport function AvatarList({ loading, users, userCount, size, ...props }) {\n}\n\nAvatarList.propTypes = {\n  /**\n   * Are we loading avatar data from the network?\n   */\n  loading: PropTypes.bool,\n  /**\n   * A (sub)-list of the users whose avatars we have data for. Note: only 3 will be displayed.\n   */\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string,\n      avatarUrl: PropTypes.string,\n    })\n  ),\n  /**\n   * The total number of users, if a subset is passed to `users`.\n   */\n  userCount: PropTypes.number,\n  /**\n   * AvatarList comes in four sizes. In most cases, you’ll be fine with `medium`.\n   */\n  size: PropTypes.oneOf(Object.keys(sizes)),\n};\n```\n\nCommit the changes and push to GitHub\n```\ngit commit -am \"Improved AvatarList docs\"\ngit push -u origin `create-avatar-list-component`\n```\n\n### Create a PR\n\nCreate a Pull Request\n\nThe design system’s Storybook is automatically published each pull request to make review dead simple.\nScroll down to the PR checks, at the bottom of the PR, to find a link to the deployed Storybook.\n\nYou should look for something like `deploy/netlify - Deploy preview ready`\n\nThe online Storybook is a universal reference point for the team. Share the link to AvatarList with other stakeholders to get feedback faster.\n\n#### Verify changes via tests\n\n* Chromatic?\n* Snapshots?\n* Unit tests?\n\n#### Release\n\nOnce all your code is merged into the `master` branch, you are ready to begin the release process.\n\nTo make sure the Mise is versioned properly for release, please run `yarn publish --tag latest` from the `master` branch. It will tell you the current version of Mise and then prompt you to enter the new vesrion. You can update the major, minor, or patch.\n\nVerify that the latest verison has been published on [NPM](https://www.npmjs.com/package/@atk/mise-ui).\n\nNext, [draft a new release](https://github.com/Americastestkitchen/mise-ui/releases) and add a new tag in github. \n\nYou're now ready to use this new Mise version in other projects!\n\n## Previewing in `jarvis`, or other ATK repos with yalc\n\nWhen developing and authoring multiple packages (private or public), you often find yourself in need of using the latest/WIP versions in other projects that you are working on in your local environment without publishing those packages to the remote registry.\n\nSee [documentation](https://github.com/wclr/yalc) for more info\n\nInstall `yalc` globally\n\n```\nyarn global add yalc\n```\nNow run publish, it will copy all the files that should be published in remote NPM registry. Don't forget to update the version number!\n```\nyalc publish\n```\nWith yalc puclished in remote NPM registry, it's already visible to other repos. But if you want to continue the changes in mise-ui run the following\n```\nyarn watch\n```\n\nThen add the following to any other **ATK repos** that would want to see the changes. It will automatically see the changes and update in the application(It might take some seconds)\n```\ncd ../jarvis\nyalc link @atk/mise-ui\n```\n\nNow just start the repo's development server and it's all set.\n\nWhen you are done working on `mise-ui` changes, you might want to 'remove' jarvis.\n```\ncd ../jarvis\nyalc remove @atk/mise-ui\n```\n\n## DEPRECATED - Previewing in `jarvis`, or other ATK repos\n\nIf you are making changes in `mise-ui` and would like to preview those changes immediately in `jarvis`, you will need to link your local copy of `mise-ui` to your local `jarvis`.\n\nThe following commands assume your local repos are stored in `/src`, adjust the commands to suite the location you have selected on your computer.\n\n```\n-$ cd /src/mise-ui\n-$ yarn link\n-$ npm link ../jarvis/node_modules/react-instantsearch-dom\n-$ npm link ../jarvis/node_modules/react\n-$ npm link ../jarvis/node_modules/styled-components\n-$ npm link ../jarvis/node_modules/styled-components-breakpoint\n-$ cd ../jarvis\n-$ yarn link @atk/mise-ui\n-$ cd node_modules/styled-components\n-$ npm link ../react\n```\n\nNote that two of the above commands use `yarn` and two use `npm`. The order of the `npm` commands is important. Make sure you link `react-instantsearch-dom` and then `react`. If you see 'Invalid Hook Call' errors, you might need to re-run these commands with the correct order.\n\nThe `link` commands create symlinks between your local `mise-ui` and `jarvis` so that the `node_modules` folder in `jarvis` points to your local `mise-ui` codebase. The `npm link` commands make it so that `jarvis` uses its local copies of the packages (`react` and `react-instantsearch-dom`) instead of using the versions in the `mise-ui/node_modules` folder.\n\nRead [Invalid Hook Call Warning](https://reactjs.org/warnings/invalid-hook-call-warning.html) for more details.\n\nAfter each change that you make in `mise-ui`, you will need to compile your code since `jarvis` looks at the files in `./dist`, not in `./src`.\n```\n-$ yarn run build\n```\n\nYou will also need to restart `jarvis`.\n\nWhen you are done working on `mise-ui` changes, you might want to 'unlink' jarvis.\n```\n-$ cd /src/jarvis\n-$ yarn unlink @atk/mise-ui\n-$ yarn add @atk/mise-ui\n```\nYour `jarvis` branch should now be pointing to the lastest NPM version of `atk/mise-ui`.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\n<!-- prettier-ignore-start -->\n<!-- markdownlint-disable -->\n<table>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/leo-fsl\"><img src=\"https://avatars.githubusercontent.com/u/94620909?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Leonardo</b></sub></a><br /><a href=\"#example-leo-fsl\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=leo-fsl\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/harry-atk\"><img src=\"https://avatars.githubusercontent.com/u/88331810?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Harry Scheuerle</b></sub></a><br /><a href=\"#example-harry-atk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=harry-atk\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jaslakson\"><img src=\"https://avatars.githubusercontent.com/u/17276211?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jason Aslakson</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Code\">💻</a> <a href=\"#example-jaslakson\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jaslakson\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/kayseriatk\"><img src=\"https://avatars.githubusercontent.com/u/95244777?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Kayseri Martinez</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Documentation\">📖</a> <a href=\"#example-kayseriatk\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=kayseriatk\" title=\"Code\">💻</a></td>\n    <td align=\"center\"><a href=\"https://github.com/ttornese\"><img src=\"https://avatars.githubusercontent.com/u/2482369?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tom Tornese</b></sub></a><br /><a href=\"#example-ttornese\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=ttornese\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/twoodmanATK\"><img src=\"https://avatars.githubusercontent.com/u/91677751?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Tim Woodman</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=twoodmanATK\" title=\"Documentation\">📖</a> <a href=\"#example-twoodmanATK\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"https://github.com/oddwili\"><img src=\"https://avatars.githubusercontent.com/u/6622568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Audrey Magwili</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=oddwili\" title=\"Code\">💻</a></td>\n  </tr>\n  <tr>\n    <td align=\"center\"><a href=\"https://github.com/tdorin\"><img src=\"https://avatars.githubusercontent.com/u/104532100?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>tdorin</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Documentation\">📖</a> <a href=\"#example-tdorin\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=tdorin\" title=\"Tests\">⚠️</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jwinnfeild2517\"><img src=\"https://avatars.githubusercontent.com/u/46112853?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jenner Thomas</b></sub></a><br /><a href=\"#example-jwinnfeild2517\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jwinnfeild2517\" title=\"Documentation\">📖</a></td>\n    <td align=\"center\"><a href=\"https://github.com/jbonAA\"><img src=\"https://avatars.githubusercontent.com/u/52093281?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Jess David Bon</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Code\">💻</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=jbonAA\" title=\"Documentation\">📖</a> <a href=\"#example-jbonAA\" title=\"Examples\">💡</a></td>\n    <td align=\"center\"><a href=\"http://www.bradwaropay.com/\"><img src=\"https://avatars.githubusercontent.com/u/4742568?v=4?s=100\" width=\"100px;\" alt=\"\"/><br /><sub><b>Brad Waropay</b></sub></a><br /><a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Documentation\">📖</a> <a href=\"#example-bradwaropay\" title=\"Examples\">💡</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Tests\">⚠️</a> <a href=\"https://github.com/americastestkitchen/americastestkitchen/mise-ui/commits?author=bradwaropay\" title=\"Code\">💻</a></td>\n  </tr>\n</table>\n\n<!-- markdownlint-restore -->\n<!-- prettier-ignore-end -->\n\n<!-- ALL-CONTRIBUTORS-LIST:END -->\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md"}